/* ==========================================================================
   GRX10 Suite UI (Aurora) - static-HTML port for marketing-site product mocks
   Source of truth: GRX10 UI kit (components/layout, data, ai, ui; DESIGN.md).
   Colours: ONLY var(--token) from the Aurora token contract (aurora.css), so the
   same markup renders in dark (default) and light (html[data-theme=light]).
   Pink / gradient = interaction + live AI only. Data = grey -> green, amber, red.
   Radius: controls 8 (--radius-md), cards 10 (--radius-lg), large panels 14 (--radius-xl).
   Icons: Lucide, 16px, stroke 1.75 (product tiles 12px, stroke 2.2).
   Fonts: the site's own var(--font-sans) / var(--font-mono) (Archivo / JetBrains Mono).
   Aurora.css styles some legacy mock classes with !important; the legacy layer below
   overrides those with higher-specificity !important where the Suite look differs.
   ========================================================================== */

.suite{
  --su-bar-0:var(--neutral-bar,var(--border-strong));   /* 0% end of the win-probability scale */
  --su-bar-1:var(--success-bar,var(--success));         /* 100% end */
  --su-bar-warn:var(--warning-bar,var(--warning));
  --su-bar-bad:var(--danger-bar,var(--danger));
  --su-r-sm:var(--radius-md,8px);
  --su-r:var(--radius-lg,10px);
  --su-r-lg:var(--radius-xl,14px);
  --su-ease:cubic-bezier(.22,1,.36,1);
  font-family:var(--font-sans);
  font-feature-settings:"cv11","ss01";
  font-size:13px;line-height:1.45;color:var(--foreground);
  -webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0;
}
.suite *,.suite *::before,.suite *::after{box-sizing:border-box}
.suite .tabular,.suite .num{font-variant-numeric:tabular-nums}
.suite .mono{font-family:var(--font-mono)}
.suite .muted{color:var(--muted-foreground)}
.suite .su-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.suite .su-ic.sm{width:14px;height:14px}
.suite .su-ic.xs{width:12px;height:12px}

/* Brand mark: official X mark files only, white-on-dark / colour-on-light */
.suite .suite-mark{display:inline-grid;flex:none;width:28px;height:28px}
.suite .suite-mark img{grid-area:1/1;width:100%;height:100%;display:block;object-fit:contain}
.suite .suite-mark .on-light{display:none}
html[data-theme="light"] .suite .suite-mark .on-dark{display:none}
html[data-theme="light"] .suite .suite-mark .on-light{display:block}
@media (prefers-color-scheme:light){
  html:not([data-theme="dark"]) .suite .suite-mark .on-dark{display:none}
  html:not([data-theme="dark"]) .suite .suite-mark .on-light{display:block}
}

/* ---------- Window / shell ---------- */
.suite-window{
  position:relative;isolation:isolate;container:suite / inline-size;width:100%;
  background:var(--background);border:1px solid var(--border);border-radius:var(--su-r-lg);
  overflow:hidden;box-shadow:var(--elev-overlay),var(--elev);
}
/* ambient Aurora behind the panels: a hint, never a glow on content */
.suite-window::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--aurora-opacity,.32);
  background:
    radial-gradient(60% 50% at 92% 0%,var(--aurora-1),transparent 70%),
    radial-gradient(55% 60% at 20% 100%,var(--aurora-2),transparent 70%),
    radial-gradient(40% 40% at 70% 70%,var(--aurora-3),transparent 70%);
}
.suite-shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100%}
.suite-main{min-width:0;display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;min-height:var(--su-min-h,0)}
.suite-content{min-width:0;display:flex;flex-direction:column;gap:12px}

