/* The customer shell shares the concept's compact, quiet frame in every mode. */
body[data-workspace="customer"] {
 --customer-header-height:60px;--sidebar-w:185px;--radius:10px;
 --bg:#0a1526;--bg-2:#0e1c30;--bg-3:#17273f;--border:#2b3d59;
 --text:#f0f1ff;--text-2:#c1cbe6;--text-3:#8398c0;
 --accent:#aa92ff;--accent-2:#8970ee;--accent-glow:#9a83ff24;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
[data-theme="light"] body[data-workspace="customer"] {
 --bg:#f5f7fc;--bg-2:#fff;--bg-3:#f0f3fc;--border:#e0e5f1;
 --text:#15224b;--text-2:#526285;--text-3:#7c8bac;
 --accent:#6845e8;--accent-2:#7956ee;--accent-glow:#8257f018;
}
.workspace-brand,.workspace-motto,.workspace-account,.workspace-summary{display:none}
body[data-workspace="customer"] .sidebar{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-color:var(--border)}
body[data-workspace="customer"] .sidebar-logo{height:var(--customer-header-height);min-height:var(--customer-header-height);padding:0 15px;border-bottom:1px solid var(--border);border-radius:0;position:relative}
body[data-workspace="customer"] .sidebar-logo>img{display:none}
body[data-workspace="customer"] .workspace-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:18px;letter-spacing:-.55px;font-weight:650;white-space:nowrap}
.workspace-brand>svg{color:var(--accent);width:26px;height:30px;flex-shrink:0}
body[data-workspace="customer"] .sidebar-collapse-btn{position:absolute;right:4px;bottom:-12px;width:22px;height:22px;z-index:4;opacity:0;background:var(--bg-2)}
body[data-workspace="customer"] .sidebar:hover .sidebar-collapse-btn,body[data-workspace="customer"] .sidebar-collapse-btn:focus-visible{opacity:1}
body[data-workspace="customer"] .sidebar-org{display:none}
body[data-workspace="customer"] .customer-nav{display:flex;flex-direction:column;padding:24px 12px 10px!important;gap:8px}
body[data-workspace="customer"] .customer-nav .nav-item{min-height:46px;padding:11px 13px;gap:16px;font-size:14px;font-weight:450;border-radius:7px;margin:0;color:var(--text-2)}
body[data-workspace="customer"] .customer-nav .nav-item svg{width:22px;height:22px;opacity:1}
body[data-workspace="customer"] .customer-nav .nav-item.active{color:var(--text);background:linear-gradient(110deg,#8b75ee40,#8272d432);box-shadow:inset 0 1px #b09bff10}
[data-theme="light"] body[data-workspace="customer"] .customer-nav .nav-item.active{color:var(--accent);background:#8b6cf019}
body[data-workspace="customer"] .customer-nav .nav-item.active svg{fill:#aa8dff33;color:var(--accent);stroke-width:2}
body[data-workspace="customer"] .customer-nav .nav-item[data-route="#admin"]{margin-top:auto;border:0;padding-top:11px;border-radius:7px}
body[data-workspace="customer"] .workspace-motto{display:block;margin:10px 24px 22px;padding-top:23px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3);line-height:1.8}
body[data-workspace="customer"] .sidebar-footer{display:none}
body[data-workspace="customer"] .topbar{height:var(--customer-header-height);min-height:var(--customer-header-height);padding:0 22px;gap:18px;background:linear-gradient(90deg,var(--bg-2),var(--bg));border-color:var(--border);z-index:12}
body[data-workspace="customer"] .topbar-title{display:block;min-width:40px;max-width:145px;flex:0 0 auto;font-size:16px;font-weight:550;letter-spacing:-.25px;white-space:nowrap}
body[data-workspace="customer"] .office-display-controls{gap:13px;min-width:0}
body[data-workspace="customer"] .sd-segment{padding:3px;gap:0;border-color:var(--border);border-radius:9px;background:var(--bg)}
body[data-workspace="customer"] .sd-segment button{padding:6px 12px;font-size:12px;border-radius:6px;line-height:20px;white-space:nowrap}
body[data-workspace="customer"] .sd-segment button[aria-pressed="true"]{background:linear-gradient(120deg,#9779ff,#7561db);box-shadow:inset 0 1px #ffffff20,0 1px 6px #9672ff20;color:#fff}
body[data-workspace="customer"] .theme-segment button{padding:6px 9px;gap:5px}
body[data-workspace="customer"] .theme-segment button[aria-pressed="true"]{background:#9779ff26;color:var(--accent);box-shadow:none}
body[data-workspace="customer"] .sd-search-btn{padding:7px;margin-left:auto;color:var(--text-3)}
body[data-workspace="customer"] .sd-search-btn>span,body[data-workspace="customer"] .sd-search-btn>kbd{display:none}
body[data-workspace="customer"] .topbar-actions{display:flex;margin-left:0;gap:12px}
body[data-workspace="customer"] #status-badge{display:none}
body[data-workspace="customer"] .workspace-summary{display:flex;gap:9px;align-items:center}
.workspace-metric{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-2);font-size:12px;white-space:nowrap;border:1px solid var(--border);background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-radius:9px;padding:9px 12px;text-decoration:none}
.workspace-metric .sd-icon{height:15px;width:15px}
.metric-dot{width:9px;height:9px;border-radius:50%;background:#79dfb8;display:inline-block}
.metric-dot.is-amber{background:#ffdb77}
body[data-workspace="customer"] .workspace-account{display:block;position:relative;margin-left:5px;padding-left:18px;border-left:1px solid var(--border)}
.workspace-account summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:var(--text);min-height:36px}
.workspace-account summary::-webkit-details-marker{display:none}
.workspace-account-avatar{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(135deg,#6662b4,#464986);border:1px solid #a395ff40;border-radius:50%;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}
.workspace-account-menu{position:absolute;right:0;top:calc(100% + 14px);width:280px;padding:17px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 50px #0004;display:flex;flex-direction:column;gap:7px;z-index:50}
.workspace-account-menu strong{font-size:14px}.workspace-account-menu small{font-size:12px;color:var(--text-3);overflow-wrap:anywhere}
.workspace-account-switch{display:flex;flex-direction:column;gap:7px;margin:9px 0 3px}
.workspace-connection{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;font-size:11px;color:var(--text-3)}
body[data-workspace="customer"] .workspace-connection #status-badge{display:inline-flex}
body[data-workspace="customer"] .workspace-account:has(.pill-orange,.pill-red) .workspace-account-avatar{box-shadow:0 0 0 2px #e9ae67}
body[data-workspace="customer"] .workspace-account-menu #client-context-btn{display:block;max-width:100%;width:100%;font-size:12px;padding:9px;text-align:left}
body[data-workspace="customer"] .workspace-account-menu #client-context-btn.hidden{display:none}
body[data-workspace="customer"] .workspace-account-menu #org-switcher-wrap:not(.hidden){display:block}
.workspace-account-menu #org-switcher{width:100%!important;max-width:100%}
.workspace-signout{background:var(--surface);color:var(--text-2);border:1px solid var(--border);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:inherit;font-size:12px}
body[data-workspace="customer"] .content{padding:24px;min-height:0}
body[data-workspace="customer"] .btn{border-radius:8px}
body[data-workspace="customer"] .btn-primary{box-shadow:inset 0 1px #ffffff24,0 3px 10px #8665ec15;background:linear-gradient(120deg,#9376f5,#7c65e0);font-weight:550}
[data-theme="light"] body[data-workspace="customer"] .btn-primary{background:linear-gradient(120deg,#8964f3,#6845dd)}
body[data-workspace="customer"].nav-collapsed .workspace-brand span,body[data-workspace="customer"].nav-collapsed .workspace-motto{display:none}
body[data-workspace="customer"].nav-collapsed .sidebar-logo{justify-content:center}
body[data-workspace="customer"].nav-collapsed .customer-nav .nav-item{padding:11px;justify-content:center}
@media(max-width:1440px){.workspace-metric{padding:8px 10px}.workspace-metric:nth-child(3){display:none}.workspace-account-name{display:none}body[data-workspace="customer"] .topbar{gap:14px;padding:0 16px}.workspace-account{padding-left:12px!important}}
@media(max-width:1190px){body[data-workspace="customer"] .topbar-title{max-width:100px;font-size:14px}.workspace-summary .workspace-metric:not(:first-child){display:none}.workspace-metric{font-size:11px}.workspace-summary{gap:5px}body[data-workspace="customer"] .topbar{gap:10px}body[data-workspace="customer"] .sd-segment button{padding:6px 9px}}
@media(max-width:1000px){body[data-workspace="customer"] .topbar-title{display:none}body[data-workspace="customer"] .theme-segment button span{display:none}.workspace-summary{display:none!important}}
@media(max-width:820px){body[data-workspace="customer"] .sidebar{width:230px}body[data-workspace="customer"] .sidebar-logo{padding:0 23px}body[data-workspace="customer"] .workspace-brand{font-size:20px}body[data-workspace="customer"] .sidebar-collapse-btn{display:none}body[data-workspace="customer"] .topbar{height:auto;min-height:60px;padding:9px 12px;gap:6px;flex-wrap:nowrap}body[data-workspace="customer"] .office-display-controls{gap:7px}body[data-workspace="customer"] .sd-segment button{font-size:11px;padding:5px 8px}body[data-workspace="customer"] .theme-segment button{padding:5px}body[data-workspace="customer"] .workspace-account{margin:0;padding:0!important;border:0}.workspace-account-avatar{width:29px;height:29px;font-size:10px}.workspace-account summary{gap:0}.workspace-account summary>svg{display:none}body[data-workspace="customer"] .content{padding:18px 14px}body[data-workspace="customer"] .workspace-motto{margin-bottom:15px}.workspace-account-menu{right:0;top:45px}body[data-workspace="customer"] .sd-search-btn{padding:3px}body[data-workspace="customer"] .mobile-menu-btn{padding:4px;min-width:25px}.office-display-controls .theme-segment{border:0;background:transparent}.workspace-account-menu .input{font-size:16px}}
@media(max-width:390px){body[data-workspace="customer"] .topbar{padding:8px;gap:4px}body[data-workspace="customer"] .sd-segment button{padding:5px 6px}.office-display-controls{gap:4px!important}.sd-search-btn .sd-icon{width:16px}.workspace-account-avatar{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.workspace-brand,.workspace-account *{animation:none!important;transition:none!important}}
@media(max-width:820px){body[data-workspace="customer"]:not(.nav-open) .sidebar{box-shadow:none}body[data-workspace="customer"].nav-open .sidebar{box-shadow:24px 0 70px #0007}}

/* ── Test Call Dev Links ─────────────────────────────────────────────────── */
.test-call-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  padding: 5px 10px;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.35);
  color: #c4b5fd;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 550;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.test-call-link:hover {
  background: rgba(139, 92, 246, 0.28);
  border-color: rgba(139, 92, 246, 0.7);
  color: #fff;
  transform: translateY(-1px);
}
.test-call-pill {
  font-size: 9px;
  background: #8b5cf6;
  color: #fff;
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.workspace-test-call-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 12px;
  color: var(--text-2);
  text-decoration: none;
  font-size: 13px;
  border-radius: 7px;
  box-sizing: border-box;
  font-weight: 450;
  transition: background 0.15s ease, color 0.15s ease;
  background: transparent;
  border: 0;
}
.workspace-test-call-item:hover {
  background: var(--surface-hover);
  color: var(--text);
}
@media(max-width: 820px) {
  .test-call-link span:not(.test-call-pill) { display: none; }
  .test-call-link { padding: 4px 6px; }
}
@media(max-width: 540px) {
  .test-call-link { display: none !important; }
}