/*
  Sullivan AI Systems — Signature Interface
  Visual hotfix for the v1.12.1 application.

  Design language: nocturne navigation + mineral workspace + electric signal accents.
  This file intentionally layers on top of the existing product styles so behavior,
  accessibility hooks, and page structure stay intact while the visual system changes.
*/

:root{
  --sai-night:#06111b;
  --sai-night-2:#091c2a;
  --sai-night-3:#0d2738;
  --sai-ink:#0a1b26;
  --sai-ink-soft:#28404d;
  --sai-muted:#6d8189;
  --sai-canvas:#edf3f1;
  --sai-canvas-2:#f5f8f6;
  --sai-paper:#fbfdfc;
  --sai-paper-blue:#f0f7f9;
  --sai-line:rgba(7,42,58,.12);
  --sai-line-strong:rgba(7,42,58,.2);
  --sai-cyan:#26d8ed;
  --sai-cyan-deep:#08a9c7;
  --sai-blue:#3f73ff;
  --sai-blue-deep:#2852c8;
  --sai-signal:linear-gradient(115deg,var(--sai-cyan),var(--sai-blue));
  --sai-success:#0b8b72;
  --sai-warning:#aa6f18;
  --sai-danger:#b74444;
  --sai-shadow:0 24px 70px rgba(5,25,35,.08);
  --sai-shadow-deep:0 28px 80px rgba(2,13,20,.26);
  --sai-radius:28px 8px 28px 28px;
  --sai-radius-sm:17px 5px 17px 17px;
  --sai-display:"Aptos Display","Segoe UI Variable Display","Helvetica Neue",Arial,sans-serif;
  --sai-body:"Aptos","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}

html{background:var(--sai-canvas);scroll-behavior:smooth}
body{font-family:var(--sai-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:rgba(38,216,237,.24);color:var(--sai-ink)}
*:focus-visible{outline:2px solid var(--sai-cyan-deep);outline-offset:3px}
*{scrollbar-width:thin;scrollbar-color:rgba(20,93,112,.28) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(20,93,112,.22)}
*::-webkit-scrollbar-thumb:hover{background:rgba(20,93,112,.36)}

/* =========================================================
   Workspace — floating nocturne spine + mineral stage
   ========================================================= */

body:has(.workspace-shell){
  background:
    radial-gradient(circle at 90% 2%,rgba(38,216,237,.12),transparent 23%),
    radial-gradient(circle at 68% 104%,rgba(63,115,255,.08),transparent 27%),
    linear-gradient(132deg,#f7faf8 0%,#edf3f1 50%,#eaf1f0 100%);
  color:var(--sai-ink);
}
body:has(.workspace-shell)::before{
  position:fixed;inset:0;pointer-events:none;z-index:-1;content:"";
  background-image:
    linear-gradient(rgba(8,54,72,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,54,72,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 76%);
}
.workspace-shell{
  grid-template-columns:266px minmax(0,1fr)!important;
  background:transparent!important;
  isolation:isolate;
}
.workspace-sidebar{
  top:14px!important;
  height:calc(100vh - 28px)!important;
  margin:0 0 14px 14px!important;
  padding:23px 15px 17px!important;
  border:1px solid rgba(94,221,239,.12)!important;
  border-radius:30px 10px 30px 30px!important;
  background:
    radial-gradient(circle at 8% -2%,rgba(38,216,237,.16),transparent 23%),
    radial-gradient(circle at 110% 80%,rgba(63,115,255,.13),transparent 36%),
    linear-gradient(164deg,#0b2130 0%,#06131e 43%,#040d15 100%)!important;
  box-shadow:0 28px 75px rgba(1,15,24,.24),inset 0 1px rgba(255,255,255,.05)!important;
  overflow-x:hidden!important;
}
.workspace-sidebar::after{
  position:absolute;top:24px;right:0;width:1px;height:92px;content:"";
  background:linear-gradient(to bottom,transparent,var(--sai-cyan),transparent);
  box-shadow:0 0 18px rgba(38,216,237,.5);
}
.workspace-brand{margin:0 10px 28px!important;position:relative!important}
.workspace-brand::after{
  display:block;width:42px;height:2px;margin-top:13px;border-radius:99px;content:"";
  background:var(--sai-signal);box-shadow:0 0 15px rgba(38,216,237,.28)
}
.workspace-brand .workspace-brand-logo{max-width:176px!important;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}
.workspace-brand small{
  margin-top:8px!important;color:#7e99a5!important;font-size:8px!important;font-weight:800!important;
  letter-spacing:.22em!important
}
.workspace-nav{display:grid;gap:1px}
.workspace-nav-label{
  margin:18px 13px 7px!important;color:#587180!important;font-size:8px!important;font-weight:850!important;
  letter-spacing:.2em!important
}
.workspace-nav a{
  position:relative!important;min-height:42px!important;margin:1px 0!important;padding:0 12px!important;
  border:1px solid transparent!important;border-radius:13px 4px 13px 13px!important;
  color:#90a6b1!important;font-size:12px!important;font-weight:680!important;letter-spacing:.005em!important;
  background:transparent!important;transform:none!important;overflow:hidden
}
.workspace-nav a::before{
  position:absolute;left:0;top:50%;width:2px;height:0;border-radius:99px;content:"";transform:translateY(-50%);
  background:var(--sai-cyan);box-shadow:0 0 12px rgba(38,216,237,.45);transition:height .18s ease
}
.workspace-nav a:hover{
  color:#e5f2f5!important;background:linear-gradient(90deg,rgba(38,216,237,.07),rgba(255,255,255,.018))!important;
  border-color:rgba(78,180,203,.09)!important
}
.workspace-nav a:hover::before{height:18px}
.workspace-nav a.active{
  color:#f4fdff!important;background:linear-gradient(90deg,rgba(38,216,237,.13),rgba(63,115,255,.045) 65%,transparent)!important;
  border-color:rgba(75,204,225,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.workspace-nav a.active::before{height:24px}
.workspace-nav-icon{
  width:25px!important;height:25px!important;color:#668493!important;font-size:0!important;opacity:.95
}
.workspace-nav-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.workspace-nav a.active .workspace-nav-icon{color:var(--sai-cyan)!important;filter:drop-shadow(0 0 7px rgba(38,216,237,.35))}
.workspace-account{
  margin:18px 2px 0!important;padding:15px!important;border:1px solid rgba(92,172,193,.12)!important;
  border-radius:18px 5px 18px 18px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.workspace-account strong{color:#eaf6f8!important;font-size:12px!important;font-weight:760!important}
.workspace-account small{color:#718a96!important;font-size:10px!important;line-height:1.45!important}
.workspace-account button{
  min-height:33px!important;margin-top:10px!important;border:0!important;border-top:1px solid rgba(93,159,177,.12)!important;
  border-radius:0!important;background:transparent!important;color:#728b96!important;text-align:left!important;padding:10px 0 0!important
}
.workspace-account button:hover{color:#e5f2f5!important}

.workspace-main{
  position:relative!important;width:100%!important;max-width:1680px!important;margin:0 auto!important;
  padding:42px 48px 72px!important
}
.workspace-main::before{
  position:absolute;top:31px;right:48px;width:84px;height:1px;content:"";
  background:linear-gradient(90deg,transparent,var(--sai-cyan),var(--sai-blue));opacity:.55
}
.workspace-topbar{
  position:relative!important;align-items:flex-end!important;margin-bottom:30px!important;padding:8px 0 16px!important;
  border-bottom:1px solid rgba(8,54,72,.09)!important
}
.workspace-topbar::after{
  position:absolute;left:0;bottom:-1px;width:min(180px,24vw);height:1px;content:"";
  background:var(--sai-signal);box-shadow:0 0 16px rgba(38,216,237,.18)
}
.workspace-eyebrow{
  margin-bottom:10px!important;color:#148ca7!important;font-size:9px!important;font-weight:900!important;
  letter-spacing:.21em!important
}
.workspace-topbar h1,.workspace-card h2,.workspace-card h3,.workspace-hero h2,.workspace-dialog-header h2,.workspace-location-card h3,.workspace-channel h3{
  font-family:var(--sai-display)!important;color:var(--sai-ink)!important;font-weight:430!important;letter-spacing:-.035em!important
}
.workspace-topbar h1{font-size:clamp(40px,4.6vw,62px)!important;line-height:.97!important;max-width:950px}
.workspace-topbar p:not(.workspace-eyebrow){max-width:780px!important;margin-top:12px!important;color:#607780!important;font-size:13px!important;line-height:1.65!important}
.workspace-top-actions{gap:10px!important;padding-bottom:2px}
.workspace-location{min-width:205px!important}
.workspace-location span{color:#71858d!important;font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase}
.workspace-location select{
  min-height:43px!important;padding:0 38px 0 13px!important;border:1px solid rgba(9,54,72,.12)!important;
  border-radius:14px 4px 14px 14px!important;background:rgba(251,253,252,.82)!important;color:var(--sai-ink)!important;
  font-size:11px!important;font-weight:760!important;box-shadow:0 12px 28px rgba(4,28,38,.05)!important;backdrop-filter:blur(14px)
}
.workspace-location select:focus{border-color:rgba(8,169,199,.52)!important;box-shadow:0 0 0 4px rgba(38,216,237,.10)!important}

.workspace-grid{gap:18px!important}
.workspace-card{
  --sai-card-accent:rgba(38,216,237,.72);
  padding:24px!important;border:1px solid rgba(7,42,58,.105)!important;border-radius:var(--sai-radius)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(38,216,237,.055),transparent 23%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,251,250,.86))!important;
  box-shadow:var(--sai-shadow)!important;backdrop-filter:blur(18px);overflow:hidden
}
.workspace-card::before{
  top:0!important;right:0!important;left:auto!important;width:52px!important;height:2px!important;content:""!important;
  background:linear-gradient(90deg,transparent,var(--sai-card-accent))!important;box-shadow:0 0 16px rgba(38,216,237,.14)
}
.workspace-card::after{
  position:absolute;right:11px;top:10px;width:5px;height:5px;border-radius:50%;content:"";
  background:var(--sai-card-accent);box-shadow:0 0 10px var(--sai-card-accent);opacity:.72
}
.workspace-card:nth-child(3n+2){--sai-card-accent:rgba(63,115,255,.62)}
.workspace-card:nth-child(3n){--sai-card-accent:rgba(20,169,199,.5)}
.workspace-card h2{font-size:28px!important;line-height:1.02!important}
.workspace-card h3{font-size:21px!important}
.workspace-card-header{margin-bottom:20px!important}
.workspace-card-header p{margin-top:7px!important;color:#71838b!important;font-size:12px!important;line-height:1.55!important}

/* Overview deliberately avoids the standard equal-card SaaS rhythm. */
#overviewMetrics{grid-template-columns:repeat(12,minmax(0,1fr))!important}
#overviewMetrics .workspace-metric:nth-child(1){grid-column:span 4!important;background:linear-gradient(145deg,#082130,#0b2b3d)!important;color:#ecfbfd!important;border-color:rgba(45,211,235,.19)!important}
#overviewMetrics .workspace-metric:nth-child(1) .workspace-metric-label,#overviewMetrics .workspace-metric:nth-child(1) .workspace-metric-detail{color:#86aab8!important}
#overviewMetrics .workspace-metric:nth-child(1) .workspace-metric-value{color:#f7feff!important}
#overviewMetrics .workspace-metric:nth-child(2){grid-column:span 3!important}
#overviewMetrics .workspace-metric:nth-child(3){grid-column:span 3!important}
#overviewMetrics .workspace-metric:nth-child(4){grid-column:span 2!important}
.workspace-metric{min-height:150px!important;padding:21px 22px!important}
.workspace-metric-label{color:#6a8089!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important}
.workspace-metric-value{margin:17px 0 9px!important;color:var(--sai-ink)!important;font-family:var(--sai-display)!important;font-size:42px!important;font-weight:520!important;letter-spacing:-.05em!important}
.workspace-metric-detail{color:#71858d!important;font-size:10px!important;line-height:1.45!important}
.workspace-metric-button:hover .workspace-metric-value{color:var(--sai-cyan-deep)!important}
.workspace-metric.active{border-color:rgba(8,169,199,.38)!important;box-shadow:0 0 0 4px rgba(38,216,237,.08),var(--sai-shadow)!important}

.workspace-button{
  position:relative!important;min-height:41px!important;padding:0 16px!important;border:1px solid rgba(7,35,49,.22)!important;
  border-radius:13px 4px 13px 13px!important;background:linear-gradient(145deg,#0b2839,#071923)!important;
  color:#effcff!important;font-size:11px!important;font-weight:820!important;letter-spacing:.015em!important;
  box-shadow:0 11px 24px rgba(6,30,42,.13)!important;overflow:hidden
}
.workspace-button::after{position:absolute;right:0;top:0;width:18px;height:2px;content:"";background:var(--sai-signal)}
.workspace-button:hover{transform:translateY(-1px)!important;border-color:rgba(38,216,237,.38)!important;box-shadow:0 15px 30px rgba(6,30,42,.17)!important}
.workspace-button.secondary{
  border-color:rgba(8,54,72,.12)!important;background:rgba(252,254,253,.78)!important;color:#24414e!important;box-shadow:none!important
}
.workspace-button.secondary::after{background:rgba(8,169,199,.25)}
.workspace-button.ghost{border-color:transparent!important;background:transparent!important;color:#087e99!important;box-shadow:none!important}
.workspace-button.ghost::after{display:none}
.workspace-button.ghost:hover{background:rgba(38,216,237,.06)!important}
.workspace-button.danger{border-color:rgba(183,68,68,.18)!important;background:#fff7f6!important;color:var(--sai-danger)!important;box-shadow:none!important}
.workspace-button.danger::after{background:rgba(183,68,68,.5)}

.workspace-toolbar{
  gap:12px!important;padding:14px!important;border:1px solid rgba(8,54,72,.1)!important;border-radius:19px 5px 19px 19px!important;
  background:rgba(249,252,251,.64)!important;box-shadow:inset 0 1px rgba(255,255,255,.8)
}
.workspace-field>span{margin-bottom:7px!important;color:#526b76!important;font-size:9px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase}
.workspace-field input,.workspace-field select,.workspace-field textarea,.workspace-input,.workspace-textarea{
  border:1px solid rgba(8,54,72,.13)!important;border-radius:14px 4px 14px 14px!important;background:rgba(255,255,255,.78)!important;
  color:var(--sai-ink)!important;box-shadow:inset 0 1px rgba(255,255,255,.8)!important
}
.workspace-field input,.workspace-field select,.workspace-input{min-height:42px!important;padding:9px 12px!important}
.workspace-field textarea{padding:12px!important}
.workspace-field input:focus,.workspace-field select:focus,.workspace-field textarea:focus,.workspace-input:focus,.workspace-textarea:focus{
  border-color:rgba(8,169,199,.5)!important;box-shadow:0 0 0 4px rgba(38,216,237,.09)!important;background:#fff!important
}
.workspace-check{color:#526a74!important;font-size:11px!important}
.workspace-check input{accent-color:var(--sai-cyan-deep)}

.workspace-table-wrap{border:0!important;border-radius:0!important;background:transparent!important;overflow:auto!important}
.workspace-table{background:transparent!important;border-collapse:separate!important;border-spacing:0!important}
.workspace-table th,.workspace-table td{padding:14px 14px!important;border-bottom:1px solid rgba(7,42,58,.08)!important;font-size:11px!important}
.workspace-table th{
  position:sticky!important;top:0!important;background:rgba(245,249,248,.94)!important;color:#71848c!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important;backdrop-filter:blur(14px)
}
.workspace-table th:first-child,.workspace-table td:first-child{padding-left:5px!important}
.workspace-table tbody tr{transition:background .14s ease,transform .14s ease}
.workspace-table tbody tr[data-action]:hover,.workspace-table tbody tr:hover{background:linear-gradient(90deg,rgba(38,216,237,.055),transparent 72%)!important}
.workspace-table td small{color:#7f9198!important;font-size:9px!important}

.workspace-pill{
  min-height:24px!important;padding:4px 9px!important;border:1px solid rgba(11,139,114,.12)!important;border-radius:9px 3px 9px 9px!important;
  background:rgba(11,139,114,.075)!important;color:var(--sai-success)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important
}
.workspace-pill::before{width:5px;height:5px;border-radius:50%;background:currentColor;content:"";opacity:.65}
.workspace-pill.neutral{border-color:rgba(61,90,104,.11)!important;background:rgba(58,84,96,.06)!important;color:#60757f!important}
.workspace-pill.warning{border-color:rgba(170,111,24,.13)!important;background:rgba(170,111,24,.075)!important;color:var(--sai-warning)!important}
.workspace-pill.danger{border-color:rgba(183,68,68,.14)!important;background:rgba(183,68,68,.075)!important;color:var(--sai-danger)!important}

.workspace-list{gap:9px!important}
.workspace-list-item{
  padding:14px 15px!important;border:1px solid rgba(7,42,58,.085)!important;border-radius:16px 5px 16px 16px!important;
  background:rgba(255,255,255,.66)!important;transition:border-color .15s ease,background .15s ease,transform .15s ease
}
.workspace-list-item:hover{border-color:rgba(8,169,199,.18)!important;background:#fff!important;transform:translateX(2px)}
.workspace-list-item small{color:#7b8c93!important;font-size:10px!important}
.workspace-empty{padding:34px!important;color:#7a8e96!important;font-size:11px!important}
.workspace-muted{color:#73868e!important}

.workspace-tabs{
  gap:0!important;margin-bottom:18px!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(8,54,72,.11)!important;
  border-radius:0!important;background:transparent!important
}
.workspace-tab{
  position:relative!important;min-height:45px!important;padding:0 18px!important;border-radius:0!important;color:#73858d!important;
  background:transparent!important;font-size:10px!important;letter-spacing:.04em!important
}
.workspace-tab::after{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;content:"";background:transparent}
.workspace-tab.active{color:var(--sai-ink)!important;background:transparent!important}
.workspace-tab.active::after{background:var(--sai-signal);box-shadow:0 0 10px rgba(38,216,237,.22)}

.workspace-dialog{
  border:1px solid rgba(38,216,237,.16)!important;border-radius:31px 9px 31px 31px!important;background:rgba(247,251,250,.98)!important;
  color:var(--sai-ink)!important;box-shadow:0 38px 120px rgba(1,14,22,.42)!important;backdrop-filter:blur(22px)
}
.workspace-dialog::backdrop{background:rgba(3,15,22,.72)!important;backdrop-filter:blur(10px)!important}
.workspace-dialog-inner{padding:26px!important}
.workspace-dialog-header{border-bottom:1px solid rgba(8,54,72,.1)!important}
.workspace-dialog-header h2{font-size:30px!important}
.workspace-dialog-close{
  width:39px!important;height:39px!important;border:1px solid rgba(8,54,72,.12)!important;border-radius:14px 4px 14px 14px!important;
  background:rgba(255,255,255,.75)!important;color:#5c737d!important
}
.workspace-message{border:1px solid rgba(11,139,114,.14)!important;border-radius:14px 4px 14px 14px!important;background:rgba(11,139,114,.075)!important;color:#0b745f!important}
.workspace-message.error{border-color:rgba(183,68,68,.15)!important;background:rgba(183,68,68,.065)!important;color:var(--sai-danger)!important}

.workspace-channel-grid{gap:18px!important}
.workspace-channel{
  position:relative!important;min-height:190px!important;padding:22px!important;border:1px solid rgba(7,42,58,.1)!important;
  border-radius:25px 7px 25px 25px!important;background:
    radial-gradient(circle at 100% 0,rgba(38,216,237,.08),transparent 30%),
    rgba(251,253,252,.82)!important;box-shadow:0 20px 54px rgba(5,25,35,.065)!important;overflow:hidden
}
.workspace-channel::after{position:absolute;right:17px;top:17px;width:7px;height:7px;border-radius:50%;content:"";background:var(--sai-cyan);box-shadow:0 0 15px rgba(38,216,237,.55)}
.workspace-channel h3{font-size:24px!important}
.workspace-channel p{color:#74878f!important;font-size:11px!important;line-height:1.55!important}
.workspace-channel-top>span{color:#168fa9!important;font-size:18px!important}
.workspace-code{border-color:rgba(40,127,151,.2)!important;border-radius:18px 5px 18px 18px!important;background:#061823!important;color:#bfeff5!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}

.workspace-kanban{gap:12px!important}
.workspace-column{padding:13px!important;border:1px solid rgba(7,42,58,.09)!important;border-radius:20px 5px 20px 20px!important;background:rgba(229,238,237,.72)!important}
.workspace-column-title{color:#607881!important;font-size:8px!important;letter-spacing:.13em!important}
.workspace-deal{border-color:rgba(7,42,58,.09)!important;border-radius:15px 4px 15px 15px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 9px 26px rgba(5,25,35,.04)!important}
.workspace-deal-link{color:#087f9b!important}
.workspace-location-card,.workspace-channel-control{
  border-color:rgba(7,42,58,.09)!important;border-radius:19px 5px 19px 19px!important;background:rgba(255,255,255,.72)!important
}
.workspace-location-card h3{font-size:23px!important}.workspace-location-card .industry{color:#0b8ca8!important}
.workspace-member-row{border-color:rgba(7,42,58,.08)!important}
.workspace-toast{border-color:rgba(38,216,237,.24)!important;border-radius:17px 5px 17px 17px!important;background:#071b27!important;box-shadow:0 24px 65px rgba(1,15,23,.28)!important}
.workspace-toggle span{background:#b7c4c8!important}.workspace-toggle input:checked+span{background:linear-gradient(90deg,#0da8c6,#26d8ed)!important}
.workspace-preview{border-color:rgba(18,145,170,.18)!important;border-radius:17px 5px 17px 17px!important;background:linear-gradient(90deg,rgba(38,216,237,.08),rgba(63,115,255,.035))!important;color:#31515f!important}
.workspace-breadcrumb{color:#71868e!important}.workspace-breadcrumb a:hover{color:#087e99!important}

/* =========================================================
   Platform admin + onboarding/product shell
   ========================================================= */

body:has(.shell):not(:has(.workspace-shell)){
  background:
    radial-gradient(circle at 90% 1%,rgba(38,216,237,.12),transparent 24%),
    linear-gradient(135deg,#f7faf8,#edf3f1 58%,#e9f0ef)!important;
  color:var(--sai-ink)!important;font-family:var(--sai-body)!important
}
.shell{grid-template-columns:258px minmax(0,1fr)!important;background:transparent!important}
.side{
  top:14px!important;height:calc(100vh - 28px)!important;margin-left:14px!important;padding:25px 15px!important;
  border:1px solid rgba(38,216,237,.1)!important;border-radius:30px 9px 30px 30px!important;
  background:radial-gradient(circle at 0 0,rgba(38,216,237,.15),transparent 24%),linear-gradient(160deg,#0b2130,#06111b 52%,#040c13)!important;
  box-shadow:var(--sai-shadow-deep)!important
}
.side .brand{margin:0 10px 30px!important}
.side .brand .sai-brand-logo{max-width:177px!important;filter:drop-shadow(0 8px 25px rgba(0,0,0,.18))}
.side a{
  min-height:43px!important;margin:2px 0!important;padding:0 13px!important;border:1px solid transparent!important;
  border-radius:13px 4px 13px 13px!important;color:#8da4af!important;font-size:12px!important;background:transparent!important;transform:none!important
}
.side a:hover,.side a.active{border-color:rgba(38,216,237,.11)!important;background:linear-gradient(90deg,rgba(38,216,237,.1),transparent)!important;color:#eefcff!important}
.side a.active{box-shadow:inset 2px 0 var(--sai-cyan)!important}
.main{max-width:1680px!important;padding:42px 48px 72px!important;color:var(--sai-ink)!important}
.main>.top:first-child{align-items:flex-end!important;padding-bottom:18px!important;border-bottom:1px solid rgba(8,54,72,.1)!important}
.main h1,.main h2{
  font-family:var(--sai-display)!important;color:var(--sai-ink)!important;font-weight:430!important;letter-spacing:-.04em!important
}
.main h1{font-size:clamp(40px,4.5vw,60px)!important;line-height:1!important}.main h2{font-size:28px!important}
.main .muted{color:#70848c!important}
.main .eyebrow{color:#118ba5!important;font-size:9px!important;letter-spacing:.2em!important}
.card{
  padding:24px!important;border:1px solid rgba(7,42,58,.1)!important;border-radius:var(--sai-radius)!important;
  background:radial-gradient(circle at 100% 0,rgba(38,216,237,.055),transparent 22%),rgba(251,253,252,.85)!important;
  box-shadow:var(--sai-shadow)!important;overflow:hidden
}
.card::before{right:0!important;left:auto!important;width:52px!important;height:2px!important;background:var(--sai-signal)!important;opacity:.65}
.main input,.main select,.main textarea{
  border-color:rgba(8,54,72,.13)!important;border-radius:14px 4px 14px 14px!important;background:rgba(255,255,255,.8)!important;color:var(--sai-ink)!important
}
.main input:focus,.main select:focus,.main textarea:focus{border-color:rgba(8,169,199,.48)!important;box-shadow:0 0 0 4px rgba(38,216,237,.09)!important}
.main button,.main .button{
  border-color:rgba(7,35,49,.2)!important;border-radius:13px 4px 13px 13px!important;background:linear-gradient(145deg,#0b293a,#071923)!important;color:#f1fcfe!important;
  box-shadow:0 11px 24px rgba(6,30,42,.12)!important
}
.main button.secondary,.main .button.secondary{border-color:rgba(8,54,72,.12)!important;background:rgba(255,255,255,.72)!important;color:#2d4a57!important;box-shadow:none!important}
.main button.danger{border-color:rgba(183,68,68,.15)!important;background:#fff7f6!important;color:var(--sai-danger)!important}
.steps{padding:4px 0!important;border:0!important;border-bottom:1px solid rgba(8,54,72,.1)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.step{position:relative!important;min-height:42px!important;border-radius:0!important;color:#71868e!important;background:transparent!important}
.step.active{background:transparent!important;color:var(--sai-ink)!important;box-shadow:none!important}
.step.active::after{position:absolute;left:12px;right:12px;bottom:-5px;height:2px;content:"";background:var(--sai-signal)}
.item,.detail-metric,.location-detail,.feature-switch,.feature-control-group,.check-row,.create-client-grid input,.create-client-grid select{
  border-color:rgba(7,42,58,.1)!important;border-radius:16px 5px 16px 16px!important;background:rgba(255,255,255,.72)!important
}
.organization-summary{border-radius:20px 6px 20px 20px!important}.organization-summary:hover{border-color:rgba(8,169,199,.25)!important}
.organization-progress{background:#dce7e7!important}.organization-progress span{background:var(--sai-signal)!important}
.number-badge{border-color:rgba(8,169,199,.18)!important;background:rgba(38,216,237,.08)!important;color:#087b95!important}
.boundary-note{border-left-color:var(--sai-cyan-deep)!important}

/* =========================================================
   Authentication — editorial split-card feel without extra markup
   ========================================================= */

body:has(.auth-shell),body:has(.auth-page){
  background:
    radial-gradient(circle at 16% 13%,rgba(38,216,237,.16),transparent 23%),
    radial-gradient(circle at 92% 90%,rgba(63,115,255,.12),transparent 26%),
    linear-gradient(145deg,#041018 0%,#081b27 52%,#05131d 100%)!important;
  color:#d8e7eb!important
}
.auth-shell,.auth-page{position:relative!important;overflow:hidden!important}
.auth-shell::before,.auth-page::before{
  position:fixed;left:8vw;top:12vh;width:min(440px,46vw);height:min(440px,46vw);border:1px solid rgba(38,216,237,.09);border-radius:50%;content:"";
  box-shadow:0 0 0 70px rgba(38,216,237,.018),0 0 0 140px rgba(63,115,255,.012);pointer-events:none
}
.auth-card{
  position:relative!important;width:min(470px,calc(100% - 32px))!important;padding:42px!important;
  border:1px solid rgba(73,184,207,.16)!important;border-radius:34px 10px 34px 34px!important;
  background:linear-gradient(150deg,rgba(250,253,252,.97),rgba(237,246,246,.94))!important;
  box-shadow:0 45px 120px rgba(0,0,0,.42)!important;backdrop-filter:blur(24px);overflow:hidden
}
.auth-card::before{position:absolute;top:0;right:0;width:90px;height:3px;content:"";background:var(--sai-signal);opacity:.75}
.auth-card::after{position:absolute;right:16px;top:16px;width:7px;height:7px;border-radius:50%;content:"";background:var(--sai-cyan);box-shadow:0 0 16px rgba(38,216,237,.65)}
.auth-card .brand,.auth-brand{margin-bottom:27px!important}.auth-card .brand .auth-brand-logo,.auth-brand .auth-brand-logo{width:min(245px,100%)!important}
.auth-card .eyebrow{margin-top:28px!important;color:#0e8aa4!important;font-size:9px!important;letter-spacing:.22em!important}
.auth-card h1,.auth-card h2{font-family:var(--sai-display)!important;color:var(--sai-ink)!important;font-weight:430!important;letter-spacing:-.045em!important}
.auth-card h2{font-size:40px!important;line-height:1!important}
.auth-card>p:not(.eyebrow):not(.switch):not(.error){color:#6d8189!important;font-size:12px!important;line-height:1.65!important}
.auth-card label{color:#3d5965!important;font-size:11px!important;font-weight:760!important}
.auth-card input,.auth-card select{border-color:rgba(8,54,72,.13)!important;border-radius:14px 4px 14px 14px!important;background:rgba(255,255,255,.82)!important;color:var(--sai-ink)!important}
.auth-card input:focus,.auth-card select:focus{border-color:rgba(8,169,199,.5)!important;outline:0!important;box-shadow:0 0 0 4px rgba(38,216,237,.09)!important}
.auth-card button{
  border:1px solid rgba(38,216,237,.16)!important;border-radius:15px 4px 15px 15px!important;background:linear-gradient(135deg,#0a2a3b,#071923)!important;
  color:#f4fdff!important;box-shadow:0 14px 30px rgba(4,26,37,.16)!important
}
.auth-card a{color:#087f99!important}.auth-card .switch{color:#73868e!important;font-size:11px!important}

/* =========================================================
   Website widget — premium concierge capsule
   ========================================================= */

body:has(.widget){background:transparent!important;color:var(--sai-ink)!important}
.widget{
  border:1px solid rgba(7,42,58,.14)!important;border-radius:27px 8px 27px 27px!important;
  background:rgba(251,253,252,.98)!important;box-shadow:0 32px 82px rgba(4,26,37,.24)!important;overflow:hidden!important
}
.widget>header{
  position:relative!important;padding:17px 18px!important;background:
    radial-gradient(circle at 100% 0,rgba(38,216,237,.2),transparent 38%),
    linear-gradient(138deg,#092638,#061721)!important;color:#f4fdff!important
}
.widget>header::after{position:absolute;right:0;top:0;width:78px;height:2px;content:"";background:var(--sai-signal)}
.widget .avatar{
  width:42px!important;height:42px!important;border:1px solid rgba(38,216,237,.22)!important;border-radius:15px 5px 15px 15px!important;
  background:linear-gradient(145deg,rgba(38,216,237,.16),rgba(63,115,255,.12))!important;color:#eaffff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important
}
.widget>header strong{font-family:var(--sai-display)!important;font-size:16px!important;font-weight:560!important;letter-spacing:-.025em!important}
.widget>header span{color:#8fb0bd!important;font-size:10px!important}.widget>header i{background:var(--sai-cyan)!important;box-shadow:0 0 12px rgba(38,216,237,.7)!important}
.widget .messages{padding:18px!important;gap:11px!important;background:linear-gradient(180deg,#f3f8f8,#edf4f4)!important}
.widget .message{padding:11px 13px!important;border-radius:16px 5px 16px 16px!important;font-size:13px!important;line-height:1.5!important}
.widget .assistant{border-color:rgba(8,54,72,.1)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 7px 19px rgba(5,25,35,.035)!important}
.widget .user{border-radius:5px 16px 16px 16px!important;background:linear-gradient(135deg,#0b2b3d,#081c29)!important;color:#f3fdff!important}
.widget .quick-choice{border-color:rgba(8,169,199,.18)!important;border-radius:13px 4px 13px 13px!important;background:rgba(255,255,255,.78)!important;color:#116f85!important;font-size:10px!important}
.widget .quick-choice:hover{border-color:rgba(8,169,199,.42)!important;box-shadow:0 8px 18px rgba(5,25,35,.055)!important}
.widget .privacy-consent{border-color:rgba(8,54,72,.11)!important;border-radius:15px 5px 15px 15px!important;background:rgba(238,246,247,.82)!important;color:#48636e!important;font-size:11px!important}
.widget form{border-top-color:rgba(8,54,72,.09)!important;background:#fbfdfc!important}
.widget input{border-color:rgba(8,54,72,.14)!important;border-radius:14px 4px 14px 14px!important;background:#f8fbfa!important}
.widget form button{border-radius:14px 4px 14px 14px!important;background:linear-gradient(145deg,#0c2c3e,#071a26)!important;color:#eaffff!important}
.widget footer{color:#82939a!important}.widget footer img{opacity:.75!important}

/* =========================================================
   Legacy front-desk chat / public experience
   ========================================================= */

body:has(.chat-app){
  background:radial-gradient(circle at 15% 0,rgba(38,216,237,.17),transparent 25%),radial-gradient(circle at 92% 100%,rgba(63,115,255,.12),transparent 26%),linear-gradient(145deg,#041019,#081b27)!important
}
.chat-app{
  border-color:rgba(38,216,237,.15)!important;border-radius:34px 10px 34px 34px!important;
  background:#071620!important;box-shadow:0 42px 120px rgba(0,0,0,.5)!important
}
.chat-header{background:radial-gradient(circle at 100% 0,rgba(38,216,237,.15),transparent 32%),#06141e!important;border-bottom-color:rgba(38,216,237,.1)!important}
.chat-app .availability{color:#8fb1bd!important}.chat-app .availability-dot{background:var(--sai-cyan)!important;box-shadow:0 0 13px rgba(38,216,237,.65)!important}
.chat-app .messages{background:linear-gradient(180deg,#091923,#07141d)!important}
.chat-app .assistant-message{border-color:rgba(80,170,193,.1)!important;background:#0d2230!important;color:#dcecef!important}
.chat-app .user-message{background:linear-gradient(135deg,#21d3e8,#4c79ff)!important;color:#031018!important}
.chat-app .message-name{color:#5bd9e8!important}.chat-app .assistant-avatar{background:linear-gradient(135deg,#24d8ed,#4775ff)!important;color:#05131b!important}
.chat-app .chat-form{background:#06131c!important;border-top-color:rgba(38,216,237,.1)!important}
.chat-app .chat-form input{border-color:rgba(86,165,186,.15)!important;background:#0b202d!important;color:#eefbfc!important}
.chat-app .chat-form button{background:linear-gradient(135deg,#23d7ec,#4675ff)!important;color:#041018!important}
.chat-app .chat-footer span{color:var(--sai-cyan)!important}

/* =========================================================
   Marketing workspace polish
   ========================================================= */

.marketing-kpi,.marketing-card,.marketing-calendar,.marketing-calendar-day,.marketing-theme,.marketing-content-card{
  border-color:rgba(7,42,58,.1)!important
}
.marketing-calendar-day,.marketing-content-card{background:rgba(255,255,255,.72)!important}
.marketing-calendar-day:hover,.marketing-content-card:hover{border-color:rgba(8,169,199,.21)!important}

/* =========================================================
   Subtle motion — quiet, not dashboard-theater
   ========================================================= */

[data-luxury-reveal]{opacity:0;transform:translateY(8px);transition:opacity .34s ease,transform .34s ease}
[data-luxury-reveal].is-visible{opacity:1;transform:none}
.workspace-record-flash{animation:sai-record-flash 1.1s ease!important}
@keyframes sai-record-flash{0%,100%{box-shadow:var(--sai-shadow)}35%{box-shadow:0 0 0 5px rgba(38,216,237,.11),var(--sai-shadow)}}

/* =========================================================
   Responsive
   ========================================================= */

@media(max-width:1180px){
  .workspace-shell{grid-template-columns:230px minmax(0,1fr)!important}
  .workspace-main,.main{padding:34px 28px 60px!important}
  .workspace-sidebar{margin-left:10px!important}
  #overviewMetrics .workspace-metric:nth-child(n){grid-column:span 6!important}
}
@media(max-width:760px){
  body:has(.workspace-shell){background:#edf3f1!important}
  .workspace-shell{display:block!important}
  .workspace-sidebar{
    position:fixed!important;top:10px!important;left:-290px!important;width:272px!important;height:calc(100vh - 20px)!important;margin:0!important;
    border-radius:26px 8px 26px 26px!important;transition:left .22s ease!important
  }
  .workspace-sidebar.open{left:10px!important}
  .workspace-main,.main{padding:26px 15px 54px!important}
  .workspace-main::before{display:none}
  .workspace-topbar{padding-right:52px!important;align-items:flex-start!important}
  .workspace-topbar h1{font-size:40px!important;line-height:1!important}
  .workspace-card{padding:19px!important;border-radius:22px 7px 22px 22px!important}
  #overviewMetrics .workspace-metric:nth-child(n){grid-column:span 12!important}
  .workspace-mobile-toggle{
    width:51px!important;height:51px!important;border:1px solid rgba(38,216,237,.3)!important;border-radius:18px 5px 18px 18px!important;
    background:linear-gradient(145deg,#0b293a,#061720)!important;color:#eaffff!important;box-shadow:0 18px 38px rgba(2,17,25,.28)!important
  }
  .shell{display:block!important}.side{position:relative!important;top:auto!important;width:calc(100% - 20px)!important;height:auto!important;margin:10px!important;border-radius:24px 7px 24px 24px!important}.side a{display:inline-flex!important;margin-right:4px!important}.main>.top:first-child{align-items:flex-start!important}
  .auth-card{padding:30px 23px!important;border-radius:27px 8px 27px 27px!important}.auth-card h2{font-size:35px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  [data-luxury-reveal]{opacity:1!important;transform:none!important}
}

@media print{
  body{background:#fff!important}.workspace-card,.card{background:#fff!important;box-shadow:none!important}.workspace-card::after,.workspace-card::before,.card::before{display:none!important}
}

/* =========================================================
   Legacy lead dashboard + developer surfaces
   ========================================================= */

body:has(.dashboard-shell){background:radial-gradient(circle at 88% 0,rgba(38,216,237,.12),transparent 24%),linear-gradient(145deg,#041018,#081b27)!important;color:#dcebee!important}
body:has(.dashboard-shell) .topbar{border-bottom:1px solid rgba(38,216,237,.09)!important;background:rgba(5,18,27,.9)!important}
body:has(.dashboard-shell) .topbar-nav a.active{border-color:rgba(38,216,237,.17)!important;background:rgba(38,216,237,.08)!important;color:#69e8f6!important}
body:has(.dashboard-shell) .dashboard-shell{width:min(1320px,calc(100% - 40px))!important}
body:has(.dashboard-shell) .dashboard-hero,body:has(.dashboard-shell) .ai-briefing,body:has(.dashboard-shell) .analytics-section,body:has(.dashboard-shell) .controls-panel,body:has(.dashboard-shell) .stat-card,body:has(.dashboard-shell) .lead-card{
  border-color:rgba(82,173,196,.12)!important;border-radius:26px 7px 26px 26px!important;background:radial-gradient(circle at 100% 0,rgba(38,216,237,.065),transparent 25%),#0a1e2b!important;box-shadow:0 28px 75px rgba(0,0,0,.18)!important
}
body:has(.dashboard-shell) .eyebrow{color:#45d7e8!important}
body:has(.dashboard-shell) h1,body:has(.dashboard-shell) h2,body:has(.dashboard-shell) h3{font-family:var(--sai-display)!important;font-weight:430!important;letter-spacing:-.04em!important}
body:has(.dashboard-shell) .refresh-button,body:has(.dashboard-shell) .ai-open-lead-button{border-color:rgba(38,216,237,.2)!important;background:linear-gradient(135deg,#1bd1e8,#4775ff)!important;color:#041019!important}
body:has(.dashboard-shell) input,body:has(.dashboard-shell) select{border-color:rgba(83,169,191,.15)!important;background:#071a25!important;color:#eaf7f9!important}

body:has(.dev-header){background:radial-gradient(circle at 88% 0,rgba(38,216,237,.11),transparent 24%),linear-gradient(135deg,#eef4f3,#f7faf8)!important;color:var(--sai-ink)!important}
.dev-header{height:76px!important;border-bottom:1px solid rgba(38,216,237,.1)!important;background:linear-gradient(135deg,#092333,#06131d)!important;box-shadow:0 12px 34px rgba(2,18,27,.15)!important}
.dev-header .private{border-color:rgba(38,216,237,.18)!important;color:#7edfea!important}.dev-header button{border-color:rgba(38,216,237,.18)!important;border-radius:13px 4px 13px 13px!important;background:rgba(38,216,237,.07)!important;color:#e8fbfd!important}
body:has(.dev-header) main{max-width:1320px!important;padding-top:38px!important}
body:has(.dev-header) .hero{border:1px solid rgba(38,216,237,.12)!important;border-radius:31px 9px 31px 31px!important;background:radial-gradient(circle at 100% 0,rgba(38,216,237,.14),transparent 31%),linear-gradient(145deg,#0b293a,#071923)!important;box-shadow:0 28px 80px rgba(5,25,35,.18)!important}
body:has(.dev-header) .hero .eyebrow{color:#5edbea!important}body:has(.dev-header) .hero h1{font-family:var(--sai-display)!important;font-weight:430!important;letter-spacing:-.04em!important}
body:has(.dev-header) .summary article,body:has(.dev-header) .feature-card{border-color:rgba(7,42,58,.1)!important;border-radius:20px 6px 20px 20px!important;background:rgba(251,253,252,.84)!important;box-shadow:0 20px 52px rgba(5,25,35,.06)!important}
body:has(.dev-header) .feature-card:hover{border-color:rgba(8,169,199,.22)!important;box-shadow:0 24px 60px rgba(5,25,35,.085)!important}
body:has(.dev-header) .progress{background:#dce8e8!important}body:has(.dev-header) .progress i{background:var(--sai-signal)!important}
body:has(.dev-header) dialog{border:1px solid rgba(38,216,237,.14)!important;border-radius:30px 8px 30px 30px!important;background:#f8fbfa!important;color:var(--sai-ink)!important;box-shadow:0 35px 110px rgba(2,17,25,.38)!important}

/* Marketing-specific signature treatment */
.marketing-safety-note{border-color:rgba(11,139,114,.14)!important;border-radius:17px 5px 17px 17px!important;background:rgba(11,139,114,.07)!important;color:#176757!important}
.marketing-navigation{top:12px!important;padding:8px!important;border-color:rgba(7,42,58,.1)!important;border-radius:20px 6px 20px 20px!important;background:rgba(244,249,248,.9)!important;box-shadow:0 16px 40px rgba(5,25,35,.07)!important}
.marketing-stage{border-radius:14px 4px 14px 14px!important;color:#73868e!important}.marketing-stage>span{color:#7a9098!important}.marketing-stage strong{font-family:var(--sai-display)!important;font-weight:520!important;letter-spacing:-.025em!important}
.marketing-stage:hover{border-color:rgba(8,169,199,.14)!important;background:rgba(255,255,255,.66)!important}.marketing-stage.active{border-color:rgba(8,169,199,.2)!important;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(38,216,237,.035))!important;color:var(--sai-ink)!important;box-shadow:0 9px 24px rgba(5,25,35,.055)!important}.marketing-stage.active>span{color:#0d8ca7!important}.marketing-secondary{border-top-color:rgba(7,42,58,.09)!important}
.marketing-score{border-color:rgba(7,42,58,.09)!important;border-radius:18px 5px 18px 18px!important;background:rgba(255,255,255,.7)!important}.marketing-score strong{font-family:var(--sai-display)!important;color:var(--sai-ink)!important;font-weight:520!important}.marketing-score span{color:#71868e!important}.marketing-score.overall{border-color:rgba(8,169,199,.2)!important;background:linear-gradient(145deg,rgba(38,216,237,.08),rgba(255,255,255,.84))!important}.marketing-score.overall strong{color:#087e99!important}
.marketing-grade-ring{background:conic-gradient(var(--sai-cyan-deep) calc(var(--score)*1%),#dfe9e8 0)!important}.marketing-grade-ring::after{background:#f8fbfa!important}.marketing-grade-ring strong{font-family:var(--sai-display)!important;font-weight:520!important}
.marketing-opportunity,.marketing-trend-card{border-color:rgba(7,42,58,.09)!important;border-radius:19px 5px 19px 19px!important;background:rgba(255,255,255,.72)!important}.marketing-opportunity h3,.marketing-draft-card h3,.marketing-trend-card h3{font-family:var(--sai-display)!important;font-weight:520!important;letter-spacing:-.03em!important}.marketing-opportunity .evidence{border-left-color:rgba(8,169,199,.38)!important;background:rgba(38,216,237,.045)!important;color:#5f747d!important}.marketing-category{color:#0d879f!important}.marketing-hashtag{color:#087e99!important}.marketing-source{border-color:rgba(8,54,72,.12)!important;background:rgba(255,255,255,.72)!important;color:#176d81!important}.marketing-source:hover{border-color:rgba(8,169,199,.34)!important}
.marketing-calendar-weekdays{border-color:rgba(7,42,58,.1)!important;background:#edf4f3!important}.marketing-calendar-weekdays span{color:#6f858e!important}.marketing-calendar{border-color:rgba(7,42,58,.1)!important;background:rgba(255,255,255,.72)!important}.marketing-day{border-color:rgba(7,42,58,.08)!important;background:rgba(255,255,255,.72)!important}.marketing-day.outside{background:#eef4f3!important;color:#9aacb2!important}.marketing-day.today{box-shadow:inset 0 0 0 2px rgba(38,216,237,.5)!important}.marketing-day-number{color:#607983!important}.marketing-calendar-item{border-radius:10px 3px 10px 10px!important;background:rgba(38,216,237,.09)!important;color:#0d6f84!important}.marketing-calendar-item:hover{background:rgba(38,216,237,.16)!important}.marketing-channel-picker{border-color:rgba(7,42,58,.1)!important;border-radius:17px 5px 17px 17px!important}

/* =========================================================
   Luxury refinement pass 2 — control-plane identity
   ========================================================= */

/* Authentication: make the dark field an intentional brand scene, not empty space. */
.auth-shell::after,.auth-page::after{
  position:fixed;left:calc(8vw + min(220px,23vw) - 58px);top:calc(12vh + min(220px,23vw) - 58px);
  width:116px;height:116px;content:"";pointer-events:none;opacity:.105;
  background:url("/assets/sullivan-ai-mark.svg") center/contain no-repeat;
  filter:drop-shadow(0 0 28px rgba(38,216,237,.16));
}
@media(min-width:1000px){
  .auth-shell,.auth-page{
    grid-template-columns:minmax(0,1.16fr) minmax(470px,.84fr)!important;
    place-items:center stretch!important;padding:7vh 8vw!important
  }
  .auth-card{grid-column:2!important;justify-self:start!important;margin:0!important}
}
.auth-card button{
  font-family:var(--sai-body)!important;font-size:13px!important;font-weight:820!important;
  letter-spacing:.015em!important
}
.auth-card .error:not(:empty){
  padding:10px 12px!important;border:1px solid rgba(183,68,68,.14)!important;
  border-radius:12px 4px 12px 12px!important;background:rgba(183,68,68,.06)!important;
  font-size:11px!important;line-height:1.45!important
}

/* Admin: turn the KPI cloud into one instrument panel and remove stacked white SaaS cards. */
html[data-sullivan-page="admin"] body:has(.shell){
  background:
    linear-gradient(90deg,transparent 0 78%,rgba(38,216,237,.035) 78% 78.08%,transparent 78.08%),
    radial-gradient(circle at 89% 0,rgba(38,216,237,.14),transparent 25%),
    linear-gradient(135deg,#f8fbf9 0%,#eef4f2 56%,#eaf2f1 100%)!important
}
html[data-sullivan-page="admin"] .side{overflow:hidden!important}
html[data-sullivan-page="admin"] .side::after{
  position:absolute;left:28px;bottom:28px;content:"CONTROL\A PLANE  ·  01";white-space:pre;
  color:#476674;font-size:9px;font-weight:850;line-height:1.7;letter-spacing:.17em
}
html[data-sullivan-page="admin"] .main{padding-top:52px!important}
html[data-sullivan-page="admin"] .main>.top:first-child{margin-bottom:24px!important;padding-bottom:24px!important}
html[data-sullivan-page="admin"] .main>.top:first-child>div:first-child::before{
  display:block;margin-bottom:12px;content:"SULLIVAN CONTROL PLANE";color:#138da7;
  font-size:9px;font-weight:900;letter-spacing:.22em
}
html[data-sullivan-page="admin"] .main>.top:first-child>div:last-child{
  min-width:180px;padding:12px 0 12px 18px;border-left:1px solid rgba(8,54,72,.1);text-align:left!important
}
html[data-sullivan-page="admin"] .main>.top:first-child>div:last-child b{font-size:12px!important;letter-spacing:.01em}
html[data-sullivan-page="admin"] .main>.top:first-child>div:last-child .muted{font-size:10px!important}

html[data-sullivan-page="admin"] #metrics{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;
  margin:0 0 34px!important;padding:0!important;border:1px solid rgba(51,184,210,.14)!important;
  border-radius:31px 9px 31px 31px!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 7% 0,rgba(38,216,237,.13),transparent 26%),
    radial-gradient(circle at 100% 100%,rgba(63,115,255,.09),transparent 30%),
    linear-gradient(150deg,#081f2d,#06141e 58%,#040d14)!important;
  box-shadow:0 30px 78px rgba(2,18,27,.18)!important
}
html[data-sullivan-page="admin"] #metrics>.card{
  min-height:112px!important;margin:0!important;padding:20px 21px!important;border:0!important;
  border-right:1px solid rgba(120,193,210,.09)!important;border-bottom:1px solid rgba(120,193,210,.09)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important
}
html[data-sullivan-page="admin"] #metrics>.card::before{display:none!important}
html[data-sullivan-page="admin"] #metrics>.card:nth-child(1),
html[data-sullivan-page="admin"] #metrics>.card:nth-child(6){grid-column:span 2!important;min-height:126px!important}
html[data-sullivan-page="admin"] #metrics>.card:nth-child(1){background:linear-gradient(135deg,rgba(38,216,237,.075),transparent 72%)!important}
html[data-sullivan-page="admin"] #metrics>.card:nth-child(6){background:linear-gradient(135deg,rgba(63,115,255,.065),transparent 72%)!important}
html[data-sullivan-page="admin"] #metrics>.card .muted{
  color:#7393a0!important;font-size:8px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase
}
html[data-sullivan-page="admin"] #metrics>.card h2{
  margin:14px 0 0!important;color:#f2fcfe!important;font-family:var(--sai-display)!important;
  font-size:32px!important;font-weight:470!important;letter-spacing:-.055em!important
}
html[data-sullivan-page="admin"] #metrics>.card:nth-child(1) h2,
html[data-sullivan-page="admin"] #metrics>.card:nth-child(6) h2{font-size:52px!important;line-height:.9!important}
html[data-sullivan-page="admin"] #metrics>.card[data-metric-key="open-alerts"] h2{color:#8ceaf5!important}
html[data-sullivan-page="admin"] #metrics>.card[data-metric-key="organizations"]::after,
html[data-sullivan-page="admin"] #metrics>.card[data-metric-key="open-alerts"]::after{
  display:block;margin-top:12px;color:#5f7f8b;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
html[data-sullivan-page="admin"] #metrics>.card[data-metric-key="organizations"]::after{content:"TENANT NETWORK"}
html[data-sullivan-page="admin"] #metrics>.card[data-metric-key="open-alerts"]::after{content:"SYSTEM SIGNAL"}

html[data-sullivan-page="admin"] .admin-section.card{
  margin-top:0!important;padding:32px 0!important;border:0!important;border-top:1px solid rgba(8,54,72,.095)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
}
html[data-sullivan-page="admin"] .admin-section.card::before{display:none!important}
html[data-sullivan-page="admin"] .admin-section.card+.admin-section.card{margin-top:0!important}
html[data-sullivan-page="admin"] .admin-section>.top{align-items:flex-end!important;margin-bottom:18px!important}
html[data-sullivan-page="admin"] .admin-section>.top h2,
html[data-sullivan-page="admin"] .admin-section>h2{font-size:32px!important}
html[data-sullivan-page="admin"] .admin-section>.top p{max-width:720px;margin:6px 0 0!important;font-size:11px!important;line-height:1.55!important}
html[data-sullivan-page="admin"] .admin-section .list>.item,
html[data-sullivan-page="admin"] .organization-summary{
  border-color:rgba(7,42,58,.085)!important;background:rgba(255,255,255,.54)!important;
  box-shadow:0 12px 34px rgba(4,28,38,.035)!important
}

@media(max-width:1100px){
  html[data-sullivan-page="admin"] #metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html[data-sullivan-page="admin"] #metrics>.card:nth-child(1),
  html[data-sullivan-page="admin"] #metrics>.card:nth-child(6){grid-column:span 1!important}
}
@media(max-width:780px){
  .auth-shell::after,.auth-page::after{display:none!important}
  html[data-sullivan-page="admin"] #metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-sullivan-page="admin"] .admin-section.card{padding:24px 0!important}
}