/* Sidebar: 208px expanded, 64px collapsed rail. Height follows the main column (clipped, like a scrolled app). */
.suite-sidebar{position:relative;width:208px;border-right:1px solid var(--glass-border);background:var(--glass-chrome);box-shadow:var(--glass-highlight)}
.suite-sidebar-in{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;gap:1px;padding:14px 10px}
.suite-sidebar-in>*,.suite-sub>*{flex-shrink:0}
.suite-ws{display:flex;align-items:center;gap:8px;padding:4px 4px 14px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.suite-ws .suite-mark{width:30px;height:30px}
.suite-ws-text{min-width:0;display:grid;line-height:1.25}
.suite-ws-text b{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suite-ws-text small{font-size:11px;color:var(--muted-foreground)}
.suite-ws .su-ic{color:var(--muted-foreground);margin-left:auto}
.suite-ws .su-panel{margin-left:2px}
.suite-nav-label{padding:12px 8px 4px;font-size:11px;font-weight:500;color:var(--muted-foreground)}
.suite-nav-item{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--su-r-sm);color:var(--muted-foreground);font-size:13px;white-space:nowrap;text-decoration:none}
.suite-nav-item span{overflow:hidden;text-overflow:ellipsis}
.suite-nav-item.is-active{background:var(--accent);color:var(--foreground);font-weight:500}
.suite-nav-item.is-active .su-ic{color:var(--primary)}
.suite-nav-item .su-count{margin-left:auto;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;line-height:16px;font-variant-numeric:tabular-nums}
.suite-nav-item .su-count.is-danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}
.suite-prod{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--su-r-sm);font-weight:500;color:var(--foreground);white-space:nowrap}
.suite-prod .su-chev{margin-left:auto;width:14px;height:14px;color:var(--muted-foreground)}
.suite-prod.is-open .su-chev{transform:rotate(90deg)}
.suite-tile{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;color:var(--primary-foreground);box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 1px 2px rgb(0 0 0/.2)}
.suite-tile .su-ic{width:12px;height:12px;stroke-width:2.2}
.suite-tile.t-converse{background:var(--product-converse)}
.suite-tile.t-nudge{background:var(--product-nudge)}
.suite-tile.t-crm{background:var(--product-crm)}
.suite-sub{display:grid;gap:1px;margin:1px 0 6px 17px;padding-left:8px;border-left:1px solid var(--border)}
.suite-sidebar-foot{margin-top:auto;display:grid;gap:8px;padding-top:12px}
.suite-credits{display:grid;gap:6px;padding:8px 10px;border-radius:var(--su-r-sm);background:var(--glass-chrome);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);font-size:12px}
.suite-credits .row{display:flex;align-items:center;gap:6px}
.suite-credits .row .su-ic{width:14px;height:14px;color:var(--muted-foreground)}
.suite-credits b{font-weight:600;font-variant-numeric:tabular-nums}
.suite-credits .link{margin-left:auto;font-size:11px;font-weight:500;color:var(--link)}
.suite-credits .meter{height:4px;border-radius:999px;background:var(--border);overflow:hidden}
.suite-credits .meter i{display:block;height:100%;border-radius:999px;background:var(--su-bar-warn)}
.suite-credits small{font-size:11px;color:var(--warning)}
.suite-user{display:flex;align-items:center;gap:8px;padding:6px 4px 0}
.suite-user .who{display:grid;line-height:1.25;min-width:0}
.suite-user .who b{font-size:12px;font-weight:500}
.suite-user .who small{font-size:11px;color:var(--muted-foreground)}
.suite-user .su-ic{margin-left:auto;color:var(--muted-foreground)}

/* collapsed rail (explicit, or automatically when the mock is narrow) */
.suite-window.is-collapsed .suite-sidebar{width:64px}
.suite-window.is-collapsed .suite-sidebar-in{align-items:center;padding:14px 8px}
.suite-window.is-collapsed :is(.suite-ws-text,.suite-ws>.su-ic,.suite-nav-label,.suite-nav-item span,.suite-nav-item .su-count,.suite-prod>span:not(.suite-tile),.suite-prod .su-chev,.suite-credits .row>:not(.su-ic),.suite-credits small,.suite-user .who,.suite-user>.su-ic){display:none}
.suite-window.is-collapsed .suite-ws{flex-direction:column;padding:0 0 10px;gap:8px}
.suite-window.is-collapsed :is(.suite-nav-item,.suite-prod){width:40px;height:36px;justify-content:center;padding:0}
.suite-window.is-collapsed .suite-sub{margin:2px 0;padding:4px 0 0;border-left:0;border-top:1px solid var(--border)}
.suite-window.is-collapsed .suite-credits{width:40px;justify-items:center;padding:8px 6px}
.suite-window.is-collapsed .suite-credits .meter{width:24px}
.suite-window.is-collapsed .suite-user{padding:4px 0 0}
@container suite (max-width:979px){
  .suite-window:not(.is-expanded) .suite-sidebar{width:64px}
  .suite-window:not(.is-expanded) .suite-sidebar-in{align-items:center;padding:14px 8px}
  .suite-window:not(.is-expanded) :is(.suite-ws-text,.suite-ws>.su-ic,.suite-nav-label,.suite-nav-item span,.suite-nav-item .su-count,.suite-prod>span:not(.suite-tile),.suite-prod .su-chev,.suite-credits .row>:not(.su-ic),.suite-credits small,.suite-user .who,.suite-user>.su-ic){display:none}
  .suite-window:not(.is-expanded) .suite-ws{flex-direction:column;padding:0 0 10px;gap:8px}
  .suite-window:not(.is-expanded) :is(.suite-nav-item,.suite-prod){width:40px;height:36px;justify-content:center;padding:0}
  .suite-window:not(.is-expanded) .suite-sub{margin:2px 0;padding:4px 0 0;border-left:0;border-top:1px solid var(--border)}
  .suite-window:not(.is-expanded) .suite-credits{width:40px;justify-items:center;padding:8px 6px}
  .suite-window:not(.is-expanded) .suite-credits .meter{width:24px}
  .suite-window:not(.is-expanded) .suite-user{padding:4px 0 0}
}
/* phone-width mock: no rail, the mark moves into the top bar */
.suite-topbar .su-mini{display:none}
@container suite (max-width:539px){
  .suite-window:not(.is-expanded):not(.is-collapsed) .suite-sidebar{display:none}
  .suite-window:not(.is-expanded):not(.is-collapsed) .suite-topbar .su-mini{display:inline-grid;width:24px;height:24px;margin-right:2px}
  .suite-window .suite-main{padding:12px 12px 14px;gap:12px}
  .suite-window .su-hide-sm{display:none !important}
}

