/* ============================================================
   STUDIO — Studio Owner UI Prototype v1.1
   Rename "STUDIO" throughout to match final brand name.
   ============================================================ */
:root{
  --bg:#f7f8fa; --bg2:#fafafa; --card:#ffffff; --border:#e8e8e8;
  --text:#202124; --muted:#5f6368;
  --yellow:#f6c026; --yellow-soft:#fef7e0; --yellow-mid:#fce89a;
  --yellow-dark:#7a5800; --yellow-hover:#f0b800;
  --yellow-shadow:rgba(246,192,38,.30); --yellow-shadow-lg:rgba(246,192,38,.40);
  --yellow-focus-ring:rgba(246,192,38,.12);
  --blue:#5b8dee; --blue-soft:#e8f0fe; --blue-mid:#adc4f7; --blue-dark:#1a4aaa; --blue-hover:#4a7de0;
  --green:#4caf77; --green-soft:#e6f4ea; --green-mid:#a8d9bb; --green-dark:#1a6638;
  --red:#e06060; --red-soft:#fce8e8; --red-mid:#f5b8b8; --red-dark:#aa2020;
  --purple:#9b6dff; --purple-soft:#f0ebff; --purple-mid:#d4bfff; --purple-dark:#5a2eb5;
  --font-family:'Segoe UI', system-ui, -apple-system, sans-serif;
  --radius-sm:8px; --radius-md:10px; --radius-lg:14px; --radius-xl:16px; --radius-2xl:20px;
  --shadow-xs:0 2px 8px rgba(0,0,0,.04); --shadow-sm:0 2px 12px rgba(0,0,0,.05);
  --shadow-md:0 4px 20px rgba(0,0,0,.07); --shadow-lg:0 6px 20px rgba(0,0,0,.09);
  --shadow-yellow:0 3px 12px rgba(246,192,38,.30); --shadow-yellow-lg:0 8px 28px rgba(246,192,38,.40);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:var(--font-family);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
img{display:block;max-width:100%}
input,textarea,select{font-family:inherit}

/* Top bar */
.topbar{position:sticky;top:0;z-index:200;height:56px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:22px;font-weight:900;letter-spacing:-0.5px;display:flex;gap:1px;align-items:center}
.logo span:nth-child(1){color:var(--blue)}
.logo span:nth-child(2){color:var(--red)}
.logo span:nth-child(3){color:var(--yellow)}
.logo span:nth-child(4){color:var(--green)}
.logo span:nth-child(5){color:var(--blue)}
.logo span:nth-child(6){color:var(--red)}
.logo span:nth-child(7){color:var(--green)}
.topbar__right{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;font-weight:600}
.topbar__right a{color:var(--text)}
.topbar__right a:hover{color:var(--yellow-dark)}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}

/* Nav */
.shell-nav{display:flex;align-items:center;gap:4px}
.nav-link{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:all .15s ease}
.nav-link:hover{background:var(--bg);color:var(--text)}
.nav-link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.nav-link--active{background:var(--yellow-soft);color:var(--yellow-dark)}

/* Generic screen */
.screen{display:none;min-height:calc(100vh - 56px)}
.screen.is-active{display:block}

/* Sign up */
.signup-stage{display:grid;grid-template-columns:1fr;align-items:start;justify-items:center;padding:64px 24px 96px}
.signup-card{width:100%;max-width:460px;background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:36px 36px 32px;box-shadow:var(--shadow-md)}
.section-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:9999px;margin-bottom:18px;background:var(--yellow-soft);color:var(--yellow-dark)}
.h-display{font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:10px}
.h-sub{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:26px}

.field{margin-bottom:14px}
.field-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.field-label .req{color:var(--red);font-weight:800;font-size:10px}
.input,.select,.textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:var(--card);outline:none;transition:border-color .15s, box-shadow .15s}
.input:focus,.select:focus,.textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-focus-ring)}
.input.is-invalid{border-color:var(--red-mid)}
.input.is-valid{border-color:var(--green-mid)}
.input--pw-wrap{position:relative}
.input--pw-wrap .toggle-pw{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;background:none;border:none;cursor:pointer}
.input--pw-wrap .toggle-pw:hover{color:var(--yellow-dark)}
.field-hint{font-size:11px;color:var(--muted);margin-top:5px}
.field-hint.err{color:var(--red-dark)}

.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin:18px 0 22px;font-size:12.5px;color:var(--muted);line-height:1.55}
.checkbox-row input[type="checkbox"]{width:16px;height:16px;margin-top:1px;accent-color:var(--yellow);flex-shrink:0;cursor:pointer}
.checkbox-row a{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--yellow-mid);text-underline-offset:3px}

.btn-primary{background:var(--yellow);color:var(--text);padding:13px 22px;border-radius:8px;font-size:14px;font-weight:800;box-shadow:var(--shadow-yellow);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}
.btn-primary:hover:not(:disabled){background:var(--yellow-hover);transform:translateY(-1px);box-shadow:var(--shadow-yellow-lg)}
.btn-primary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.btn-primary:disabled{background:var(--border);color:var(--muted);box-shadow:none;cursor:not-allowed}
.btn-primary--w-full{width:100%}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border);padding:11px 18px;border-radius:8px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}
.btn-outline:hover{border-color:#bbb}
.btn-outline:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.btn-text{background:none;color:var(--muted);font-size:13px;font-weight:600;padding:6px 10px}
.btn-text:hover{color:var(--text)}
.btn-text:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:4px}

.divider-text{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}
.divider-text::before,.divider-text::after{content:"";flex:1;height:1px;background:var(--border)}

.btn-google{width:100%;background:var(--card);color:var(--text);border:1.5px solid var(--border);padding:12px 18px;border-radius:8px;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s ease;cursor:pointer}
.btn-google:hover{border-color:#bbb;background:var(--bg2)}
.btn-google::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285f4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334a853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23fbbc05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23ea4335' d='M24 9.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 3.18 29.93 1 24 1 15.4 1 7.96 5.93 4.34 13.12l7.35 5.7C13.42 13.62 18.27 9.75 24 9.75z'/%3E%3C/svg%3E") center/contain no-repeat}

.signup-foot{text-align:center;margin-top:22px;font-size:12px;color:var(--muted)}
.signup-side{max-width:460px;width:100%;padding:24px 8px 0;color:var(--muted);font-size:12.5px;text-align:center}

/* Phase bar */
.phasebar{background:var(--card);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.phase-step{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}
.phase-step--done{color:var(--green)}
.phase-step--done::before{content:"✓";font-weight:900;color:var(--green)}
.phase-step--active{background:var(--yellow-soft);color:var(--yellow-dark);font-weight:800}
.phase-step--active::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.phase-step--locked{opacity:.4}
.phase-step--locked::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border)}
.phase-sep{color:var(--border);font-size:14px;margin:0 2px}

/* Wizard layout */
.wizard-stage{padding:48px 24px 96px;display:flex;justify-content:center}
.wizard-card{width:100%;max-width:760px;background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:40px 44px 32px;box-shadow:var(--shadow-sm)}
.wizard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:12px}
.wizard-foot .right{display:flex;gap:10px}

.input-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.input-row.col-3{grid-template-columns:2fr 1fr 1fr}
.input-row.col-1{grid-template-columns:1fr}

.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 14px;border-radius:9999px;font-size:12.5px;font-weight:600;border:1.5px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:all .12s ease}
.chip:hover,.chip.is-active{border-color:var(--yellow-mid);background:var(--yellow-soft);color:var(--yellow-dark)}

.info-card{background:var(--blue-soft);border:1px solid var(--blue-mid);border-radius:10px;padding:14px 16px;display:flex;gap:12px;font-size:13px;color:var(--blue-dark);line-height:1.55;margin-top:18px}
.info-card .info-card__icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}

.help-link{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--blue-dark);font-weight:600;text-decoration:underline;text-decoration-color:var(--blue-mid);text-underline-offset:2px}
.help-link:hover{color:var(--blue);text-decoration-color:var(--blue)}

/* Section group inside wizard card */
.field-section{padding-top:14px;margin-top:18px;border-top:1px solid var(--border)}
.field-section:first-of-type{border-top:0;margin-top:0;padding-top:0}
.field-section__title{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.field-section__title::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow)}
.field-section__sub{font-size:12.5px;color:var(--muted);margin:-8px 0 14px;line-height:1.55}

/* Cookie input: tabbed */
.tab-row{display:flex;gap:0;margin-bottom:8px;border-bottom:1.5px solid var(--border)}
.tab{padding:8px 16px;border:none;background:none;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:all .15s ease}
.tab:hover{color:var(--text)}
.tab.is-active{color:var(--yellow-dark);border-bottom-color:var(--yellow)}
.tab-pane{display:none}
.tab-pane.is-active{display:block}

.textarea--mono{font-family:'SF Mono', Menlo, Consolas, monospace;font-size:12px;min-height:120px;resize:vertical}

.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:32px 20px;text-align:center;background:var(--bg2);cursor:pointer;transition:all .15s ease}
.drop-zone:hover,.drop-zone.is-over{border-color:var(--yellow);background:var(--yellow-soft)}
.drop-zone__title{font-size:14px;font-weight:700;margin-bottom:4px}
.drop-zone__sub{font-size:12px;color:var(--muted)}
.drop-zone__file{margin-top:14px;display:none;background:var(--card);border:1px solid var(--green-mid);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--green-dark);font-weight:700;display:flex;align-items:center;gap:8px;justify-content:center}

