:root{
  --bg:#0b0f14;
  --panel:#ffffff;
  --panel-border:#d8dde6;
  --muted:#6b7280;
  --text:#111827;
  --blue:#3b82f6;
  --top:#0a0d12;
  --top2:#0f141b;
}

.tsbj-gloria-terminal-embed,
.tsbj-gloria-terminal-embed *{
  box-sizing:border-box;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}

/*
  Theme/CSS hardening:
  Some WordPress themes apply aggressive global styles to buttons/selects
  (e.g. font-size:0, text-indent, transparent text fill, 100% width).
  We explicitly style interactive controls inside the embed so labels remain visible.
*/

.tsbj-gloria-terminal-embed button,
.tsbj-gloria-terminal-embed .btn,
.tsbj-gloria-terminal-embed .icon-btn{
  -webkit-text-fill-color: currentColor !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #111827 !important;
  background-image: none !important;
  opacity: 1 !important;
}

.tsbj-gloria-terminal-embed .select,
.tsbj-gloria-terminal-embed select,
.tsbj-gloria-terminal-embed input{
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #111827 !important;
  width: auto !important;
  max-width: 100% !important;
}

.tsbj-gloria-terminal-embed .control-group > *{
  flex: 0 0 auto;
}

.tsbj-gloria-terminal-embed .terminal{
  /* Remove the heavy "black frame" look so the embed blends into the homepage */
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  overflow:hidden;
  box-shadow:none;
}

.tsbj-gloria-terminal-embed .topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  background:linear-gradient(180deg,var(--top),var(--top2));
  border-bottom:1px solid rgba(255,255,255,.08);
}

.tsbj-gloria-terminal-embed .brand{display:flex;gap:10px;align-items:center;color:#fff;}
.tsbj-gloria-terminal-embed .logo{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;}
.tsbj-gloria-terminal-embed .logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.tsbj-gloria-terminal-embed .brand-title{font-weight:700;letter-spacing:.6px;}
.tsbj-gloria-terminal-embed .brand-title-light{font-weight:800;}
.tsbj-gloria-terminal-embed .brand-subtitle{font-size:10px;color:rgba(255,255,255,.6);margin-top:2px;}

.tsbj-gloria-terminal-embed .status{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;}
.tsbj-gloria-terminal-embed .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;}
.tsbj-gloria-terminal-embed .right-controls{display:flex;gap:8px;align-items:center;}

.tsbj-gloria-terminal-embed .controls{background:#f3f4f6;padding:10px 14px;border-bottom:1px solid #e5e7eb;}
.tsbj-gloria-terminal-embed .search-wrap{display:flex;gap:8px;align-items:center;}
.tsbj-gloria-terminal-embed .search{flex:1;padding:12px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;}
.tsbj-gloria-terminal-embed .icon-btn{border:1px solid #d1d5db;background:#fff;border-radius:6px;width:42px;height:42px;font-size:20px;cursor:pointer;line-height:1;}
.tsbj-gloria-terminal-embed .control-group{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.tsbj-gloria-terminal-embed .select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;}
.tsbj-gloria-terminal-embed .btn{
  padding:10px 12px;
  border:1px solid #d1d5db;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.tsbj-gloria-terminal-embed .btn-blue{border-color:#93c5fd;background:#eaf2ff;color:#111827 !important;}
.tsbj-gloria-terminal-embed .hint{margin-top:8px;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}

.tsbj-gloria-terminal-embed .panels{display:grid;gap:10px;padding:10px 10px 18px;grid-template-columns:repeat(3,1fr);} 
@media (max-width:1100px){.tsbj-gloria-terminal-embed .panels{grid-template-columns:1fr;}}

.tsbj-gloria-terminal-embed .panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;min-height:620px;display:flex;flex-direction:column;}
.tsbj-gloria-terminal-embed .panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--panel-border);}
.tsbj-gloria-terminal-embed .panel-left{display:flex;flex-direction:column;gap:6px;}
.tsbj-gloria-terminal-embed .panel-title-row{display:flex;gap:10px;align-items:center;}
.tsbj-gloria-terminal-embed .panel-select{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-weight:700;}
.tsbj-gloria-terminal-embed .items-count{font-size:12px;color:var(--muted);}

.tsbj-gloria-terminal-embed .panel-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
.tsbj-gloria-terminal-embed .badge{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:700;color:#374151;background:#f8fafc;}

.tsbj-gloria-terminal-embed .sent-row{display:flex;gap:10px;font-size:12px;color:#111827;}
.tsbj-gloria-terminal-embed .dot-sm{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle;}
.tsbj-gloria-terminal-embed .dot-green{background:#22c55e;}
.tsbj-gloria-terminal-embed .dot-red{background:#ef4444;}
.tsbj-gloria-terminal-embed .dot-gray{background:#6b7280;}

.tsbj-gloria-terminal-embed .list{flex:1;overflow:auto;}
.tsbj-gloria-terminal-embed .item{display:flex;gap:10px;justify-content:space-between;padding:14px 12px;border-bottom:1px solid #eef2f7;}
.tsbj-gloria-terminal-embed .item a{color:#111827;text-decoration:none;font-size:14px;line-height:1.4;}
.tsbj-gloria-terminal-embed .item a:hover{text-decoration:underline;}
.tsbj-gloria-terminal-embed .time{color:var(--muted);font-size:12px;white-space:nowrap;}

.tsbj-gloria-terminal-embed .modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:24px;z-index:99999;}
.tsbj-gloria-terminal-embed .modal.hidden{display:none;}
.tsbj-gloria-terminal-embed .modal-card{width:min(820px, 96vw);max-height:80vh;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 20px 80px rgba(0,0,0,.35);}
.tsbj-gloria-terminal-embed .modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb;}
.tsbj-gloria-terminal-embed .modal-title{font-weight:700;}
.tsbj-gloria-terminal-embed .modal-body{padding:14px;white-space:pre-wrap;line-height:1.5;overflow:auto;max-height:70vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}