/* ---------- Topbar ---------- */
.suite-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}
.suite-topbar .su-title{display:flex;align-items:center;gap:8px;min-width:0}
.suite-topbar .su-title>div{min-width:0}
.suite-crumb{margin:0;font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suite-topbar h1,.suite-topbar .h{margin:0;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.02em;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suite-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.suite-search{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 10px;border-radius:var(--su-r-sm);background:var(--glass-chrome);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);color:var(--muted-foreground);font-size:12px;white-space:nowrap}
.suite-search .su-ic{width:14px;height:14px}
.suite-search kbd{font-family:var(--font-mono);font-size:11px;line-height:16px;border:1px solid var(--border);border-radius:4px;padding:0 4px;color:var(--muted-foreground);background:transparent}
.su-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--su-r-sm);font:inherit;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:default}
.su-btn .su-ic{width:14px;height:14px}
.su-btn.sm{height:28px;padding:0 10px}
.su-btn.primary{background:var(--primary-button,var(--primary));border-color:transparent;color:var(--primary-foreground);box-shadow:inset 0 1px 0 rgb(255 255 255/.2)}
.su-btn.ai{background:var(--gradient-brand);border-color:transparent;color:var(--primary-foreground);box-shadow:inset 0 1px 0 rgb(255 255 255/.2)}
.su-btn.icon{width:32px;padding:0;background:var(--glass-chrome);border-color:var(--glass-border);color:var(--muted-foreground);position:relative}
.su-btn.icon .su-dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 2px var(--card)}
.su-btn.danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}
.su-askai{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--su-r-sm);font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-edge) border-box;box-shadow:var(--elev)}
.su-askai .su-ic{width:14px;height:14px;color:var(--primary)}
@container suite (max-width:719px){
  .suite-window .suite-search .su-lbl,.suite-window .suite-search kbd{display:none}
  .suite-window .suite-search{padding:0;width:32px;justify-content:center}
}

/* ---------- Panels ---------- */
.su-panel{background:var(--glass-panel);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--elev);border-radius:var(--su-r);padding:14px 16px;min-width:0}
.su-panel.flush{padding:0;overflow:hidden}
.su-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.su-panel-head h2,.su-panel-head h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--foreground)}
.su-panel-head small{font-size:11px;color:var(--muted-foreground)}
.su-panel.flush .su-panel-head{padding:12px 16px 0}
.su-grid-2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}
@container suite (max-width:719px){ .suite-window .su-grid-2{grid-template-columns:minmax(0,1fr)} }

/* ---------- KPI card ---------- */
.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpi-row.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@container suite (max-width:719px){ .suite-window .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))} }
.kpi-card{display:grid;gap:4px;min-width:0;padding:12px 12px 8px;border-radius:var(--su-r);background:var(--glass-chrome);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--elev)}
.kpi-label{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-main{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}
.kpi-value{font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-delta{flex:none;border-radius:999px;padding:0 6px;font-size:11px;font-weight:500;line-height:16px;font-variant-numeric:tabular-nums;background:var(--accent);color:var(--muted-foreground)}
.kpi-delta.is-up,.kpi-delta.is-success{background:var(--success-bg);color:var(--success)}
.kpi-delta.is-down,.kpi-delta.is-danger{background:var(--danger-bg);color:var(--danger)}
.kpi-delta.is-warning{background:var(--warning-bg);color:var(--warning)}
.su-spark{display:block;width:100%;height:24px;overflow:visible;color:var(--muted-foreground)}
.su-spark.is-success{color:var(--success)}.su-spark.is-danger{color:var(--danger)}.su-spark.is-warning{color:var(--warning)}
.su-spark .ln{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.su-spark .ar{fill:currentColor;opacity:.14;stroke:none}

/* ---------- Status badge / live chip ---------- */
.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap;background:var(--accent);color:var(--muted-foreground);border:0}
.status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.status-badge.is-success{background:var(--success-bg);color:var(--success)}
.status-badge.is-warning{background:var(--warning-bg);color:var(--warning)}
.status-badge.is-danger{background:var(--danger-bg);color:var(--danger)}
.status-badge.is-neutral{background:var(--accent);color:var(--muted-foreground)}
.live-chip{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap;color:var(--foreground);background:color-mix(in oklab,var(--primary) 12%,transparent)}
.live-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);animation:su-live-ring 1.6s var(--su-ease) infinite}
.su-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:999px;font-size:11px;white-space:nowrap;color:var(--muted-foreground);border:1px solid var(--border);background:var(--card)}
.su-chip .su-ic{width:12px;height:12px}
.su-chip.is-on{color:var(--foreground);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,var(--card))}