/* DPA scroll */
.dpa-box{max-height:280px;overflow:auto;border:1.5px solid var(--border);border-radius:10px;padding:18px 20px;background:var(--bg2);font-size:13px;line-height:1.65;color:var(--text);margin:0 0 18px}
.dpa-box h4{font-size:13px;font-weight:800;margin:14px 0 6px;color:var(--text)}
.dpa-box h4:first-child{margin-top:0}
.dpa-box p{margin-bottom:8px;color:var(--muted)}
.dpa-box ul{margin:6px 0 8px 18px;color:var(--muted)}
.dpa-box li{margin-bottom:3px}
.dpa-box .stub{display:inline-block;background:var(--yellow-soft);color:var(--yellow-dark);font-size:11px;font-weight:800;padding:2px 8px;border-radius:9999px;letter-spacing:.5px;margin-left:6px}

/* CSV import zones */
.csv-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}
.csv-card{border:1.5px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--card);min-height:200px}
.csv-card__title{font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:6px}
.csv-card__badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:9999px}
.csv-card__badge--req{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}
.csv-card__badge--opt{background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.csv-card__sub{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:6px}
.csv-card__drop{flex:1;border:1.5px dashed var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg2);font-size:11.5px;color:var(--muted);text-align:center;line-height:1.5;transition:all .15s ease;min-height:90px}
.csv-card__drop:hover{border-color:var(--yellow);background:var(--yellow-soft);color:var(--yellow-dark)}
.csv-card__file{margin-top:6px;font-size:12px;color:var(--green-dark);font-weight:700;display:none;align-items:center;gap:6px;background:var(--green-soft);border:1px solid var(--green-mid);padding:6px 10px;border-radius:8px}
.csv-card.has-file .csv-card__file{display:flex}
.csv-card.has-file .csv-card__drop{display:none}

/* Validation report */
.validation-card{margin-top:18px;border:1.5px solid var(--green-mid);background:var(--green-soft);border-radius:12px;padding:16px 18px;color:var(--green-dark);font-size:13px;line-height:1.55}
.validation-card__head{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:8px}
.validation-card__stat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid var(--green-mid)}
.validation-card__stat > div{font-size:12px}
.validation-card__stat .n{display:block;font-size:18px;font-weight:900;color:var(--green-dark)}

/* ── Dashboard ─────────────────────────────────────── */
.dash-stage{padding:32px 28px 80px;max-width:1280px;margin:0 auto}
.dash-greet-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.dash-greet{font-size:26px;font-weight:900;letter-spacing:-0.6px}
.dash-greet small{display:block;font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:6px}

.date-range{display:flex;align-items:center;gap:6px}
.date-range__chip{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .12s ease}
.date-range__chip:hover{border-color:#bbb}
.date-range__chip.is-active{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}
.date-range__custom{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--blue-dark);background:var(--blue-soft);border:1.5px solid var(--blue-mid);cursor:pointer;display:inline-flex;align-items:center;gap:4px}

.kpi-strip{display:grid;grid-template-columns:repeat(5, 1fr);gap:14px;margin-bottom:28px}
.kpi-strip--3{grid-template-columns:repeat(3, 1fr)}
.kpi-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}
.kpi-card__head{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.kpi-card__value{font-size:28px;font-weight:900;letter-spacing:-0.6px;line-height:1.05;color:var(--text)}
.kpi-card__value .unit{font-size:14px;font-weight:600;color:var(--muted);margin-left:4px}
.kpi-card__sub{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500}
.kpi-card__sub strong.up{color:var(--green);font-weight:700}
.kpi-card__sub strong.down{color:var(--red);font-weight:700}
.kpi-card--accent{border-color:var(--yellow);background:var(--yellow-soft)}
.kpi-card--accent .kpi-card__value{color:var(--yellow-dark)}
.kpi-card--warn{border-color:var(--red-mid)}
.kpi-card__value--warn{color:var(--red-dark)}
.kpi-card__value--good{color:var(--green-dark)}
.kpi-card__value--empty{color:var(--muted);font-size:22px}
.kpi-card__value--lg{font-size:22px}
/* Tooltip ⓘ icon on KPI heads */
.kpi-tooltip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:9px;color:var(--muted);cursor:help;flex-shrink:0;position:relative}
.kpi-tooltip:hover::after{content:attr(title);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--text);color:#fff;font-size:11px;font-weight:500;line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;width:240px;z-index:300;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.kpi-tooltip:hover::before{content:"";position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--text);z-index:301}

/* Dashboard grid */
.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px}
.dash-grid--2{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.panel{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow-xs)}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.panel-title{font-size:15px;font-weight:800;letter-spacing:-0.2px}
.panel-meta{font-size:11.5px;color:var(--muted);font-weight:600}

/* AI activity panel */
.ai-panel__summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ai-panel__used{font-size:13.5px;font-weight:600;color:var(--muted)}
.ai-panel__used strong{font-size:18px;font-weight:900;color:var(--text);margin-right:2px}
.ai-panel__chip{padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.3px;background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.ai-panel__chip--warn{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid)}

.ai-bar{display:flex;height:16px;border-radius:9999px;overflow:hidden;background:var(--bg2);border:1px solid var(--border);margin:6px 0 22px}
.ai-bar__seg{height:100%;transition:width .3s ease;position:relative}
.ai-bar__seg:not(:last-child){border-right:2px solid var(--card)}

.ai-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ai-cat{padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;background:var(--card);transition:all .15s ease}
.ai-cat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.ai-cat--remain{background:var(--bg2);border-style:dashed}
.ai-cat--remain:hover{transform:none;box-shadow:none}
.ai-cat__head{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.ai-cat__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.ai-cat__name{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.ai-cat__value{font-size:22px;font-weight:900;letter-spacing:-0.4px;color:var(--text);line-height:1;display:flex;align-items:baseline;gap:7px}
.ai-cat__pct{font-size:11.5px;font-weight:700;color:var(--muted)}
.ai-cat__sub{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.5}
.ai-cat--remain .ai-cat__value{color:var(--muted)}

/* Pipeline funnel */
.funnel{display:flex;align-items:stretch;gap:8px;margin-top:6px}
.funnel-stage{flex:1;background:var(--bg);border-radius:10px;padding:14px;text-align:center;border:1px solid var(--border);transition:all .15s ease;cursor:pointer;position:relative}
.funnel-stage:hover{border-color:var(--yellow-mid);background:var(--yellow-soft)}
.funnel-stage__label{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.funnel-stage__count{font-size:22px;font-weight:900;line-height:1;color:var(--text)}
.funnel-stage__pct{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:5px}
.funnel-stage__bar{height:5px;border-radius:9999px;background:var(--border);margin-top:8px;overflow:hidden}
.funnel-stage__bar > span{display:block;height:100%;background:var(--yellow);border-radius:9999px}
.funnel-arrow{display:flex;align-items:center;color:var(--muted);font-size:14px;flex-shrink:0}

/* Mini conversation chart */
.chart-wrap{margin-top:10px}
.chart svg{display:block;width:100%;height:auto;font-family:var(--font-family)}
.chart-legend{display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--muted);font-weight:600}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-legend .dot{width:9px;height:9px;border-radius:2px;display:inline-block}

/* Attention cards */
.attn-card{padding:14px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--card);margin-bottom:10px;display:flex;gap:12px;align-items:flex-start}
.attn-card:last-child{margin-bottom:0}
.attn-card--urgent{border-color:var(--red-mid);background:var(--red-soft)}
.attn-card--info{border-color:var(--blue-mid);background:var(--blue-soft)}
.attn-card__icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;background:#fff;color:var(--text)}
.attn-card--urgent .attn-card__icon{background:var(--red);color:#fff}
.attn-card--info .attn-card__icon{background:var(--blue);color:#fff}
.attn-card__body{flex:1}
.attn-card__title{font-size:13.5px;font-weight:800;color:var(--text);margin-bottom:3px}
.attn-card__sub{font-size:12.5px;color:var(--muted);line-height:1.5}
.attn-card--urgent .attn-card__title,.attn-card--urgent .attn-card__sub{color:var(--red-dark)}
.attn-card--info .attn-card__title,.attn-card--info .attn-card__sub{color:var(--blue-dark)}
.attn-card__cta{margin-top:8px;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--text);display:inline-flex;align-items:center;gap:4px;text-decoration:none}

/* Recent activity */
.activity{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--border)}
.activity:first-of-type{border-top:none;padding-top:4px}
.activity__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text)}
.activity__body{flex:1;min-width:0}
.activity__line{font-size:13.5px;line-height:1.5}
.activity__line strong{font-weight:700}
.activity__time{font-size:11.5px;color:var(--muted);margin-top:3px}
.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:9999px;font-size:10.5px;font-weight:800;letter-spacing:.4px;margin-left:6px}
.badge--converted{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.badge--handoff{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.badge--rebooked{background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--purple-mid)}

.location-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;margin-top:10px;background:var(--card)}
.location-row__name{flex:1;font-weight:700;font-size:14px}
.location-row__sub{font-size:11.5px;color:var(--muted);font-weight:500;margin-top:1px}
.health-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}