/* ---------- Table ---------- */
.suite-table{width:100%;border-collapse:collapse;font-size:13px}
.suite-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:500;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:none;letter-spacing:0;font-family:inherit}
.suite-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--foreground)}
.suite-table tr:last-child td{border-bottom:0}
.suite-table td.r,.suite-table th.r{text-align:right}
.suite-table .su-person{display:flex;align-items:center;gap:8px;min-width:0}
.su-av{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--accent);color:var(--foreground);font-size:10px;font-weight:600;letter-spacing:.01em}
.su-av.lg{width:32px;height:32px;font-size:11px}
.su-name{display:grid;line-height:1.3;min-width:0}
.su-name b{font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.su-name small{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.su-sent{display:block;width:56px;height:4px;border-radius:999px;background:var(--border);overflow:hidden}
.su-sent i{display:block;height:100%;width:var(--v,50%);border-radius:999px;background:color-mix(in oklab,var(--su-bar-1) var(--v,50%),var(--su-bar-0))}
.su-sent.is-success i{background:var(--su-bar-1)}.su-sent.is-warning i{background:var(--su-bar-warn)}.su-sent.is-danger i{background:var(--su-bar-bad)}
.su-amt{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.su-table-wrap{overflow-x:auto}

/* ---------- Live call ---------- */
.live-call{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--su-r);border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-edge) border-box;box-shadow:var(--elev)}
.su-orb{flex:none;width:28px;height:28px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,var(--primary-foreground),var(--primary-hover) 42%,var(--violet));
  box-shadow:0 0 18px color-mix(in oklab,var(--primary) 50%,transparent);animation:su-orb 2.4s var(--su-ease) infinite}
.su-orb.lg{width:56px;height:56px}
.live-call .who{display:grid;line-height:1.3;min-width:0}
.live-call .who b{font-size:14px;font-weight:500}
.live-call .who small{font-size:11px;color:var(--muted-foreground)}
.su-wave{flex:0 1 200px;min-width:90px;max-width:220px;height:28px;display:block;margin-left:auto}
.su-wave rect{fill:var(--primary)}
.su-wave rect:nth-child(3n){fill:var(--violet)}
.su-timer{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.su-timer::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--danger);animation:su-blink 1.2s steps(2) infinite}

/* transcript (live call / recordings) */
.su-transcript{display:grid;gap:10px}
.su-turn{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.su-turn .su-av{margin-top:1px}
.su-turn .su-av.ai{background:var(--gradient-brand);border-color:transparent;color:var(--primary-foreground)}
.su-turn .meta{font-size:11px;color:var(--muted-foreground);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.su-turn p{margin:2px 0 0;font-size:13px;color:var(--foreground-2)}
.su-turn .tr{display:block;margin-top:4px;padding-left:8px;border-left:2px solid var(--border);font-size:12px;color:var(--muted-foreground)}

/* ---------- AI insight ---------- */
.insight-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--su-r-lg);border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-edge) border-box;box-shadow:var(--elev)}
.insight-card .su-ai{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--su-r-sm);background:var(--gradient-brand);color:var(--primary-foreground)}
.insight-card .su-ai .su-ic{width:14px;height:14px}
.insight-card .txt{flex:1;min-width:12rem;font-size:12px}
.insight-card .txt b{display:block;font-weight:600;color:var(--foreground)}
.insight-card .txt small{display:block;margin-top:1px;font-size:11px;color:var(--muted-foreground)}
.insight-card .acts{display:flex;gap:6px}
.insight-card .su-btn{height:28px}

/* ---------- Segmented control ---------- */
.segmented{display:inline-flex;padding:2px;border-radius:var(--su-r-sm);background:var(--glass-chrome);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);font-size:12px}
.segmented>span,.segmented>button{border:0;background:transparent;font:inherit;padding:4px 10px;border-radius:5px;color:var(--muted-foreground);white-space:nowrap}
.segmented>.is-on{background:var(--card);color:var(--foreground);font-weight:500;box-shadow:var(--elev)}

/* ---------- Funnel (bar colour = win probability, lost in red below a divider) ---------- */
.suite-funnel{list-style:none;margin:0;padding:0}
.suite-funnel li{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) 2.5rem 4rem;align-items:center;gap:10px;padding:6px 0;font-size:13px}
.suite-funnel .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suite-funnel .nm small{margin-left:4px;font-size:11px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}
.su-track{display:block;height:8px;border-radius:999px;background:color-mix(in oklab,var(--border) 70%,transparent)}
.su-track i{display:block;height:100%;min-width:6px;border-radius:999px;width:var(--w,50%);background:color-mix(in oklab,var(--su-bar-1) var(--p,0%),var(--su-bar-0));transition:width .5s var(--su-ease)}
.su-track i.is-lost,.su-track i.is-danger{background:var(--su-bar-bad)}
.su-track i.is-warning{background:var(--su-bar-warn)}
.su-track i.is-success{background:var(--su-bar-1)}
.suite-funnel .ct,.suite-funnel .vl{text-align:right;font-variant-numeric:tabular-nums}
.suite-funnel .vl{color:var(--muted-foreground)}
.suite-funnel.lost{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}
.su-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--muted-foreground)}
.su-legend .ramp{width:96px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--su-bar-0),var(--su-bar-1))}
.su-legend .lost{width:14px;height:6px;border-radius:999px;background:var(--su-bar-bad)}
@container suite (max-width:539px){ .suite-window .suite-funnel li{grid-template-columns:minmax(0,7rem) minmax(0,1fr) 2rem 3.5rem;gap:8px} }

/* stacked meter (tasks overdue / due today / upcoming) */
.su-stack{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden}
.su-stack i{display:block}
.su-stack .d{background:var(--su-bar-bad)}.su-stack .w{background:var(--su-bar-warn)}.su-stack .n{background:var(--su-bar-0)}.su-stack .s{background:var(--su-bar-1)}
.su-list{list-style:none;margin:0;padding:0}
.su-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.su-list li:last-child{border-bottom:0}
.su-list b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.su-list .is-danger{color:var(--danger)}.su-list .is-warning{color:var(--warning)}

/* ---------- Agent studio (Converse AI / Agents) ---------- */
.su-steps{display:flex;flex-wrap:wrap;gap:6px}
.su-step{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted-foreground);background:var(--card)}
.su-step .n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);font-size:11px;font-weight:600;color:var(--muted-foreground)}
.su-step.is-done .n{background:var(--success-bg);color:var(--success)}
.su-step.is-on{color:var(--foreground);border-color:var(--primary)}
.su-step.is-on .n{background:var(--primary);color:var(--primary-foreground)}
.su-field{display:grid;gap:6px}
.su-field>label,.su-field>.lbl{font-size:12px;font-weight:500;color:var(--foreground)}
.su-input{min-height:32px;padding:7px 10px;border-radius:var(--su-r-sm);border:1px solid var(--input);background:var(--card);font-size:13px;color:var(--foreground)}
.su-input.ai{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-edge) border-box}
.su-caret{display:inline-block;width:2px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--primary);animation:su-blink 1s steps(2) infinite}
.su-opts{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- WhatsApp AI conversation ---------- */
.su-chat{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);min-height:300px}
.su-threads{border-right:1px solid var(--border);display:flex;flex-direction:column}
.su-thread{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);align-items:flex-start}
.su-thread.is-active{background:var(--accent)}
.su-thread .su-name small{white-space:nowrap}
.su-thread time{margin-left:auto;font-size:11px;color:var(--muted-foreground);white-space:nowrap}
.su-pane{display:flex;flex-direction:column;min-width:0}
.su-pane-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.su-pane-head .su-name{flex:1}
.su-msgs{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px;background:color-mix(in oklab,var(--background-2) 60%,transparent)}
.su-msg{max-width:78%;padding:7px 10px 5px;border-radius:12px;font-size:13px;line-height:1.4;color:var(--foreground);background:var(--card);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}
.su-msg.out{align-self:flex-end;background:var(--card-2);border-color:var(--border-strong);border-bottom-left-radius:12px;border-bottom-right-radius:4px}
.su-msg .by{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--link);margin-bottom:2px}
.su-msg .by .su-ic{width:12px;height:12px}
.su-msg time{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:11px;color:var(--muted-foreground)}
.su-msg time .su-ic{width:12px;height:12px;color:var(--success)}
.su-msg.tpl{border-style:dashed}
.su-compose{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--border)}
.su-compose .su-input{flex:1}
.su-sys{align-self:center;font-size:11px;color:var(--muted-foreground);padding:2px 8px;border-radius:999px;background:var(--accent)}
@container suite (max-width:639px){ .suite-window .su-chat{grid-template-columns:minmax(0,1fr)} .suite-window .su-threads{display:none} }

/* ---------- Nudge flow canvas ---------- */
.su-canvas{position:relative;padding:18px;border-radius:var(--su-r);border:1px solid var(--border);
  background-color:var(--card);background-image:radial-gradient(var(--border-strong) 1px,transparent 1.2px);background-size:16px 16px}
.su-flow{display:flex;flex-direction:column;align-items:center;gap:0}
.su-node{display:flex;align-items:center;gap:10px;width:min(100%,19rem);padding:10px 12px;border-radius:var(--su-r);background:var(--card);border:1px solid var(--border);box-shadow:var(--elev)}
.su-node .ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--su-r-sm);background:var(--accent);color:var(--foreground)}
.su-node .ico .su-ic{width:14px;height:14px}
.su-node .su-name b{font-size:13px}
.su-node .st{margin-left:auto;font-size:11px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}
.su-node.is-trigger{border-color:var(--primary)}
.su-node.is-trigger .ico{background:var(--primary);color:var(--primary-foreground)}
.su-node.is-ai .ico{background:var(--gradient-brand);color:var(--primary-foreground)}
.su-link{width:2px;height:18px;background:var(--border-strong)}
.su-branch{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;position:relative;padding-top:18px}
.su-branch::before{content:"";position:absolute;top:0;left:25%;right:25%;height:18px;border:2px solid var(--border-strong);border-bottom:0;border-radius:10px 10px 0 0}
.su-branch>div{display:flex;flex-direction:column;align-items:center}
.su-branch .su-node{width:100%}
.su-edge{font-size:11px;color:var(--muted-foreground);margin:0 0 6px;padding:1px 8px;border-radius:999px;background:var(--card);border:1px solid var(--border)}
@container suite (max-width:539px){ .suite-window .su-branch{grid-template-columns:minmax(0,1fr)} .suite-window .su-branch::before{display:none} }