/* ── Settings shell ───────────────────────────────── */
.settings-layout{display:grid;grid-template-columns:260px 1fr;max-width:1280px;margin:0 auto;padding:28px 28px 80px;gap:32px;align-items:start}
.settings-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}
.settings-nav__title{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:0 12px 10px;border-bottom:1px solid var(--border);margin-bottom:10px}
.settings-nav__item{text-align:left;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:all .12s ease;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.settings-nav__item:hover{background:var(--bg);color:var(--text)}
.settings-nav__item.is-active{background:var(--yellow-soft);color:var(--yellow-dark);font-weight:800}
.settings-nav__badge{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:9999px;background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}

.settings-main{min-width:0}
.settings-section{display:none}
.settings-section.is-active{display:block}
.settings-section__head{margin-bottom:24px}
.settings-section__head h1{font-size:26px;font-weight:900;letter-spacing:-0.6px;margin-bottom:6px}
.settings-section__head p{font-size:14px;color:var(--muted);line-height:1.55;max-width:680px}

.set-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow-xs)}
.set-card--hero{padding:0;overflow:hidden}
.set-card__top{padding:22px 24px}
.set-card__title{font-size:14px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.set-card__title .dot-status{width:9px;height:9px;border-radius:50%;background:var(--green)}
.set-card__title .dot-status--warn{background:var(--yellow)}
.set-card__title .dot-status--err{background:var(--red)}

.set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px;margin-bottom:18px}
.set-grid__item .k{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.set-grid__item .v{font-size:14px;font-weight:600;color:var(--text)}
.set-grid__item .v code{background:var(--bg);padding:2px 8px;border-radius:6px;font-size:12px}

.cookie-progress{margin-top:6px;display:flex;flex-direction:column;gap:8px}
.cookie-progress__bar{height:8px;border-radius:9999px;background:var(--bg);overflow:hidden;position:relative}
.cookie-progress__fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--green) 0%,var(--green) 50%,var(--yellow) 75%,var(--red) 100%);width:24%}
.cookie-progress__labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:600}

.set-card__actions{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:space-between;gap:12px}
.set-card__actions .left{font-size:12px;color:var(--muted)}
.set-card__actions .right{display:flex;gap:10px}

/* Expanded inline edit panel inside a set-card */
.inline-edit{display:none;border-top:1px solid var(--border);padding:22px 24px;background:var(--yellow-soft)}
.inline-edit.is-open{display:block}
.inline-edit__title{font-size:13px;font-weight:800;color:var(--yellow-dark);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.inline-edit__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}

.radio-list{display:flex;flex-direction:column;gap:8px}
.radio-row{display:flex;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer;transition:all .12s ease}
.radio-row:hover{border-color:var(--yellow-mid)}
.radio-row.is-selected{border-color:var(--yellow);background:var(--yellow-soft)}
.radio-row input[type="radio"]{margin-top:3px;accent-color:var(--yellow);flex-shrink:0;cursor:pointer}
.radio-row__body strong{display:block;font-size:13.5px;font-weight:800;margin-bottom:3px;color:var(--text)}
.radio-row__body .sub{font-size:12px;color:var(--muted);line-height:1.5}

.danger-zone{border-color:var(--red-mid);background:var(--red-soft)}
.danger-zone .set-card__title{color:var(--red-dark)}
.danger-zone .set-card__title .dot-status{background:var(--red)}
.danger-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px dashed var(--red-mid)}
.danger-row:last-child{border-bottom:none}
.danger-row strong{font-size:13.5px;color:var(--red-dark);font-weight:800;display:block;margin-bottom:3px}
.danger-row .sub{font-size:12px;color:var(--red-dark);opacity:.85;line-height:1.45}
.btn-danger{background:var(--card);color:var(--red-dark);border:1.5px solid var(--red-mid);padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:800;cursor:pointer;transition:all .12s ease}
.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}
.btn-danger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.btn-danger:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* Bootstrap upload — spinner + progress + result cards */
@keyframes cadence-spin{to{transform:rotate(360deg)}}
.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.18);border-top-color:currentColor;border-radius:50%;animation:cadence-spin .7s linear infinite;vertical-align:middle;margin-right:6px}
.progress-msg{padding:14px 16px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;margin-top:14px}
.progress-msg::before{content:'';display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--text);border-radius:50%;animation:cadence-spin .7s linear infinite;flex-shrink:0}
.upload-success{display:flex;align-items:flex-start;gap:14px;padding:18px;background:var(--green-soft);border:1.5px solid var(--green-mid);border-radius:12px;margin-top:14px}
.upload-success__icon{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;flex-shrink:0}
.upload-error{padding:14px 16px;background:var(--red-soft);border:1.5px solid var(--red-mid);border-radius:12px;color:var(--red-dark);font-size:13px;margin-top:14px}

/* Bootstrap persistent-state block */
.bootstrap-status{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--green-soft);border:1.5px solid var(--green-mid);border-radius:12px;margin-bottom:24px}
.bootstrap-status__icon{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;flex-shrink:0}
.bootstrap-status__body{flex:1;min-width:0}
.bootstrap-status__title{font-size:14px;font-weight:700;color:var(--text)}
.bootstrap-status__counts{font-size:13px;color:var(--green-dark);margin-top:3px}
.bootstrap-status__actions{display:flex;gap:8px;flex-shrink:0;align-items:center;flex-wrap:wrap;margin-top:4px}

/* Modals */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:900}
.modal-overlay.is-open{display:flex}
.modal-card{background:var(--card);border-radius:14px;padding:28px 28px 24px;max-width:480px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.modal-card h3{margin:0 0 10px;font-size:18px;font-weight:800}
.modal-card p{font-size:13.5px;color:var(--muted);margin:0 0 12px;line-height:1.55}
.modal-card .warning-text{color:var(--red-dark);background:var(--red-soft);border:1px solid var(--red-mid);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* Locations list */
.location-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--card);transition:all .12s ease}
.location-card:hover{border-color:var(--yellow-mid)}
.location-card__name{flex:1;font-size:14px;font-weight:700}
.location-card__sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.btn-sm{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1.5px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:all .12s ease}
.btn-sm:hover{border-color:#aaa;color:var(--text)}

/* Toggle switch */
.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:.2s;border-radius:9999px}
.toggle-track:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle-switch input:checked+.toggle-track{background:var(--green)}
.toggle-switch input:checked+.toggle-track:before{transform:translateX(16px)}

/* Editable schedule rows */
.sched-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--border)}
.sched-row:first-child{border-top:0;padding-top:0}
.sched-row__main{flex:1;min-width:0}
.sched-row__title{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.sched-row__params{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text);line-height:1.6}
.sched-row__params input,.sched-row__params select{padding:4px 8px;font-size:12.5px;height:28px;width:auto;min-width:60px;border:1.5px solid var(--border);border-radius:6px;background:var(--card);font-family:inherit}
.sched-row__params input:focus,.sched-row__params select:focus{border-color:var(--yellow);outline:none}
.sched-row__params input[type="time"]{min-width:84px}
.sched-row__params input[type="number"]{width:64px;text-align:center}
.sched-row.is-disabled .sched-row__main{opacity:.45}
.sched-row__hint{font-size:11px;color:var(--muted);margin-top:6px}

/* Info link (i / How it works) */
.info-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--blue-dark);font-weight:700;background:var(--blue-soft);border:1px solid var(--blue-mid);border-radius:9999px;padding:3px 10px 3px 8px;cursor:pointer;transition:all .12s ease;letter-spacing:.2px}
.info-link:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.info-link__circle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--blue);color:#fff;font-style:italic;font-weight:900;font-size:10px;font-family:serif}
.info-link:hover .info-link__circle{background:#fff;color:var(--blue)}

/* Radio row meta line */
.radio-row__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.radio-row__chip{font-size:9.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:2px 8px;border-radius:9999px;background:var(--yellow);color:var(--text)}

/* Drawer (right slide-in) */
.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(2px);z-index:700;opacity:0;pointer-events:none;transition:opacity .2s ease}
.drawer-overlay.is-open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;width:min(560px, calc(100vw - 40px));height:100vh;background:var(--card);box-shadow:-12px 0 40px rgba(0,0,0,.18);z-index:800;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.drawer.is-open{transform:translateX(0)}
.drawer__head{padding:22px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-shrink:0}
.drawer__title{font-size:18px;font-weight:900;letter-spacing:-0.3px;margin-bottom:4px}
.drawer__sub{font-size:13px;color:var(--muted);line-height:1.55}
.drawer__close{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--bg);color:var(--muted);font-size:16px;font-weight:900;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:all .12s ease}
.drawer__close:hover{background:var(--border);color:var(--text)}
.drawer__body{padding:24px 28px 32px;overflow-y:auto;flex:1}

/* Step walkthrough (inside drawer) */
.steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:24px}
.step{display:flex;gap:14px;padding-bottom:18px;position:relative}
.step:not(:last-child)::before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:2px;background:var(--border)}
.step__num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;z-index:1}
.step__num--alt{background:var(--blue);color:#fff}
.step__body{flex:1;padding-top:3px}
.step__title{font-size:13.5px;font-weight:800;margin-bottom:3px;color:var(--text)}
.step__sub{font-size:12.5px;color:var(--muted);line-height:1.55}
.step__chip{display:inline-block;background:var(--bg);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:2px 8px;border-radius:9999px;margin-top:5px;text-transform:uppercase}
.step__chip--studio{background:var(--yellow-soft);color:var(--yellow-dark)}
.step__chip--customer{background:var(--blue-soft);color:var(--blue-dark)}
.step__chip--owner{background:var(--purple-soft);color:var(--purple-dark)}

.drawer__compare{margin-top:8px;background:var(--bg2);border:1.5px dashed var(--border);border-radius:10px;padding:14px 16px;font-size:12.5px;color:var(--muted);line-height:1.55}
.drawer__compare strong{color:var(--text)}

/* ── Communication templates ──────────────────────── */
.tpl-tabs{display:flex;gap:0;border-bottom:1.5px solid var(--border);margin-bottom:18px;overflow-x:auto}
.tpl-tab{padding:11px 18px;border:none;background:none;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:all .12s ease;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-family:inherit}
.tpl-tab:hover{color:var(--text)}
.tpl-tab.is-active{color:var(--yellow-dark);border-bottom-color:var(--yellow)}
.tpl-tab__count{font-size:10.5px;font-weight:700;color:var(--muted);background:var(--bg);padding:1px 7px;border-radius:9999px;border:1px solid var(--border)}
.tpl-tab.is-active .tpl-tab__count{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid)}

.tpl-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tpl-filter{padding:6px 12px;border:1.5px solid var(--border);border-radius:9999px;background:var(--card);font-size:12px;font-weight:600;color:var(--muted);font-family:inherit;cursor:pointer}
.tpl-filter:focus{outline:none;border-color:var(--yellow)}
.tpl-toolbar__spacer{flex:1}

.tpl-pane{display:none}
.tpl-pane.is-active{display:block}

.tpl-list{display:flex;flex-direction:column;gap:10px}

.tpl-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px 18px;transition:all .12s ease}
.tpl-card:hover{border-color:var(--yellow-mid);transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.tpl-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.tpl-card__id{display:flex;align-items:center;gap:10px;min-width:0}
.tpl-card__name{font-size:14px;font-weight:800;letter-spacing:-0.1px;color:var(--text);font-family:'SF Mono', Menlo, Consolas, monospace}
.tpl-card__actions{display:flex;gap:6px;flex-shrink:0}

.tpl-status{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:9999px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}
.tpl-status--approved{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.tpl-status--pending{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.tpl-status--draft{background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.tpl-status--rejected{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}
.tpl-status--active{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.tpl-status--needs-review{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}
.tpl-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}

.tpl-card__meta{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.6}
.tpl-card__meta strong{color:var(--text);font-weight:600}
.tpl-card__locales{display:inline-flex;gap:4px;margin-left:6px}
.tpl-loc{padding:1px 7px;border-radius:9999px;font-size:10.5px;font-weight:700;background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.tpl-loc--on{background:var(--green-soft);color:var(--green-dark);border-color:var(--green-mid)}
.tpl-loc--miss{background:var(--bg);color:var(--muted);border:1px dashed var(--border);opacity:.6}

.tpl-card__preview{font-size:12.5px;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;line-height:1.55;margin-bottom:10px;font-family:inherit}
.tpl-card__preview em{color:var(--muted);font-style:normal}
.tpl-card__preview .var{background:var(--yellow-soft);color:var(--yellow-dark);padding:0px 4px;border-radius:4px;font-size:11.5px;font-weight:700;font-family:'SF Mono', Menlo, Consolas, monospace;border:1px solid var(--yellow-mid)}

.tpl-card__vars{display:flex;flex-wrap:wrap;gap:5px;font-size:11px}
.tpl-card__vars-label{color:var(--muted);font-weight:700;letter-spacing:.4px;text-transform:uppercase;font-size:10px;margin-right:4px}
.tpl-var-pill{font-family:'SF Mono', Menlo, Consolas, monospace;font-size:10.5px;background:var(--bg);color:var(--muted);padding:1px 7px;border-radius:5px;border:1px solid var(--border)}

/* Template editor drawer */
.tpl-drawer{position:fixed;top:0;right:0;width:min(760px, calc(100vw - 32px));height:100vh;background:var(--card);box-shadow:-12px 0 40px rgba(0,0,0,.18);z-index:800;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.tpl-drawer.is-open{transform:translateX(0)}
.tpl-drawer__head{padding:20px 26px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.tpl-drawer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.tpl-drawer__name{font-size:18px;font-weight:900;letter-spacing:-0.3px;font-family:'SF Mono', Menlo, Consolas, monospace;line-height:1.2}
.tpl-drawer__sub{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:5px}
.tpl-drawer__loc-row{display:flex;align-items:center;gap:8px}
.tpl-loc-btn{padding:6px 14px;font-size:12px;font-weight:700;border:1.5px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted);cursor:pointer;transition:all .12s ease}
.tpl-loc-btn:hover{border-color:#aaa}
.tpl-loc-btn.is-active{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}

.tpl-drawer__body{padding:22px 26px 32px;overflow-y:auto;flex:1;background:var(--bg2)}

.tpl-editor-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.tpl-editor-card__title{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}

.tpl-area{width:100%;min-height:140px;border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13.5px;font-family:inherit;color:var(--text);line-height:1.6;resize:vertical;background:var(--card)}
.tpl-area:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-focus-ring)}
.tpl-area--mono{font-family:'SF Mono', Menlo, Consolas, monospace;font-size:12.5px;min-height:200px}

.tpl-vars-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.tpl-vars-row-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-right:4px}
.tpl-var-btn{font-family:'SF Mono', Menlo, Consolas, monospace;font-size:11.5px;background:var(--card);color:var(--text);padding:5px 10px;border-radius:7px;border:1.5px solid var(--border);cursor:pointer;transition:all .12s ease;font-weight:600}
.tpl-var-btn:hover{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}

.tpl-preview{background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6;color:var(--text);position:relative}
.tpl-preview__header{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.tpl-preview__chip{font-size:10px;font-weight:700;color:var(--muted);background:var(--card);padding:2px 8px;border-radius:9999px;border:1px solid var(--border);font-family:inherit;letter-spacing:0;text-transform:none}

.meta-info{background:var(--blue-soft);border:1px solid var(--blue-mid);border-radius:10px;padding:14px 16px;display:flex;gap:12px;font-size:12.5px;color:var(--blue-dark);line-height:1.55}
.meta-info--warn{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}
.meta-info--err{background:var(--red-soft);border-color:var(--red-mid);color:var(--red-dark)}
.meta-info__icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.meta-info--warn .meta-info__icon{background:var(--yellow)}
.meta-info--err .meta-info__icon{background:var(--red)}

.tpl-drawer__foot{padding:14px 26px;background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.tpl-drawer__foot .left{font-size:11.5px;color:var(--muted)}

/* ── Insights / Opportunities page ────────────────── */
.ins-stage{padding:28px 28px 80px;max-width:1480px;margin:0 auto}
.ins-head{margin-bottom:24px}
.ins-head h1{font-size:26px;font-weight:900;letter-spacing:-0.5px}
.ins-head p{font-size:13px;color:var(--muted);margin-top:4px;max-width:680px;line-height:1.6}

.ins-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.ins-summary{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:16px 18px}
.ins-summary--accent{background:linear-gradient(135deg, var(--yellow-soft) 0%, var(--card) 100%);border-color:var(--yellow-mid)}
.ins-summary__label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ins-summary__value{font-size:24px;font-weight:900;letter-spacing:-0.5px;color:var(--text);line-height:1}
.ins-summary__sub{font-size:12px;color:var(--muted);margin-top:6px;font-weight:600;line-height:1.5}
.ins-summary__sub strong{color:var(--text);font-weight:800}

.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ins-card--wide{grid-column:span 2}
.ins-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-xs)}
.ins-card__head{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:16px}
.ins-card__icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}
.ins-card__icon--rev{background:var(--yellow-soft);color:var(--yellow-dark)}
.ins-card__icon--risk{background:var(--red-soft);color:var(--red-dark)}
.ins-card__icon--ops{background:var(--blue-soft);color:var(--blue-dark)}
.ins-card__icon--growth{background:var(--green-soft);color:var(--green-dark)}
.ins-card__icon--cohort{background:var(--purple-soft);color:var(--purple-dark)}

.ins-card__body{flex:1;min-width:0}
.ins-card__title{font-size:16px;font-weight:900;letter-spacing:-0.3px;color:var(--text);margin-bottom:3px}
.ins-card__sub{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:620px}

.ins-card__impact{flex-shrink:0;text-align:right;padding-left:10px;border-left:1px solid var(--border)}
.ins-card__impact-label{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ins-card__impact-val{font-size:18px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}
.ins-card__impact-sub{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}

.ins-row{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:14px;padding:11px 22px;border-top:1px solid var(--border);align-items:center;font-size:13px;transition:background .1s ease;cursor:pointer}
.ins-row:hover{background:var(--bg2)}
.ins-row__av{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.ins-row__av--m{background:var(--green-soft);color:var(--green-dark)}
.ins-row__av--c{background:var(--yellow-soft);color:var(--yellow-dark)}
.ins-row__av--t{background:var(--blue-soft);color:var(--blue-dark)}
.ins-row__av--u{background:var(--bg);color:var(--muted)}
.ins-row__main{min-width:0}
.ins-row__name{font-weight:700;color:var(--text);font-size:13.5px}
.ins-row__detail{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45}
.ins-row__signal{font-size:11.5px;color:var(--text);font-weight:700;text-align:right;font-variant-numeric:tabular-nums;line-height:1.3;padding:0 6px;white-space:nowrap}
.ins-row__signal small{display:block;color:var(--muted);font-weight:500;font-size:10.5px;margin-top:1px}
.ins-row__action{padding:5px 12px;border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:7px;font-size:11.5px;font-weight:800;cursor:pointer;transition:all .12s ease;white-space:nowrap}
.ins-row__action:hover{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}
.ins-row__action:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.ins-row__action--primary{background:var(--yellow);border-color:var(--yellow);color:var(--text);box-shadow:var(--shadow-yellow)}
.ins-row__action--primary:hover{background:var(--yellow-hover);border-color:var(--yellow-hover)}

.ins-card__foot{padding:11px 22px;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11.5px;color:var(--muted)}
.ins-card__foot a{color:var(--blue-dark);font-weight:700}

/* Filter chips, bulk action bar, action-preview modal close — focus-visible */
.filter-chip:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.btn-bulk:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.ins-modal__close:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}

/* Insights teaser on dashboard */
.ins-teaser{background:linear-gradient(135deg, var(--yellow-soft) 0%, var(--card) 100%);border:1.5px solid var(--yellow-mid);border-radius:14px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s ease}
.ins-teaser:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.ins-teaser__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--yellow);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}
.ins-teaser__body{flex:1;min-width:0}
.ins-teaser__title{font-size:13.5px;font-weight:800;color:var(--text);letter-spacing:-0.1px}
.ins-teaser__sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}
.ins-teaser__sub strong{color:var(--text)}
.ins-teaser__cta{flex-shrink:0;font-size:13px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:4px}

@media (max-width: 980px){
  .ins-strip{grid-template-columns:1fr}
  .ins-grid{grid-template-columns:1fr}
  .ins-card--wide{grid-column:span 1}
  .ins-row{grid-template-columns:auto 1fr;gap:10px}
  .ins-row__signal,.ins-row__action{grid-column:span 2;text-align:left}
}

/* ── Billing page ─────────────────────────────────── */
.bill-hero{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-xs)}
.bill-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bill-hero__period{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.bill-hero__plan{font-size:18px;font-weight:900;letter-spacing:-0.3px}
.bill-hero__plan .tier{color:var(--yellow-dark);background:var(--yellow-soft);border:1px solid var(--yellow-mid);padding:2px 10px;border-radius:9999px;font-size:11px;margin-left:6px;text-transform:uppercase;letter-spacing:.4px}
.bill-hero__sub{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55}
.bill-hero__status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid);font-size:12px;font-weight:800;margin-top:10px}
.bill-hero__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.bill-hero__total{text-align:right;flex-shrink:0}
.bill-hero__total-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.bill-hero__total-value{font-size:32px;font-weight:900;letter-spacing:-0.8px;color:var(--text);line-height:1;margin-top:2px}
.bill-hero__total-vat{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:6px}
.bill-hero__next{font-size:12px;color:var(--muted);font-weight:600;margin-top:10px}