/* ---------- Rate card / invoice rows ---------- */
.su-rows{display:grid}
.su-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}
.su-row:last-child{border-bottom:0}
.su-row .lab{display:grid;line-height:1.35}
.su-row .lab small{font-size:11px;color:var(--muted-foreground)}
.su-row .val{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.su-row.total{border-top:1px solid var(--border-strong);border-bottom:0;margin-top:2px}

/* ---------- Timeline (lead / account activity) ---------- */
.su-tl{list-style:none;margin:0;padding:0;display:grid}
.su-tl li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-bottom:12px}
.su-tl li:last-child{padding-bottom:0}
.su-tl li::before{content:"";position:absolute;left:13.5px;top:28px;bottom:0;width:1px;background:var(--border)}
.su-tl li:last-child::before{display:none}
.su-tl .dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--border-strong);color:var(--muted-foreground)}
.su-tl .dot .su-ic{width:14px;height:14px}
.su-tl .dot.is-success{background:var(--success-bg);border-color:transparent;color:var(--success)}
.su-tl .dot.is-ai{background:var(--gradient-brand);border-color:transparent;color:var(--primary-foreground)}

@keyframes su-orb{50%{transform:scale(.86)}}
@keyframes su-live-ring{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--primary) 60%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@keyframes su-blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.suite *,.suite *::before,.suite *::after{animation:none !important;transition:none !important}}

/* ==========================================================================
   Legacy restyle layer: the site's existing mock markup (.app-head, .funnel,
   .tl, .callcard, .dtable, .pillst, .convo, .inv-row, .stepper, .studio-field,
   .pill-opt, .callrow, .tags, .achart, .legend) rendered in the Suite look when
   wrapped in .suite-window by replace.py. Scoped, so it outranks page CSS.
   ========================================================================== */
.suite-window .app-body{padding:0;background:none}
.suite-window .app-body[style*="padding:0"]{padding:0}
.suite-window .app-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}
.suite-window .app-head h4{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--foreground)}
.suite-window .app-head .mono,.suite-window .app-head .csv{font-family:inherit;font-size:11px!important;letter-spacing:0;text-transform:none;color:var(--muted-foreground)!important;border:0!important;background:none!important;padding:0}
.suite-window .su-panel>.app-head:only-child{margin:0}

/* funnel rows -> Suite bars */
.suite-window .funnel .frow{margin:0;padding:6px 0}
.suite-window .funnel .ftop{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 5px}
.suite-window .funnel .fname{font-size:13px;font-weight:500;color:var(--foreground)}
.suite-window .funnel .fname .pct{font-family:inherit;font-size:11px;letter-spacing:0;color:var(--muted-foreground);margin-left:4px}
.suite-window .funnel .fcount{font-family:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--foreground)}
.suite-window .funnel .ftrack{height:8px;border-radius:999px;background:color-mix(in oklab,var(--border) 70%,transparent);overflow:hidden}
.suite-window .funnel .ffill{height:100%;border-radius:999px;width:var(--w);min-width:6px;background:color-mix(in oklab,var(--su-bar-1) var(--p,0%),var(--su-bar-0))}
.suite-window .funnel .ffill.is-success{background:var(--su-bar-1)}
.suite-window .funnel .ffill.is-warning{background:var(--su-bar-warn)}
.suite-window .funnel .ffill.is-danger{background:var(--su-bar-bad)}
.suite-window .funnel .ffill.is-neutral{background:var(--su-bar-0)}

/* chips / tags */
.suite-window .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.suite-window .tags .t{font-family:inherit;font-size:11px;letter-spacing:0;line-height:16px;padding:2px 8px;border-radius:999px;color:var(--muted-foreground);background:var(--accent)!important;border:1px solid transparent!important}
.suite-window .tags .t.is-on{color:var(--foreground);border-color:var(--primary)!important;background:color-mix(in oklab,var(--primary) 10%,var(--card))!important}

/* timeline */
.suite-window .tl{padding:0}
.suite-window .tl-item{gap:10px;padding-bottom:10px}
.suite-window .tl-item::before{left:13.5px;top:30px;bottom:0;width:1px;background:var(--border);opacity:1}
.suite-window .tl-dot{width:28px;height:28px;border:1px solid var(--border-strong);background:var(--card);color:var(--muted-foreground)}
.suite-window .tl-dot svg{width:14px;height:14px;stroke-width:1.75}
.suite-window .tl-item:last-child .tl-dot{background:var(--success-bg);border-color:transparent;color:var(--success)}
.suite-window .tl-card{background:var(--glass-panel)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-highlight)!important;border-radius:var(--su-r)!important;padding:8px 12px}
.suite-window .tl-card .tt{font-size:13px;font-weight:500;color:var(--foreground)}
.suite-window .tl-card .tm{font-family:inherit;font-size:11px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}
.suite-window .tl-card .td{font-size:12px;color:var(--muted-foreground);margin-top:2px}

/* call / policy detail card */
.suite-window .callcard{margin-top:12px;padding:12px 14px;border-radius:var(--su-r)!important;background:var(--glass-panel)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-highlight),var(--elev)!important}
.suite-window .callcard .cc-head{gap:8px;margin-bottom:10px}
.suite-window .callcard .cc-head .ic{width:28px;height:28px;border-radius:var(--su-r-sm);background:var(--gradient-brand)}
.suite-window .callcard .cc-head .ic svg{width:14px;height:14px;color:var(--primary-foreground);stroke-width:1.75}
.suite-window .callcard .cc-head .t{font-size:13px;font-weight:600}
.suite-window .cc-grid{gap:10px 16px}
.suite-window .cc-kv{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0}
.suite-window .cc-kv .k{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted-foreground);margin-bottom:1px}
.suite-window .cc-kv .v{font-size:13px;font-weight:500;color:var(--foreground)}
.suite-window .cc-kv .v.mono{font-family:inherit;font-variant-numeric:tabular-nums;font-size:13px}

/* data table */
.suite-window .dtable{width:100%;border-collapse:collapse;font-size:13px}
.suite-window .dtable th{padding:8px 12px;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}
.suite-window .dtable td{padding:9px 12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--foreground)}
.suite-window .dtable tbody tr:hover{background:var(--accent)}
.suite-window .dtable .nm{font-weight:500}
.suite-window .dtable .muted{color:var(--muted-foreground)}
.suite-window .dtable .lead-id{font-family:inherit;font-size:11px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}
.suite-window .dtable .amt{font-family:inherit;font-weight:500;font-variant-numeric:tabular-nums}
.suite-window .dtable .su-person{display:flex;align-items:center;gap:8px}

/* status pills -> StatusBadge (tone set by replace.py from the label; class fallback here) */
.suite-window .pillst{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap;border:0;background:var(--accent);color:var(--muted-foreground)}
.suite-window .pillst::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.suite-window .pillst:is(.st-won,.st-conv,.st-qual,.is-success){background:var(--success-bg);color:var(--success)}
.suite-window .pillst.is-warning{background:var(--warning-bg);color:var(--warning)}
.suite-window .pillst:is(.st-lost,.is-danger){background:var(--danger-bg);color:var(--danger)}
.suite-window .pillst:is(.st-new,.st-working,.is-neutral){background:var(--accent);color:var(--muted-foreground)}
.suite-window .pillst.is-live{background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--foreground)}
.suite-window .pillst.is-live::before{background:var(--primary);animation:su-live-ring 1.6s var(--su-ease) infinite}

/* transcript */
.suite-window .convo{display:grid;gap:10px}
.suite-window .convo .line{display:block;max-width:none;margin:0;padding:0 0 0 34px;position:relative;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.suite-window .convo .line::before{content:"C";position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);border:1px solid var(--border);font-size:10px;font-weight:600;color:var(--foreground)}
.suite-window .convo .line.ai::before{content:"AI";background:var(--gradient-brand);border-color:transparent;color:var(--primary-foreground)}
.suite-window .convo .who{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted-foreground);margin:0 0 1px}
.suite-window .convo .line p{margin:0;font-size:13px;line-height:1.45;color:var(--foreground-2)}
.suite-window .convo .line p b{color:var(--foreground);font-weight:600}

/* rate card / invoice rows */
.suite-window .inv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;font-size:13px}
.suite-window .inv-row .lab{color:var(--foreground);font-weight:500}
.suite-window .inv-row .lab small{display:block;font-size:11px;font-weight:400;color:var(--muted-foreground);margin-top:1px}
.suite-window .inv-row .val{font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums;color:var(--foreground);white-space:nowrap}
.suite-window .inv-row.rc-go{cursor:pointer;border-radius:var(--su-r-sm)!important;margin:0 -8px;padding:10px 8px}
.suite-window .inv-row.rc-go:hover{background:var(--accent)}
.suite-window .inv-row.total{border-bottom:0;border-top:1px solid var(--border-strong);margin-top:2px}
.suite-window .inv-row.total .val{color:var(--foreground)}
.suite-window .inv-foot{margin:8px 0 0;font-size:11px;color:var(--muted-foreground)}