/* Line items table */
.line-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;margin-top:18px}
.line-table td{padding:10px 0;border-top:1px solid var(--border);vertical-align:top}
.line-table tr:first-child td{border-top:none}
.line-table .lbl{color:var(--text);font-weight:600}
.line-table .lbl small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px;line-height:1.45}
.line-table .amt{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}
.line-table .amt--muted{color:var(--muted);font-weight:600}
.line-table .amt--green{color:var(--green-dark)}
.line-table .total{border-top:1.5px solid var(--text);padding-top:14px;font-size:16px;font-weight:900}
.line-table .subtotal{border-top:1.5px dashed var(--border);padding-top:12px;font-weight:800}

/* Tier comparison cards */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.tier-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;position:relative;transition:all .15s ease;cursor:pointer}
.tier-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.tier-card--current{border-color:var(--yellow);box-shadow:0 4px 24px var(--yellow-shadow)}
.tier-card__badge{position:absolute;top:-10px;right:18px;background:var(--yellow);color:var(--text);font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:3px 12px;border-radius:9999px;box-shadow:var(--shadow-yellow)}
.tier-card__name{font-size:14px;font-weight:800;letter-spacing:-0.2px;color:var(--text)}
.tier-card__price{font-size:32px;font-weight:900;letter-spacing:-0.8px;color:var(--text);line-height:1;margin:8px 0 4px}
.tier-card__price .per{font-size:13px;font-weight:600;color:var(--muted)}
.tier-card__sub{font-size:12px;color:var(--muted);margin-bottom:14px}
.tier-card__feat{font-size:13px;color:var(--text);padding:7px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px}
.tier-card__feat:first-of-type{border-top:none;padding-top:14px}
.tier-card__feat::before{content:"✓";color:var(--green);font-weight:900;flex-shrink:0;font-size:13px}
.tier-card__cta{display:block;width:100%;margin-top:16px;background:var(--card);color:var(--text);border:1.5px solid var(--border);padding:9px;border-radius:8px;font-size:12.5px;font-weight:800;text-align:center;cursor:pointer;transition:all .12s ease}
.tier-card__cta:hover{border-color:var(--yellow);background:var(--yellow-soft);color:var(--yellow-dark)}
.tier-card--current .tier-card__cta{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid);cursor:default}

/* Two-column billing layout */
.bill-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:20px}

/* AI usage mini-breakdown */
.ai-mini{padding-top:14px;margin-top:14px;border-top:1px dashed var(--border)}
.ai-mini__row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;font-size:12.5px;padding:5px 0;align-items:center}
.ai-mini__row .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.ai-mini__row .lbl{color:var(--text);font-weight:600}
.ai-mini__row .val{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}

/* Invoice table */
.inv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.inv-table th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--bg2);padding:10px 14px;border-bottom:1.5px solid var(--border)}
.inv-table th.amt{text-align:right}
.inv-table td{padding:13px 14px;border-top:1px solid var(--border);vertical-align:middle}
.inv-table tr:first-child td{border-top:none}
.inv-table .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.inv-status{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:9999px;font-size:10.5px;font-weight:800;letter-spacing:.3px}
.inv-status--paid{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.inv-status--pending{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.inv-status--failed{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}
.inv-table__download{font-size:12px;color:var(--blue-dark);font-weight:700;text-decoration:none}
.inv-table__download:hover{color:var(--blue)}

/* Card preview */
.card-prev{padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;background:linear-gradient(135deg, var(--bg) 0%, var(--card) 100%);display:flex;align-items:center;gap:14px}
.card-prev__icon{width:44px;height:30px;background:var(--text);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--yellow);letter-spacing:.5px}
.card-prev__body{flex:1}
.card-prev__num{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.4px}
.card-prev__exp{font-size:11.5px;color:var(--muted);margin-top:2px}

/* ── Automations (top-level operational view) ────── */
.aut-stage{padding:28px 28px 80px;max-width:1480px;margin:0 auto}
.aut-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.aut-head h1{font-size:26px;font-weight:900;letter-spacing:-0.5px}
.aut-head p{font-size:13px;color:var(--muted);margin-top:4px;max-width:600px;line-height:1.55}

.aut-status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.aut-status{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .15s ease}
.aut-status:hover{border-color:var(--yellow-mid);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.aut-status__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--green)}
.aut-status__dot--paused{background:var(--muted)}
.aut-status__dot--alert{background:var(--red);box-shadow:0 0 0 3px var(--red-soft);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--red-soft)}50%{box-shadow:0 0 0 5px transparent}}
.aut-status__body{flex:1;min-width:0}
.aut-status__name{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.aut-status__state{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.3}
.aut-status__detail{font-size:11px;color:var(--muted);font-weight:500;margin-top:4px;line-height:1.4}

/* Per-automation activity card */
.aut-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.aut-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-xs)}
.aut-card__head{padding:16px 18px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.aut-card__title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800}
.aut-card__title .chip-cat{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:9999px}
.aut-card__title .chip-cat--y{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.aut-card__title .chip-cat--b{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.aut-card__title .chip-cat--p{background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--purple-mid)}
.aut-card__title .chip-cat--g{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.aut-card__status{font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}
.aut-card__status--active{color:var(--green-dark)}
.aut-card__status--paused{color:var(--muted)}
.aut-card__status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

.aut-card__metrics{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--bg2);border-bottom:1px solid var(--border)}
.aut-card__metric{padding:11px 12px;text-align:center;border-right:1px solid var(--border)}
.aut-card__metric:last-child{border-right:none}
.aut-card__metric-value{font-size:18px;font-weight:900;color:var(--text);line-height:1}
.aut-card__metric-label{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-top:4px}

.aut-card__body{padding:14px 18px}
.aut-card__section-title{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}

.aut-flight{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px dashed var(--border);font-size:12.5px}
.aut-flight:first-of-type{border-top:none}
.aut-flight__av{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.aut-flight__av--m{background:var(--green-soft);color:var(--green-dark)}
.aut-flight__av--c{background:var(--yellow-soft);color:var(--yellow-dark)}
.aut-flight__av--t{background:var(--blue-soft);color:var(--blue-dark)}
.aut-flight__av--u{background:var(--bg);color:var(--muted)}
.aut-flight__body{flex:1;min-width:0;line-height:1.4}
.aut-flight__name{font-weight:700;color:var(--text)}
.aut-flight__sub{color:var(--muted);font-size:11.5px}
.aut-flight__when{font-size:10.5px;color:var(--muted);font-weight:600;flex-shrink:0}

.aut-card__foot{padding:10px 18px;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--muted);gap:10px}
.aut-card__foot a{color:var(--blue-dark);font-weight:700}
.aut-card__foot a:hover{color:var(--blue)}

/* Pipeline panel */
.pipe-panel{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:24px}
.pipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:14px}
.pipe-col h3{font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.pipe-col h3::before{content:"";width:6px;height:6px;border-radius:50%}
.pipe-col--lead h3::before{background:var(--blue)}
.pipe-col--trial h3::before{background:var(--purple)}
.pipe-col--card h3::before{background:var(--yellow)}
.pipe-col--member h3::before{background:var(--green)}

.pipe-stage{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;transition:all .12s ease;margin-bottom:6px}
.pipe-stage:hover{border-color:var(--yellow-mid);background:var(--yellow-soft)}
.pipe-stage:last-child{margin-bottom:0}
.pipe-stage__name{flex:1;font-size:12.5px;font-weight:700;color:var(--text)}
.pipe-stage__count{font-size:13.5px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}
.pipe-stage__auto{font-size:9.5px;font-weight:700;letter-spacing:.3px;padding:1px 6px;border-radius:9999px;background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.pipe-stage__auto--active{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid)}
.pipe-stage--terminal{background:var(--bg2);opacity:.85}
.pipe-stage--lost{border-style:dashed;color:var(--muted)}

/* Event stream */
.events-panel{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 20px}
.event-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:14px;padding:11px 0;border-top:1px solid var(--border);align-items:center;font-size:13px}
.event-row:first-of-type{border-top:none;padding-top:4px}
.event-row__time{font-size:11px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;min-width:60px}
.event-row__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.event-row__icon--uc01{background:var(--blue-soft);color:var(--blue-dark)}
.event-row__icon--uc02{background:var(--green-soft);color:var(--green-dark)}
.event-row__icon--uc04{background:var(--yellow-soft);color:var(--yellow-dark)}
.event-row__icon--uc05{background:var(--purple-soft);color:var(--purple-dark)}
.event-row__icon--gk{background:var(--bg);color:var(--muted);border:1px dashed var(--border)}
.event-row__body{min-width:0}
.event-row__body strong{font-weight:700;color:var(--text)}
.event-row__body em{font-style:normal;color:var(--muted);font-size:11.5px}
.event-row__cost{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}

@media (max-width: 980px){
  .aut-status-strip{grid-template-columns:repeat(2,1fr)}
  .aut-grid{grid-template-columns:1fr}
  .pipe-grid{grid-template-columns:1fr}
}

/* ── Conversations inbox ──────────────────────────── */
.conv-stage{padding:0;max-width:1480px;margin:0 auto;height:calc(100vh - 56px);display:flex;flex-direction:column}
.conv-head{padding:18px 28px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;flex-shrink:0;background:var(--card)}
.conv-head h1{font-size:22px;font-weight:900;letter-spacing:-0.4px}
.conv-head p{font-size:12.5px;color:var(--muted);margin-top:3px;max-width:600px;line-height:1.5}

/* Gatekeeper summary strip */
.gk-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.gk-stat{display:flex;flex-direction:column;align-items:flex-start;padding:6px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;min-width:100px}
.gk-stat__label{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.gk-stat__value{font-size:18px;font-weight:900;letter-spacing:-0.3px;color:var(--text);line-height:1.1}
.gk-stat__sub{font-size:10.5px;color:var(--muted);font-weight:600}
.gk-stat--noise{background:var(--bg);border-style:dashed}
.gk-stat--noise .gk-stat__value{color:var(--muted)}
.gk-stat--routed .gk-stat__value{color:var(--yellow-dark)}
.gk-stat--owner{background:var(--red-soft);border-color:var(--red-mid)}
.gk-stat--owner .gk-stat__value{color:var(--red-dark)}

/* Three-column inbox layout */
.conv-3col{display:grid;grid-template-columns:220px 380px 1fr;flex:1;min-height:0;border-top:1px solid var(--border)}

/* Folders pane */
.conv-folders{border-right:1px solid var(--border);background:var(--bg2);overflow-y:auto;padding:14px 10px}
.conv-folders__title{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}
.conv-folder{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .12s ease;background:none;border:none;width:100%;text-align:left;margin-bottom:2px}
.conv-folder:hover{background:var(--bg);color:var(--text)}
.conv-folder.is-active{background:var(--yellow-soft);color:var(--yellow-dark);font-weight:800}
.conv-folder__count{margin-left:auto;font-size:11px;font-weight:700;color:var(--muted);background:var(--card);padding:1px 8px;border-radius:9999px;border:1px solid var(--border)}
.conv-folder.is-active .conv-folder__count{background:var(--card);color:var(--yellow-dark);border-color:var(--yellow-mid)}
.conv-folder--alert .conv-folder__count{background:var(--red);color:#fff;border-color:var(--red)}
.conv-folder__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}

/* List pane */
.conv-list{border-right:1px solid var(--border);background:var(--card);overflow-y:auto;display:flex;flex-direction:column}
.conv-list__head{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;background:var(--card)}
.conv-list__title{font-size:13px;font-weight:800}
.conv-list__filter{padding:5px 10px;border:1.5px solid var(--border);border-radius:7px;font-size:11.5px;font-weight:600;background:var(--card);color:var(--text);font-family:inherit;cursor:pointer}

.conv-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;padding:13px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s ease;align-items:start}
.conv-item:hover{background:var(--bg2)}
.conv-item.is-selected{background:var(--yellow-soft);box-shadow:inset 3px 0 0 var(--yellow)}
.conv-item.is-unread .conv-item__name{font-weight:800}
.conv-item.is-unread::before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--yellow)}

.conv-item__avatar{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text);background:var(--bg)}
.conv-item__avatar--member{background:var(--green-soft);color:var(--green-dark)}
.conv-item__avatar--card{background:var(--yellow-soft);color:var(--yellow-dark)}
.conv-item__avatar--trial{background:var(--blue-soft);color:var(--blue-dark)}
.conv-item__avatar--unknown{background:var(--bg);color:var(--muted)}
.conv-item__ch{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff}
.conv-item__ch--wa{background:#25d366}
.conv-item__ch--em{background:#5f6368}
.conv-item__ch--ig{background:#e1306c}
.conv-item__ch--fb{background:#1877f2}

.conv-item__main{min-width:0}
.conv-item__row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}
.conv-item__name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-item__time{font-size:11px;color:var(--muted);font-weight:600;flex-shrink:0}
.conv-item__preview{font-size:12.5px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.conv-item__preview strong{color:var(--text);font-weight:600}
.conv-item__tags{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}

/* Gatekeeper classification chip */
.gk-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}
.gk-chip--inquiry{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.gk-chip--booking{background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--purple-mid)}
.gk-chip--trial-reply{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.gk-chip--complaint{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red-mid)}
.gk-chip--noise{background:var(--bg);color:var(--muted);border:1px dashed var(--border)}
.gk-chip--ack{background:var(--bg2);color:var(--muted);border:1px solid var(--border)}
.gk-chip--opt-out{background:var(--card);color:var(--text);border:1.5px solid var(--text)}
.gk-chip--owner{background:var(--red);color:#fff;border:1px solid var(--red)}

/* Detail pane */
.conv-detail{background:var(--bg2);overflow-y:auto;display:flex;flex-direction:column;min-width:0}
.conv-detail__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13.5px;text-align:center;padding:40px;line-height:1.55}
.conv-detail__head{padding:18px 24px 14px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}
.conv-detail__topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.conv-detail__who{display:flex;align-items:center;gap:11px}
.conv-detail__who-name{font-size:16px;font-weight:900;letter-spacing:-0.2px}
.conv-detail__who-sub{font-size:11.5px;color:var(--muted)}
.conv-detail__actions{display:flex;gap:8px}

/* Gatekeeper assessment card */
.gk-assess{background:var(--card);border:1.5px solid var(--border);border-left:none;border-right:none;padding:14px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.gk-assess__badge{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--yellow-soft);border:2px solid var(--yellow);color:var(--yellow-dark);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}
.gk-assess__badge--owner{background:var(--red-soft);border-color:var(--red);color:var(--red-dark)}
.gk-assess__badge--noise{background:var(--bg);border-color:var(--border);color:var(--muted)}
.gk-assess__body{min-width:0}
.gk-assess__head{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.gk-assess__decision{font-size:14px;font-weight:800;color:var(--text);margin-bottom:3px;line-height:1.3}
.gk-assess__reason{font-size:12px;color:var(--muted);line-height:1.5}
.gk-assess__reason em{color:var(--text);font-style:normal;font-weight:600}
.gk-assess__override{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px}
.gk-assess__conf{font-size:10.5px;color:var(--muted);font-weight:700}
.gk-assess__btn{background:var(--card);color:var(--text);border:1.5px solid var(--border);padding:5px 11px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .12s ease}
.gk-assess__btn:hover{border-color:var(--yellow);background:var(--yellow-soft);color:var(--yellow-dark)}

/* Chat thread */
.thread{padding:20px 24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.bubble{display:flex;gap:10px;max-width:78%}
.bubble.is-customer{align-self:flex-start}
.bubble.is-out{align-self:flex-end;flex-direction:row-reverse}
.bubble.is-system{align-self:center;max-width:90%;font-size:11.5px;color:var(--muted);font-style:italic;text-align:center;padding:4px 0}

.bubble__avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}
.bubble.is-out .bubble__avatar{background:var(--yellow);color:var(--text)}
.bubble.is-ai .bubble__avatar{background:var(--blue);color:#fff}

.bubble__body{min-width:0}
.bubble__msg{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;background:var(--card);border:1px solid var(--border);color:var(--text);word-wrap:break-word}
.bubble.is-customer .bubble__msg{border-top-left-radius:4px}
.bubble.is-out .bubble__msg{background:var(--yellow);border-color:var(--yellow);border-top-right-radius:4px}
.bubble.is-ai .bubble__msg{background:var(--blue-soft);border-color:var(--blue-mid);border-top-left-radius:4px}
.bubble__meta{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:4px;display:flex;align-items:center;gap:6px}
.bubble.is-out .bubble__meta{justify-content:flex-end}

/* Composer */
.composer{padding:14px 24px;background:var(--card);border-top:1px solid var(--border);flex-shrink:0}
.composer__row{display:flex;gap:10px;align-items:flex-end}
.composer__input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13.5px;font-family:inherit;color:var(--text);outline:none;resize:none;min-height:42px;max-height:140px;background:var(--card)}
.composer__input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-focus-ring)}
.composer__send{background:var(--yellow);color:var(--text);border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:800;cursor:pointer;transition:all .15s ease}
.composer__send:hover{background:var(--yellow-hover);transform:translateY(-1px)}
.composer__hint{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:6px}

/* ── Contacts list ─────────────────────────────────── */
.contacts-stage{padding:24px 28px 80px;max-width:1480px;margin:0 auto}
.contacts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.contacts-head h1{font-size:26px;font-weight:900;letter-spacing:-0.5px}
.contacts-head p{font-size:13px;color:var(--muted);margin-top:4px;max-width:560px;line-height:1.55}
.contacts-head__actions{display:flex;gap:10px}

.contacts-toolbar{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.contacts-search{flex:1;min-width:240px;padding:8px 14px 8px 36px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:14px}
.contacts-search:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-focus-ring)}
.contacts-toolbar select{padding:8px 28px 8px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:var(--card);cursor:pointer;color:var(--text)}
.contacts-toolbar select:focus{outline:none;border-color:var(--yellow)}
.contacts-toolbar__count{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}

.contacts-pills{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.cpill{padding:6px 12px;border-radius:9999px;font-size:11.5px;font-weight:700;color:var(--muted);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}
.cpill:hover{border-color:#bbb}
.cpill.is-active{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}
.cpill .num{font-weight:600;opacity:.7}

/* Contact table */
.contacts-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}
.contacts-table thead th{background:var(--bg2);font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--border)}
.contacts-table tbody td{padding:14px;border-top:1px solid var(--border);vertical-align:middle;background:var(--card)}
.contacts-table tbody tr:first-child td{border-top:none}
.contacts-table tbody tr{cursor:pointer;transition:background .1s ease}
.contacts-table tbody tr:hover td{background:var(--bg2)}
.contacts-table tbody tr.is-selected td{background:var(--yellow-soft)}
.contacts-table tbody tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--yellow)}