/* agent studio */
.suite-window .stepper{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;border:0}
.suite-window .stepper .s{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted-foreground)}
.suite-window .stepper .s .n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);border:0;font-size:11px;font-weight:600;color:var(--muted-foreground)}
.suite-window .stepper .s.done .n{background:var(--success-bg);color:var(--success)}
.suite-window .stepper .s.on{color:var(--foreground);border-color:var(--primary)}
.suite-window .stepper .s.on .n{background:var(--primary);color:var(--primary-foreground)}
.suite-window .studio-field{margin:0 0 12px}
.suite-window .studio-field .fl{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--foreground);margin:0 0 6px}
.suite-window .studio-field .fi{padding:8px 10px;border-radius:var(--su-r-sm);border:1px solid var(--input);background:var(--card);font-size:13px;line-height:1.45;color:var(--foreground)}
.suite-window .studio-field .fi.ai{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-edge) border-box}
.suite-window .studio-field .cursor{background:var(--primary)}
.suite-window .pills{display:flex;flex-wrap:wrap;gap:6px}
.suite-window .pill-opt{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-family:inherit;color:var(--muted-foreground);border:1px solid var(--border);background:var(--card)}
.suite-window .pill-opt.sel{color:var(--foreground);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,var(--card))}
.suite-window .calls{margin-top:12px;padding:10px 12px;border-radius:var(--su-r);background:var(--glass-panel);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight)}
.suite-window .calls .cl{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--foreground);margin:0 0 4px}
.suite-window .callrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}
.suite-window .callrow:last-child{border-bottom:0}
.suite-window .callrow .num{font-family:inherit;font-variant-numeric:tabular-nums;color:var(--foreground)}
.suite-window .callrow .loc{color:var(--muted-foreground)}
.suite-window .callrow .lg{color:var(--muted-foreground)}
.suite-window .callrow .oc{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;background:var(--success-bg);color:var(--success)}
.suite-window .callrow .oc::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.suite-window .callrow .oc.is-warning{background:var(--warning-bg);color:var(--warning)}
@container suite (max-width:479px){ .suite-window .callrow{grid-template-columns:minmax(0,1fr) auto} .suite-window .callrow :is(.loc,.lg){display:none} }

/* SVG chart + legend */
.suite-window .achart{display:block;width:100%;height:auto;margin:0}
.suite-window .legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;justify-content:flex-start}
.suite-window .legend .li{font-size:11px;color:var(--muted-foreground)}
.suite-window .legend .sw{width:10px;height:10px;border-radius:3px}
.suite-window .su-cat-1{background:var(--su-cat-1)}.suite-window .su-cat-2{background:var(--su-cat-2)}.suite-window .su-cat-3{background:var(--su-cat-3)}.suite-window .su-cat-4{background:var(--su-cat-4)}
.suite{
  /* categorical series (sources): neutral ramp, so no hue implies good/bad */
  --su-cat-1:color-mix(in oklab,var(--foreground) 78%,var(--card));
  --su-cat-2:color-mix(in oklab,var(--foreground) 55%,var(--card));
  --su-cat-3:color-mix(in oklab,var(--foreground) 34%,var(--card));
  --su-cat-4:color-mix(in oklab,var(--foreground) 18%,var(--card));
}

/* embedded video keeps its 16:9 box inside the shell */
.suite-window .su-video{position:relative;padding-top:56.25%;border-radius:var(--su-r);overflow:hidden;border:1px solid var(--border);background:var(--card)}
.suite-window .su-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* the window keeps Phase 1's .mock-window marker; out-rank aurora.css's generic mock-window box */
.suite-window.mock-window,.suite-window.app-chrome{background:var(--background)!important;border:1px solid var(--border)!important;border-radius:var(--su-r-lg)!important;box-shadow:var(--elev-overlay),var(--elev)!important;overflow:hidden!important}
/* legacy-layer fixes */
.suite-window .app-body.su-panel{padding:14px 16px}
.suite-window .app-body.su-panel.flush{padding:0}
.suite-window .convo .who{color:var(--muted-foreground)!important}
.suite-window .dtable td:is(.muted,.lead-id,.amt),.suite-window .dtable .pillst{white-space:nowrap}
.suite-window :is(.callrow,.callrow *,.stepper .s,.pill-opt,.cc-kv .v){font-family:inherit!important;letter-spacing:0!important}
.suite-window .su-live{margin-bottom:12px}
.live-call{flex-wrap:nowrap}
.live-call .who{flex:1 1 auto}
.live-call .su-wave{flex:0 1 200px;min-width:48px}
@container suite (max-width:439px){ .suite-window .live-call .su-wave{display:none} }
@container suite (max-width:539px){ .suite-window .suite-topbar .h{white-space:normal;font-size:16px;line-height:1.3} .suite-window .suite-topbar .su-title{align-items:flex-start} }
/* outrank aurora-light.css status fills inside Suite mocks */
html .suite-window .pillst.is-success,html .suite-window .callrow .oc{background:var(--success-bg)!important;color:var(--success)!important}
html .suite-window .pillst.is-warning,html .suite-window .callrow .oc.is-warning{background:var(--warning-bg)!important;color:var(--warning)!important}
html .suite-window .pillst.is-danger{background:var(--danger-bg)!important;color:var(--danger)!important}
html .suite-window .pillst.is-neutral{background:var(--accent)!important;color:var(--muted-foreground)!important}
html .suite-window .callrow .lg{background:none!important}
/* phone-width tables: tighter cells, drop the id/time column and avatars so the status column stays in view */
@container suite (max-width:539px){
  .suite-window .dtable :is(th,td){padding:8px 7px;font-size:12px}
  .suite-window .dtable .su-av{display:none}
  .suite-window .dtable:has(tbody td.lead-id:first-child) tr>:first-child{display:none}
}