.contact-name{display:flex;align-items:center;gap:11px}
.contact-name__avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text);background:var(--bg)}
.contact-name__avatar--trial{background:var(--blue-soft);color:var(--blue-dark)}
.contact-name__avatar--card{background:var(--yellow-soft);color:var(--yellow-dark)}
.contact-name__avatar--member{background:var(--green-soft);color:var(--green-dark)}
.contact-name__avatar--lapsed{background:var(--bg);color:var(--muted)}
.contact-name__body{min-width:0}
.contact-name__body strong{font-size:13.5px;font-weight:700;display:block;line-height:1.2;color:var(--text)}
.contact-name__body span{font-size:11.5px;color:var(--muted);font-weight:500;display:block;line-height:1.4;margin-top:2px}

.cpkg{font-size:12.5px;color:var(--text)}
.cpkg strong{font-weight:700}
.cpkg small{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:500}

.cstage{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.3px;border:1px solid}
.cstage--lead{background:var(--blue-soft);color:var(--blue-dark);border-color:var(--blue-mid)}
.cstage--trial{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid)}
.cstage--card{background:var(--card);color:var(--text);border-color:var(--border)}
.cstage--member{background:var(--green-soft);color:var(--green-dark);border-color:var(--green-mid)}
.cstage--at-risk{background:var(--red-soft);color:var(--red-dark);border-color:var(--red-mid)}
.cstage--lost{background:var(--bg);color:var(--muted);border-color:var(--border)}

.ctags{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.ctag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:9999px;background:var(--bg);color:var(--muted);border:1px solid var(--border);letter-spacing:.2px}
.ctag--accent{background:var(--yellow-soft);color:var(--yellow-dark);border-color:var(--yellow-mid)}
.ctag--green{background:var(--green-soft);color:var(--green-dark);border-color:var(--green-mid)}
.ctag--blue{background:var(--blue-soft);color:var(--blue-dark);border-color:var(--blue-mid)}
.ctag--purple{background:var(--purple-soft);color:var(--purple-dark);border-color:var(--purple-mid)}
.ctag--red{background:var(--red-soft);color:var(--red-dark);border-color:var(--red-mid)}

.cact{font-size:12px;color:var(--muted)}
.cact strong{display:block;font-weight:600;color:var(--text);font-size:12.5px;margin-bottom:1px}

.cconsent{display:flex;gap:6px;align-items:center}
.cic{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--bg);border:1px solid var(--border)}
.cic--on{background:var(--green-soft);border-color:var(--green-mid);color:var(--green-dark)}
.cic--off{background:var(--bg);border-color:var(--border);color:var(--muted);opacity:.5}
.cic--opted-out{background:var(--red-soft);border-color:var(--red-mid);color:var(--red-dark)}

/* Contact detail drawer */
.cd-drawer{position:fixed;top:0;right:0;width:min(720px, calc(100vw - 32px));height:100vh;background:var(--card);box-shadow:-12px 0 40px rgba(0,0,0,.18);z-index:800;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.cd-drawer.is-open{transform:translateX(0)}
.cd-head{padding:22px 28px 0;flex-shrink:0;border-bottom:1px solid var(--border)}
.cd-head__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.cd-head__id{display:flex;align-items:center;gap:14px}
.cd-head__avatar{flex-shrink:0;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;background:var(--green-soft);color:var(--green-dark)}
.cd-head__name{font-size:20px;font-weight:900;letter-spacing:-0.3px;margin-bottom:3px}
.cd-head__sub{font-size:13px;color:var(--muted);line-height:1.45}
.cd-head__sub a{color:var(--text);font-weight:600}
.cd-actions{display:flex;gap:8px}
.cd-action{background:var(--bg);color:var(--text);border:1.5px solid var(--border);padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .12s ease}
.cd-action:hover{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark)}
.cd-action--primary{background:var(--yellow);border-color:var(--yellow);color:var(--text)}
.cd-action--primary:hover{background:var(--yellow-hover);border-color:var(--yellow-hover);color:var(--text)}

.cd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cd-meta__stage{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.3px;background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}

.cd-tabs{display:flex;gap:0;border-bottom:0}
.cd-tab{padding:11px 16px;border:none;background:none;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:all .12s ease}
.cd-tab:hover{color:var(--text)}
.cd-tab.is-active{color:var(--yellow-dark);border-bottom-color:var(--yellow)}

.cd-body{padding:24px 28px 36px;overflow-y:auto;flex:1;background:var(--bg2)}
.cd-pane{display:none}
.cd-pane.is-active{display:block}

/* Detail panel cards */
.cd-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.cd-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}

/* Active automations card */
.cd-auto{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px dashed var(--border)}
.cd-auto:first-of-type{border-top:none;padding-top:2px}
.cd-auto__main{flex:1;min-width:0}
.cd-auto__head{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.cd-auto__name{font-size:13.5px;font-weight:800}
.cd-auto__chip{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:9999px}
.cd-auto__chip--yellow{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.cd-auto__chip--blue{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.cd-auto__chip--purple{background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--purple-mid)}
.cd-auto__state{font-size:11.5px;color:var(--muted);line-height:1.5}
.cd-auto__remove{flex-shrink:0;background:var(--card);color:var(--red-dark);border:1.5px solid var(--red-mid);padding:6px 12px;border-radius:8px;font-size:11.5px;font-weight:800;cursor:pointer;letter-spacing:.2px;transition:all .12s ease}
.cd-auto__remove:hover{background:var(--red);color:#fff;border-color:var(--red)}
.cd-auto--empty{font-size:12.5px;color:var(--muted);padding:6px 0 0;font-style:italic}
.cd-card__title{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.cd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px}
.cd-grid .k{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.cd-grid .v{font-size:13px;font-weight:600;color:var(--text)}
.cd-grid .v code{background:var(--bg);padding:2px 7px;border-radius:5px;font-size:11.5px}

/* Activity timeline */
.cd-time{position:relative;padding-left:32px}
.cd-time::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:var(--border)}
.cd-event{position:relative;margin-bottom:18px}
.cd-event:last-child{margin-bottom:0}
.cd-event::before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--card);border:2px solid var(--border)}
.cd-event--book::before{border-color:var(--green);background:var(--green-soft)}
.cd-event--purchase::before{border-color:var(--yellow);background:var(--yellow)}
.cd-event--ai::before{border-color:var(--blue);background:var(--blue-soft)}
.cd-event--handoff::before{border-color:var(--red);background:var(--red-soft)}
.cd-event__time{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:4px}
.cd-event__title{font-size:13.5px;font-weight:700;margin-bottom:3px}
.cd-event__sub{font-size:12.5px;color:var(--muted);line-height:1.5}
.cd-event__sub em{color:var(--text);font-style:normal;font-weight:600}

/* Consent panel */
.cd-channel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px dashed var(--border)}
.cd-channel:first-of-type{border-top:none}
.cd-channel__title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;flex:1}
.cd-channel__title .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.cd-channel__title .dot--off{background:var(--bg);border:1.5px solid var(--border)}
.cd-channel__title .dot--err{background:var(--red)}
.cd-channel__sub{font-size:11.5px;color:var(--muted);font-weight:500}

/* ── Automations (use case manager) ───────────────── */
.uc-list{display:flex;flex-direction:column;gap:14px}
.uc-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-xs);transition:opacity .2s ease}
.uc-card.is-disabled{opacity:.6}
.uc-card.is-disabled .uc-card__stats{opacity:.5}
.uc-card__head{padding:20px 24px 18px;display:flex;align-items:flex-start;gap:16px}
.uc-card__chip{font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:4px 10px;border-radius:9999px;flex-shrink:0;margin-top:2px}
.uc-card__chip--yellow{background:var(--yellow-soft);color:var(--yellow-dark);border:1px solid var(--yellow-mid)}
.uc-card__chip--blue{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.uc-card__chip--purple{background:var(--purple-soft);color:var(--purple-dark);border:1px solid var(--purple-mid)}
.uc-card__chip--green{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--green-mid)}
.uc-card__main{flex:1;min-width:0}
.uc-card__title{font-size:16px;font-weight:900;letter-spacing:-0.2px;margin-bottom:5px;color:var(--text)}
.uc-card__desc{font-size:13px;color:var(--muted);line-height:1.55;max-width:640px}

.uc-card__toggle{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.uc-card__toggle-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--green-dark)}
.uc-card.is-disabled .uc-card__toggle-label{color:var(--muted)}

.uc-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:var(--border);border-top:1.5px solid var(--border)}
.uc-stat{background:var(--bg2);padding:14px 18px}
.uc-stat__label{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.uc-stat__value{font-size:20px;font-weight:900;letter-spacing:-0.3px;color:var(--text);line-height:1}
.uc-stat__sub{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600}

.uc-card__configbar{padding:12px 24px;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12.5px;color:var(--muted)}
.uc-card__configbar strong{color:var(--text);font-weight:700}
.uc-card__expand{background:var(--card);color:var(--text);border:1.5px solid var(--border);padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s ease}
.uc-card__expand:hover{border-color:var(--yellow-mid);background:var(--yellow-soft);color:var(--yellow-dark)}
.uc-card__expand .arrow{transition:transform .2s ease;display:inline-block}
.uc-card.is-open .uc-card__expand .arrow{transform:rotate(180deg)}

.uc-card__config{display:none;padding:24px 24px 6px;border-top:1.5px solid var(--border);background:var(--card)}
.uc-card.is-open .uc-card__config{display:block}

.uc-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.uc-section:last-of-type{border-bottom:none}
.uc-section__title{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.uc-section__title::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--yellow)}

.uc-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px dashed var(--border);min-height:42px}
.uc-row:first-of-type{border-top:none}
.uc-row__label{flex:1;min-width:0}
.uc-row__label strong{font-size:13.5px;font-weight:700;display:block;margin-bottom:2px;color:var(--text)}
.uc-row__label .hint{font-size:11.5px;color:var(--muted);line-height:1.45}
.uc-row__control{flex-shrink:0;display:flex;align-items:center;gap:8px}
.uc-row__control select,.uc-row__control input[type="text"],.uc-row__control input[type="number"],.uc-row__control input[type="time"]{padding:6px 10px;border:1.5px solid var(--border);border-radius:7px;font-size:12.5px;background:var(--card);font-family:inherit;color:var(--text)}
.uc-row__control select:focus,.uc-row__control input:focus{outline:none;border-color:var(--yellow)}
.uc-row__control input[type="number"]{width:64px;text-align:center}
.uc-row__control input[type="time"]{width:90px}

.uc-checkrow{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.uc-checkrow input[type="checkbox"]{width:15px;height:15px;accent-color:var(--yellow);cursor:pointer}

.uc-card__configfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 8px;margin-top:6px;border-top:1.5px solid var(--border)}
.uc-card__configfoot .left{font-size:11.5px;color:var(--muted)}
.uc-card__configfoot .right{display:flex;gap:8px}

/* Filter chip row */
.uc-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.uc-filter__chips{display:flex;gap:6px}

/* ── AI budget deep view ──────────────────────────── */
.ai-deep-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}
.budget-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}
.budget-card__head{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.budget-card__value{font-size:36px;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--text);display:flex;align-items:baseline;gap:8px}
.budget-card__value .unit{font-size:14px;font-weight:600;color:var(--muted)}
.budget-card__sub{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55}
.budget-card__sub strong{color:var(--text)}

.budget-editor{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.budget-editor select{padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:var(--card);cursor:pointer}
.budget-editor select:focus{outline:none;border-color:var(--yellow)}

.threshold-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px dashed var(--border)}
.threshold-row:first-of-type{border-top:none}
.threshold-row__pct{font-size:18px;font-weight:900;width:48px;color:var(--text);flex-shrink:0}
.threshold-row__pct--warn{color:var(--yellow-dark)}
.threshold-row__pct--err{color:var(--red-dark)}
.threshold-row__body{flex:1;min-width:0}
.threshold-row__title{font-size:13px;font-weight:700;margin-bottom:2px}
.threshold-row__sub{font-size:11.5px;color:var(--muted)}

/* Daily time-series chart */
.tschart{position:relative;padding:14px 6px 28px;background:var(--bg2);border-radius:10px;border:1px solid var(--border)}
.tschart svg{display:block;width:100%;height:auto}
.tschart__legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;color:var(--muted);font-weight:600}
.tschart__legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}

/* Category breakdown table */
.cat-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.cat-table th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding:0 14px 10px;border-bottom:1.5px solid var(--border)}
.cat-table th.num{text-align:right}
.cat-table td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.cat-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.cat-table tr:last-child td{border-bottom:none}
.cat-table tr:hover td{background:var(--bg2)}
.cat-table .cat-name{display:flex;align-items:center;gap:9px;font-weight:700}
.cat-table .cat-name .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.cat-table .cat-pct{display:inline-block;font-size:11px;color:var(--muted);font-weight:600;margin-left:4px}
.cat-table .delta-up{color:var(--green-dark);font-weight:700}
.cat-table .delta-down{color:var(--red-dark);font-weight:700}

/* Audit log */
.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.log-toolbar__filters{display:flex;gap:6px;flex-wrap:wrap}
.log-toolbar__search{flex:1;max-width:280px;padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit}
.log-toolbar__search:focus{outline:none;border-color:var(--yellow)}

.log{font-size:13px}
.log__row{display:grid;grid-template-columns:120px 160px 1.4fr 1fr 80px 70px;gap:14px;padding:11px 0;border-bottom:1px solid var(--border);align-items:center}
.log__row:last-child{border-bottom:none}
.log__row:hover{background:var(--bg2)}
.log__row.head{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border-bottom:1.5px solid var(--border);padding-bottom:10px}
.log__time{color:var(--muted);font-size:12px}
.log__cat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px}
.log__cat .dot{width:8px;height:8px;border-radius:50%}
.log__contact{font-weight:600}
.log__step{color:var(--muted);font-size:12px}
.log__tokens{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}
.log__cost{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}

/* Section placeholders */
.coming-soon{padding:48px 24px;text-align:center;background:var(--bg2);border:1.5px dashed var(--border);border-radius:14px;color:var(--muted)}
.coming-soon h3{font-size:16px;font-weight:800;color:var(--text);margin-bottom:6px}
.coming-soon p{font-size:13px;line-height:1.55}

/* Dev bar — only shown during signup/wizard screens, hidden on signed-up screens */
.devbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:600;background:var(--text);color:#fff;border-radius:9999px;padding:6px 8px;display:none;gap:4px;box-shadow:0 10px 32px rgba(0,0,0,.25);font-size:12px;font-weight:600;flex-wrap:wrap;max-width:calc(100vw - 36px);justify-content:center}
.devbar.is-visible{display:flex}
.devbar button{color:#bbb;padding:6px 12px;border-radius:9999px;font-size:11.5px;font-weight:600;transition:all .15s ease}
.devbar button.is-active{background:var(--yellow);color:var(--text)}
.devbar button:hover:not(.is-active){color:#fff}

@media (max-width: 980px){
  .kpi-strip{grid-template-columns:repeat(3,1fr)}
  .kpi-strip--3{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr}
  .dash-grid--2{grid-template-columns:1fr}
  .input-row,.input-row.col-3,.csv-row{grid-template-columns:1fr}
  .funnel{flex-direction:column}
  .funnel-arrow{transform:rotate(90deg);justify-content:center}
  .ai-grid{grid-template-columns:repeat(2,1fr)}
  .uc-card__stats{grid-template-columns:repeat(2,1fr)}
  .ai-deep-grid{grid-template-columns:1fr}
  .settings-layout{grid-template-columns:1fr;padding:18px}
  .settings-nav{position:relative;top:0;flex-direction:row;flex-wrap:wrap;overflow-x:auto}
  .set-grid{grid-template-columns:1fr}
}