:root {
  --bg:#f7f8fa;
  --surface:#ffffff;
  --surface-soft:#fafbfc;
  --text:#171b23;
  --text-2:#4e5865;
  --muted:#8a94a2;
  --line:#e8ebef;
  --line-strong:#dfe3e8;
  --brand:#5b5fef;
  --brand-dark:#4b4fd8;
  --brand-ink:#383cb7;
  --brand-soft:#f1f2ff;
  --brand-line:#d8daff;
  --navy:#253440;
  --blue:var(--brand);
  --blue-soft:var(--brand-soft);
  --green:#2f8a62;
  --green-soft:#edf8f2;
  --amber:#b7791f;
  --amber-soft:#fff7e8;
  --red:#b85454;
  --shadow:0 5px 18px rgba(28,39,58,.035),0 1px 2px rgba(28,39,58,.04);
  --sidebar:270px;
}
*{box-sizing:border-box}
html{background:#eef1f4}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--brand) top/100% 4px no-repeat,#eef1f4;font-size:14px;letter-spacing:-.01em}
button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.app-frame{display:flex;min-height:calc(100vh - 4px);margin-top:4px;background:var(--bg)}
.sidebar{position:fixed;inset:4px auto 0 0;width:var(--sidebar);height:calc(100vh - 4px);display:flex;flex-direction:column;background:#fff;border-right:1px solid #edf0f3;z-index:30}
.brand{height:78px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #f1f3f5;gap:10px}.brand-identity{display:flex;align-items:center;min-width:0;text-decoration:none}.brand-logo{display:block;width:122px;max-width:100%;height:auto}.auth-logo{display:block;width:168px;max-width:72vw;height:auto}.brand-mark{width:30px;height:30px;border:1px solid var(--brand-line);border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--brand-dark);background:var(--brand-soft);letter-spacing:-.4px}.brand-name{display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:18px;line-height:1}.brand-name strong{font-weight:720;letter-spacing:-.035em}.brand-name strong span{color:var(--brand-dark);font-weight:760}.brand-name small{color:#9aa2ac;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.09em;font-weight:650}.close-sidebar{display:none;margin-left:auto}
.sidebar-nav{padding:23px 16px;overflow:auto}.nav-link,.nav-parent{width:100%;height:42px;border:0;background:transparent;border-radius:7px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;padding:0 13px;color:#3e4652;font-weight:520}.nav-link:hover,.nav-parent:hover,.nav-children button:hover{background:#f6f8fa;color:#141923}.nav-link.active{background:var(--brand-soft);color:#102326;font-weight:700;box-shadow:inset 3px 0 0 var(--brand)}.nav-icon{width:18px;text-align:center;font-size:14px;color:#52646d}.nav-link.active .nav-icon{color:var(--brand-dark)}.nav-badge{padding:2px 6px;border-radius:5px;background:#eef1f6;color:#617087;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.nav-parent .chevron{font-size:12px;color:#687382;transition:.2s}.nav-section.open .chevron{transform:rotate(180deg)}
.nav-children{margin:0 0 5px 23px;padding:3px 0 4px 16px;border-left:1px solid #edf0f2;display:none}.nav-section.open .nav-children{display:block}.nav-children button{width:100%;height:36px;border:0;background:transparent;border-radius:6px;text-align:left;padding:0 12px;color:#6b7481;font-size:13px}.nav-children button.active{color:var(--brand-ink);background:var(--brand-soft);font-weight:650}
.sidebar-bottom{margin-top:auto;padding:12px 16px 18px;border-top:1px solid #f1f3f5}.account-card{margin-top:11px;padding:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;border:1px solid #eceff2;border-radius:9px;background:#fbfcfd}.avatar,.top-avatar{display:grid;place-items:center;background:#eef1f5;color:#2c3d59;font-weight:750}.avatar{width:32px;height:32px;border-radius:8px;font-size:11px}.account-card strong,.account-card span{display:block}.account-card strong{font-size:12px}.account-card span{margin-top:2px;color:#939ca7;font-size:10px}.account-card>button{border:0;background:transparent;color:#8b95a1}
.main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);min-height:calc(100vh - 4px);display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;gap:9px;padding:0 26px;background:#fff;border-bottom:1px solid #edf0f2;position:sticky;top:4px;z-index:20}.topbar-spacer{flex:1}.search{width:230px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #edf0f2;border-radius:7px;background:#fafbfc;color:#a3abb4;transition:.15s}.search:focus-within{border-color:var(--brand-line);background:#fff;box-shadow:0 0 0 3px var(--brand-soft)}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#303844}.search input::placeholder{color:#aab1ba}.search kbd,.command-input kbd{border:1px solid #e3e6ea;background:#fff;border-radius:4px;padding:2px 5px;font-size:9px;color:#8a929c;box-shadow:0 1px 1px rgba(0,0,0,.02)}.icon-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #edf0f2;border-radius:7px;background:#fff;color:#687382}.icon-button:hover{background:#f7f8fa;color:#2d3748}.status-dot{position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--brand);border:1px solid #fff}.top-avatar{width:34px;height:34px;border:0;border-radius:8px;font-size:10px}.menu-button{display:none}
.page{padding:30px 34px 40px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.breadcrumb{margin:0 0 7px;color:#9aa3ae;font-size:11px}.page-heading h1{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.035em;font-weight:650}.heading-actions{display:flex;align-items:center;gap:9px}.filter-button{height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:#4d5764;font-size:11px}.filter-button span{margin-left:16px;color:#9aa3ae}.range-switcher{display:flex;height:34px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:2px}.range-switcher button{min-width:38px;border:0;border-radius:4px;background:transparent;color:#8c95a0;font-size:10px;font-weight:650}.range-switcher button.active{background:var(--brand-soft);color:var(--brand-ink)}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.commerce-card{grid-column:span 4;grid-row:span 2;padding:24px}.welcome-card{grid-column:span 8;padding:22px 24px;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(360px,1.5fr);gap:26px}.metric-card{grid-column:span 8 / auto}.section-label{display:block;color:#9aa3ad;font-size:9px;font-weight:750;letter-spacing:.085em}.card-kebab{position:absolute;top:17px;right:18px;color:#9ea6ae;letter-spacing:1px}.pulse-score{display:flex;align-items:center;gap:17px;margin:24px 0}.score-ring{width:86px;height:86px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:26px;background:conic-gradient(var(--brand) 0 82%,#edf0f4 82% 100%);position:relative}.score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring>*{position:relative;z-index:1}.score-ring strong{font-size:24px;letter-spacing:-.05em}.score-ring span{font-size:10px;color:#8a94a0}.pulse-score p{margin:5px 0 0;color:#9aa3ad;font-size:10px}.trend{font-size:11px;font-weight:700}.positive{color:var(--green)}.negative{color:var(--red)}.commerce-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 0;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3}.commerce-meta span,.commerce-meta strong{display:block}.commerce-meta span{color:#969faa;font-size:10px}.commerce-meta strong{margin-top:7px;font-size:17px;letter-spacing:-.03em}.button-row{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.primary-button,.secondary-button{height:36px;padding:0 14px;border-radius:6px;font-size:11px;font-weight:650}.primary-button{border:1px solid var(--brand-dark);background:var(--brand-dark);color:#fff}.primary-button:hover{background:var(--brand-ink)}.secondary-button{border:1px solid #dfe4e9;background:#fff;color:#46515e}.secondary-button:hover{background:#f8f9fa}
.welcome-copy h2{margin:8px 0 5px;font-size:19px;font-weight:650;letter-spacing:-.03em}.welcome-copy p{margin:0;color:#8a94a0;line-height:1.55;font-size:11px}.health-list{display:grid;gap:5px}.health-item{width:100%;display:grid;grid-template-columns:28px 1fr 20px;gap:9px;align-items:center;border:0;background:transparent;padding:7px 5px;border-radius:6px;text-align:left}.health-item:hover{background:#f8f9fb}.health-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.health-icon.good{background:var(--green-soft);color:var(--green)}.health-icon.warn{background:var(--amber-soft);color:var(--amber)}.health-icon.neutral{background:#f0f3f7;color:#69788b}.health-item strong,.health-item small{display:block}.health-item strong{font-size:11px;font-weight:650}.health-item small{margin-top:3px;color:#9aa3ad;font-size:9px}.health-arrow{color:#a5adb6}
.metric-card{grid-column:span 8 / auto}.welcome-card + .metric-card{grid-column:5 / span 2}.welcome-card + .metric-card + .metric-card{grid-column:7 / span 3}.welcome-card + .metric-card + .metric-card + .metric-card{grid-column:10 / span 3}.metric-card{padding:18px 19px;min-height:112px}.metric-card>span{display:block;color:#727d89;font-size:10px}.metric-card>strong{display:block;margin-top:9px;font-size:21px;letter-spacing:-.04em}.metric-footer{display:flex;gap:7px;align-items:center;margin-top:12px}.metric-footer span:last-child{color:#a2aab3;font-size:9px}
.performance-card{grid-column:span 8;padding:20px 20px 12px;min-height:380px}.overview-card{grid-column:span 4;padding:20px}.activity-card{grid-column:span 12;padding:18px 20px}.card-header{display:flex;align-items:center;justify-content:space-between}.card-header h3{margin:5px 0 0;font-size:15px;font-weight:650}.card-header select{height:32px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:0 28px 0 9px;color:#687382;font-size:10px;outline:0}.mini{width:29px;height:29px;font-size:10px}.performance-summary{display:flex;align-items:flex-end;justify-content:space-between;margin-top:22px}.performance-summary>div:first-child span,.performance-summary strong,.performance-summary small{display:block}.performance-summary>div:first-child span{color:#969faa;font-size:9px}.performance-summary strong{margin-top:5px;font-size:28px;letter-spacing:-.05em}.performance-summary small{margin-top:2px;font-size:9px}.legend{display:flex;gap:15px;color:#8e98a3;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:2px;display:inline-block}.dot.blue{background:var(--brand)}.dot.green{background:#579778}.dot.amber{background:#b89258}.line-chart{height:240px;position:relative;margin-top:3px}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-grid line{stroke:#eef1f3;stroke-width:1}.chart-line{fill:none;stroke-width:2.3;stroke-linecap:round}.chart-line.overall{stroke:var(--brand)}.chart-line.checkout{stroke:#609c7e}.chart-line.post{stroke:#b89561}.chart-point{fill:var(--brand);stroke:#fff;stroke-width:2}.chart-labels text{fill:#a2aab3;font-size:9px}.chart-tooltip{position:absolute;right:6%;top:14%;min-width:86px;padding:8px 9px;background:#fff;border:1px solid #e4e8ed;border-radius:5px;box-shadow:0 8px 20px rgba(34,46,65,.08);opacity:0;transform:translateY(5px);transition:.15s;pointer-events:none}.line-chart:hover .chart-tooltip{opacity:1;transform:translateY(0)}.chart-tooltip span,.chart-tooltip strong,.chart-tooltip small{display:block}.chart-tooltip span,.chart-tooltip small{color:#9ca4ae;font-size:8px}.chart-tooltip strong{margin:2px 0;font-size:15px}
.overview-card .card-header{margin-bottom:21px}.stage-score{display:grid;grid-template-columns:98px 1fr 28px;gap:10px;align-items:center;margin:16px 0}.stage-score>span{color:#6f7a87;font-size:10px}.stage-score>strong{font-size:10px;text-align:right}.bar{height:6px;background:#eef1f4;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:10px}.bar.warning i{background:#aa8b5b}.text-button{border:0;background:transparent;color:var(--brand-dark);padding:0;font-size:10px;font-weight:650}.overview-card>.text-button{margin-top:20px}.text-button span{margin-left:5px}.compact{font-size:9px}
.activity-table{margin-top:12px;border-top:1px solid #eff1f3}.activity-row{display:grid;grid-template-columns:16px 1fr 76px 56px;gap:10px;align-items:center;padding:13px 2px;border-bottom:1px solid #f0f2f4}.signal-dot{width:7px;height:7px;border-radius:50%}.positive-dot{background:#65a486}.warning-dot{background:#b89561}.neutral-dot{background:#8292a6}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:10px;font-weight:620}.activity-row small{margin-top:3px;color:#9ba4ae;font-size:9px}.activity-value{font-size:10px;font-weight:650;text-align:right}.activity-row time{color:#a2aab3;font-size:9px;text-align:right}
.footer{margin-top:auto;padding:18px 34px 24px;color:#a5adb6;font-size:9px;text-align:center}.generic-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.generic-hero{min-height:340px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.generic-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e2e6eb;border-radius:8px;color:var(--brand-dark);background:var(--brand-soft);margin-bottom:18px}.generic-hero h2{margin:8px 0;font-size:26px;letter-spacing:-.045em}.generic-hero p{max-width:440px;margin:0 0 22px;color:#818c99;font-size:12px;line-height:1.65}.generic-placeholder{padding:28px;min-height:340px}.skeleton{height:9px;background:#f0f2f5;border-radius:20px;margin-bottom:14px}.skeleton.title{width:34%;height:14px}.skeleton.wide{width:78%}.skeleton.medium{width:56%}.skeleton.chart{height:190px;width:100%;margin-top:36px;border-radius:6px;background:linear-gradient(180deg,#f8f9fb,#eef1f5)}
.command-overlay{position:fixed;inset:0;z-index:90;background:rgba(25,32,43,.28);backdrop-filter:blur(2px);display:grid;place-items:start center;padding-top:13vh;opacity:0;visibility:hidden;transition:.15s}.command-overlay.open{opacity:1;visibility:visible}.command-box{width:min(540px,calc(100vw - 28px));border:1px solid #dfe4e9;border-radius:9px;background:#fff;box-shadow:0 25px 70px rgba(20,29,44,.18);overflow:hidden;transform:translateY(-6px);transition:.15s}.command-overlay.open .command-box{transform:none}.command-input{height:54px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid #edf0f2;color:#9aa3ad}.command-input input{flex:1;border:0;outline:0}.command-results{padding:8px}.command-results>span{display:block;padding:8px;color:#a1a9b2;font-size:8px;font-weight:750;letter-spacing:.08em}.command-results button{width:100%;display:grid;grid-template-columns:25px 1fr 18px;gap:8px;align-items:center;padding:9px;border:0;background:transparent;border-radius:6px;text-align:left;color:#3e4854}.command-results button:hover{background:#f7f8fa}.command-results i{font-style:normal;color:var(--brand-dark)}.command-results strong,.command-results small{display:block}.command-results strong{font-size:10px}.command-results small{margin-top:2px;color:#9ba4ae;font-size:8px}.command-results em{font-style:normal;color:#a6adb5;font-size:9px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;align-items:center;gap:10px;min-width:260px;padding:12px 14px;border-radius:7px;background:#202833;color:#fff;box-shadow:0 15px 35px rgba(20,29,44,.18);opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3c7059;font-size:10px}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{margin-top:2px;color:#aeb6c0;font-size:8px}
@media(max-width:1160px){.commerce-card{grid-column:span 5}.welcome-card{grid-column:span 7;grid-template-columns:1fr}.welcome-card + .metric-card{grid-column:6 / span 2}.welcome-card + .metric-card + .metric-card{grid-column:8 / span 2}.welcome-card + .metric-card + .metric-card + .metric-card{grid-column:10 / span 3}.performance-card{grid-column:span 7}.overview-card{grid-column:span 5}}
@media(max-width:900px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);box-shadow:18px 0 45px rgba(20,29,44,.13);transition:.2s}.sidebar.open{transform:none}.close-sidebar,.menu-button{display:grid}.main{width:100%;margin-left:0}.topbar{padding:0 18px}.page{padding:24px 18px}.commerce-card,.welcome-card,.performance-card,.overview-card,.activity-card{grid-column:1/-1}.welcome-card + .metric-card,.welcome-card + .metric-card + .metric-card,.welcome-card + .metric-card + .metric-card + .metric-card{grid-column:span 4}.generic-layout{grid-template-columns:1fr}}
@media(max-width:650px){.search{display:none}.page-heading{align-items:flex-start;gap:18px;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.welcome-card{grid-template-columns:1fr}.welcome-card + .metric-card,.welcome-card + .metric-card + .metric-card,.welcome-card + .metric-card + .metric-card + .metric-card{grid-column:1/-1}.performance-summary{align-items:flex-start;gap:16px;flex-direction:column}.legend{flex-wrap:wrap}.stage-score{grid-template-columns:86px 1fr 25px}.activity-row{grid-template-columns:14px 1fr 52px}.activity-row time{display:none}.commerce-meta{grid-template-columns:1fr}.generic-hero{padding:28px}}


/* getBres Electric Indigo signature color system
   Primary: #5b5fef. Reserved for identity, focus, primary actions and key data.
   Semantic success/warning/error colors remain separate for accessibility. */
::selection{background:var(--brand-soft);color:var(--brand-ink)}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.footer strong{color:var(--brand-dark);font-weight:700}
.text-button:hover{color:var(--brand-ink)}
.brand-mark,.primary-button,.nav-link,.range-switcher button,.text-button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}

/* =========================================================
   TYPOGRAPHY SYSTEM v4
   Readability-first sizing for desktop, tablet and mobile.
   No external font dependency: uses Inter when available,
   otherwise the native system UI font on each device.
   ========================================================= */
:root{
  --font-sans:"Inter","SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --text-2xs:.6875rem;   /* 11px */
  --text-xs:.75rem;      /* 12px */
  --text-sm:.8125rem;    /* 13px */
  --text-base:.875rem;   /* 14px */
  --text-md:.9375rem;    /* 15px */
  --text-lg:1rem;        /* 16px */
}

html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  font-family:var(--font-sans);
  font-size:var(--text-base);
  line-height:1.5;
  letter-spacing:-.006em;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

button,input,select,textarea{
  font-family:var(--font-sans);
  line-height:1.35;
}

strong,b,h1,h2,h3{
  text-rendering:optimizeLegibility;
}

/* Navigation & chrome */
.brand-name{font-size:1.125rem;line-height:1.15;letter-spacing:-.02em}
.brand-name small{font-size:.625rem}
.brand-mark{font-size:var(--text-xs)}
.nav-link,.nav-parent{font-size:var(--text-base);line-height:1.3}
.nav-children button{font-size:var(--text-sm);line-height:1.3}
.nav-badge{font-size:var(--text-2xs);letter-spacing:.055em}
.account-card strong{font-size:var(--text-sm);line-height:1.25}
.account-card span{font-size:var(--text-xs);line-height:1.3}
.avatar,.top-avatar{font-size:var(--text-xs)}
.search input{font-size:var(--text-sm)}
.search kbd,.command-input kbd{font-size:var(--text-2xs)}

/* Page hierarchy */
.breadcrumb{font-size:var(--text-xs);line-height:1.4;letter-spacing:0}
.page-heading h1{
  font-size:clamp(1.5rem,1.15rem + .65vw,1.875rem);
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:650;
}
.filter-button{font-size:var(--text-xs)}
.range-switcher button{font-size:var(--text-xs)}
.section-label{
  font-size:var(--text-2xs);
  line-height:1.35;
  letter-spacing:.085em;
}

/* Commerce pulse */
.score-ring strong{
  font-size:clamp(1.5rem,1.35rem + .3vw,1.75rem);
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.score-ring span{font-size:var(--text-xs)}
.pulse-score p{font-size:var(--text-xs);line-height:1.45}
.trend{font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.commerce-meta span{font-size:var(--text-xs);line-height:1.35}
.commerce-meta strong{
  font-size:clamp(1.0625rem,1rem + .2vw,1.1875rem);
  line-height:1.25;
  font-variant-numeric:tabular-nums;
}
.primary-button,.secondary-button{font-size:var(--text-sm);line-height:1.2}

/* Welcome / signals */
.welcome-copy h2{
  font-size:clamp(1.25rem,1.1rem + .3vw,1.4375rem);
  line-height:1.25;
  letter-spacing:-.025em;
}
.welcome-copy p{font-size:var(--text-sm);line-height:1.55}
.health-item strong{font-size:var(--text-sm);line-height:1.3}
.health-item small{font-size:var(--text-xs);line-height:1.4}
.health-icon{font-size:var(--text-xs)}

/* KPI cards */
.metric-card>span{font-size:var(--text-xs);line-height:1.35}
.metric-card>strong{
  font-size:clamp(1.5rem,1.32rem + .4vw,1.75rem);
  line-height:1.12;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.metric-footer span:last-child{font-size:var(--text-xs);line-height:1.35}

/* Charts and overview */
.card-header h3{font-size:1rem;line-height:1.3}
.card-header select{font-size:var(--text-xs)}
.performance-summary>div:first-child span{font-size:var(--text-xs);line-height:1.35}
.performance-summary strong{
  font-size:clamp(1.75rem,1.55rem + .45vw,2rem);
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.performance-summary small{font-size:var(--text-xs)}
.legend{font-size:var(--text-xs);line-height:1.35}
.chart-labels text{font-size:11px;font-family:var(--font-sans)}
.chart-tooltip span,.chart-tooltip small{font-size:var(--text-2xs);line-height:1.3}
.chart-tooltip strong{font-size:1rem;font-variant-numeric:tabular-nums}
.stage-score>span{font-size:var(--text-xs);line-height:1.35}
.stage-score>strong{font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.text-button{font-size:var(--text-xs);line-height:1.35}
.compact{font-size:var(--text-xs)}

/* Activity */
.activity-row strong{font-size:var(--text-sm);line-height:1.3}
.activity-row small{font-size:var(--text-xs);line-height:1.4}
.activity-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.activity-row time{font-size:var(--text-2xs);font-variant-numeric:tabular-nums}

/* Secondary views */
.generic-hero h2{
  font-size:clamp(1.5rem,1.3rem + .6vw,1.875rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
.generic-hero p{font-size:var(--text-base);line-height:1.65}
.footer{font-size:var(--text-2xs);line-height:1.4}

/* Command palette & feedback */
.command-input input{font-size:var(--text-base)}
.command-results>span{font-size:var(--text-2xs)}
.command-results strong{font-size:var(--text-sm);line-height:1.3}
.command-results small{font-size:var(--text-xs);line-height:1.35}
.command-results em{font-size:var(--text-xs)}
.toast strong{font-size:var(--text-sm);line-height:1.3}
.toast small{font-size:var(--text-xs);line-height:1.35}

/* Keep numerical data visually stable */
.metric-card>strong,
.commerce-meta strong,
.performance-summary strong,
.stage-score>strong,
.activity-value,
.activity-row time,
.score-ring strong,
.trend{
  font-feature-settings:"tnum" 1,"lnum" 1;
}

/* Tablet: slightly more generous reading sizes without losing density */
@media(max-width:900px){
  body{font-size:var(--text-md)}
  .nav-link,.nav-parent{font-size:var(--text-md)}
  .nav-children button{font-size:var(--text-base)}
  .search input{font-size:var(--text-base)}
  .welcome-copy p,.generic-hero p{font-size:var(--text-base)}
}

/* Mobile: minimum comfortable sizes and no iOS input zoom */
@media(max-width:650px){
  body{font-size:15px;line-height:1.55}
  .page-heading h1{font-size:1.625rem}
  .breadcrumb{font-size:.8125rem}
  .section-label{font-size:.75rem}
  .filter-button,.range-switcher button{font-size:.8125rem}
  .primary-button,.secondary-button,.text-button{font-size:.875rem}
  .health-item strong,.activity-row strong{font-size:.875rem}
  .health-item small,.activity-row small,.metric-card>span,.metric-footer span:last-child,.stage-score>span,.legend{font-size:.8125rem}
  .metric-card>strong{font-size:1.75rem}
  .performance-summary strong{font-size:2rem}
  .stage-score>strong,.activity-value{font-size:.8125rem}
  input,select,textarea{font-size:16px!important}
}

/* Very small phones */
@media(max-width:390px){
  .page{padding-left:14px;padding-right:14px}
  .brand-name{font-size:1.0625rem}
  .page-heading h1{font-size:1.5rem}
  .metric-card>strong{font-size:1.625rem}
  .performance-summary strong{font-size:1.875rem}
}

/* Foundation integration */
a.nav-link,.nav-children a{ text-decoration:none; }
.nav-children a{width:100%;height:36px;border:0;background:transparent;border-radius:6px;text-align:left;padding:0 12px;color:#6b7481;font-size:13px;display:flex;align-items:center}
.nav-children a:hover{background:#f6f8fa;color:#141923}
.nav-children a.active{color:var(--brand-ink);background:var(--brand-soft);font-weight:650}
.workspace-switch{margin:0 0 10px;padding:0 12px}
.workspace-switch select{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 9px;color:var(--text-2);font-size:12px}
.logout-form{margin:0}.logout-button{border:0;background:transparent;color:#8b95a1;padding:4px 0;font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi-card{padding:18px 19px}.kpi-card span{display:block;color:#727d89;font-size:12px}.kpi-card strong{display:block;margin-top:8px;font-size:26px;letter-spacing:-.04em}.kpi-card small{display:block;margin-top:7px;color:#9aa3ad}
.foundation-note{padding:16px 18px;margin-bottom:16px;background:var(--brand-soft);border-color:var(--brand-line)}.foundation-note strong{display:block;margin-bottom:4px;color:var(--brand-ink)}.foundation-note p{margin:0;color:#5f6674;font-size:12px;line-height:1.5}
.command-results a{width:100%;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:10px 8px;border-radius:6px}.command-results a:hover{background:#f7f8fa}
.auth-body{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:24px}.auth-shell{width:min(100%,430px)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.auth-card{padding:30px}.auth-card h1{margin:0 0 8px;font-size:24px;letter-spacing:-.035em}.auth-card>p{margin:0 0 22px;color:var(--text-2);line-height:1.6}.form-group{display:grid;gap:7px;margin-bottom:14px}.form-group label{font-size:12px;font-weight:650}.form-group input{height:42px;border:1px solid var(--line-strong);border-radius:7px;padding:0 12px;background:#fff;color:var(--text)}.form-group input:focus{border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-soft);outline:0}.auth-card .primary-button{width:100%;height:42px;margin-top:4px}.auth-meta{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px}.auth-meta a{color:var(--brand-ink);text-decoration:none}.alert{padding:11px 12px;border-radius:7px;margin-bottom:16px;font-size:12px;line-height:1.45}.alert-error{background:#fff0f0;color:#8a3434;border:1px solid #f3c9c9}.alert-success{background:var(--green-soft);color:#266c50;border:1px solid #cfeadb}.generic-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.generic-hero,.generic-placeholder{padding:26px}.generic-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--brand-soft);color:var(--brand-dark);font-size:18px;margin-bottom:18px}.generic-hero h2{margin:7px 0 8px}.generic-hero p{margin:0 0 20px;color:var(--text-2)}.skeleton{height:12px;border-radius:5px;background:#f0f2f4;margin-bottom:12px}.skeleton.title{width:35%;height:18px}.skeleton.wide{width:92%}.skeleton.medium{width:68%}.skeleton.chart{width:100%;height:160px;margin-top:28px}.footer{padding:18px 34px 26px;color:#9aa3ad}
@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generic-layout{grid-template-columns:1fr}}
@media(max-width:650px){.kpi-grid{grid-template-columns:1fr}.auth-card{padding:24px}.auth-meta{flex-direction:column}}

.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.topbar a.icon-button{text-decoration:none}

/* Milestone 2: Customer Data */
.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px}.data-toolbar>div{display:flex;flex-direction:column;gap:4px}.data-toolbar strong{font-size:1.15rem}.data-search{display:flex;gap:8px;min-width:min(480px,55%)}.data-search input{width:100%;height:38px;border:1px solid #dfe3e8;border-radius:7px;padding:0 12px;background:#fff;color:#26313d}.table-card{overflow:hidden;padding:0}.table-card .card-header{padding:18px 20px;border-bottom:1px solid #eef0f2}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th{padding:11px 16px;background:#fafbfc;border-bottom:1px solid #e9edf0;text-align:left;font-size:11px;letter-spacing:.055em;text-transform:uppercase;color:#78818d;font-weight:650}.data-table td{padding:14px 16px;border-bottom:1px solid #eef0f2;color:#46515e;vertical-align:middle;font-size:13px}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong{display:block;color:#202a35;font-size:13px}.data-table td small{display:block;color:#8a939e;margin-top:3px}.data-table code,.attribute-grid code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#58616c}.empty-state{padding:30px!important;text-align:center!important;color:#87909b!important}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;background:#f1f3f5;color:#69727e;text-transform:capitalize}.status-pill.opted_in{background:#edf8f1;color:#31754a}.status-pill.opted_out{background:#fff0ed;color:#a74d3a}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:14px 0;font-size:12px;color:#7a838f}.pagination a{color:var(--brand-dark);text-decoration:none}.profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.profile-card{padding:20px}.detail-list{margin:16px 0 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #eef0f2}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#7d8792;font-size:12px}.detail-list dd{margin:0;color:#28323d;font-size:13px;text-align:right}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.profile-metrics>div{border:1px solid #edf0f2;border-radius:8px;padding:14px}.profile-metrics span{display:block;color:#818a95;font-size:11px}.profile-metrics strong{display:block;margin-top:5px;font-size:1.2rem;color:#222d38}.muted-copy{color:#808995;font-size:12px;line-height:1.55;margin:16px 0 0}.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#edf0f2}.attribute-grid>div{background:#fff;padding:14px 16px}.attribute-grid span{display:block;color:#737d88;font-size:11px;margin-bottom:6px}.json-preview{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--brand-dark)}
@media(max-width:900px){.data-toolbar{align-items:stretch;flex-direction:column}.data-search{min-width:0;width:100%}.profile-grid{grid-template-columns:1fr}.attribute-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.data-search{flex-direction:column}.profile-metrics{grid-template-columns:1fr}.attribute-grid{grid-template-columns:1fr}}

/* Milestone 2.1: Live event stream & identity observability */
.event-kpi-grid{margin-bottom:16px}.event-toolbar{align-items:center}.event-toolbar small{color:#8b949f;font-size:11px}.event-filter-form{display:flex;align-items:end;gap:8px}.event-filter-form label{display:grid;gap:6px;color:#77818d;font-size:11px;font-weight:650}.event-filter-form select{height:38px;min-width:190px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;padding:0 10px;color:#26313d}.live-toggle{gap:7px}.live-dot,.connection-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29a36a;box-shadow:0 0 0 3px rgba(41,163,106,.1)}.live-toggle.is-paused .live-dot,.event-connection.is-paused .connection-dot{background:#a3aab3;box-shadow:none}.event-table-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.event-connection{display:flex;align-items:center;gap:7px;color:#5e6a76;font-size:11px}.event-connection.is-error{color:#a74d3a}.event-connection.is-error .connection-dot{background:#d85d45;box-shadow:0 0 0 3px rgba(216,93,69,.1)}.event-type-badge{display:inline-flex;align-items:center;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.source-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f1f3f5;color:#68727d;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.customer-event-link{display:block;color:#202a35;text-decoration:none;font-weight:650}.customer-event-link:hover{color:var(--brand-dark)}.anonymous-label{display:block;color:#727c87;font-weight:650}.live-event-table td small{display:block;margin-top:4px;color:#8d96a0}.event-properties{min-width:90px}.event-properties summary{cursor:pointer;color:var(--brand-dark);font-size:11px;font-weight:650;list-style:none}.event-properties summary::-webkit-details-marker{display:none}.event-properties pre{width:min(520px,50vw);max-height:300px;overflow:auto;margin:10px 0 0;padding:12px;border-radius:7px;background:#171b21;color:#dbe2ea;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.event-row-new{animation:event-arrive .55s ease-out}@keyframes event-arrive{from{background:var(--brand-soft)}to{background:transparent}}.live-events-note{margin:14px 2px 0;color:#929aa4;font-size:11px}.profile-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-card-heading h3{margin:5px 0 0}.behavior-metrics{grid-template-columns:repeat(3,1fr)}.compact-detail-list{margin-top:12px}.event-type-list{display:grid;margin-top:16px}.event-type-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eef0f2}.event-type-list>div:last-child{border-bottom:0}.event-type-list span{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#53606c}.event-type-list strong{font-size:12px;font-variant-numeric:tabular-nums}.profile-section-card{margin-top:16px}.profile-section-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-section-card .card-header small{color:#8a939d;font-size:11px}.identity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#edf0f2}.identity-card{min-width:0;background:#fff;padding:15px 16px}.identity-card>span{display:block;margin-bottom:7px;color:#737d88;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.identity-card code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3742;font-size:11px}.identity-card small{display:block;margin-top:7px;color:#949ca6;font-size:10px}.url-cell{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-data-table{min-width:980px}
@media(max-width:900px){.event-filter-form{width:100%;align-items:end}.event-filter-form label{flex:1}.event-filter-form select{width:100%;min-width:0}.identity-cards{grid-template-columns:1fr 1fr}.behavior-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.event-filter-form{flex-direction:column;align-items:stretch}.identity-cards{grid-template-columns:1fr}.behavior-metrics{grid-template-columns:1fr}.event-properties pre{width:75vw}.event-table-header{align-items:flex-start;flex-direction:column}}
.dashboard-events-card{margin-bottom:16px}.dashboard-events-table{min-width:680px}

/* Milestone 2.2: Generic customer import & sync */
.page-subtitle{margin:8px 0 0;color:#7a8590;max-width:760px;line-height:1.55}.integration-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.integration-hero,.integration-flow-card{padding:22px}.integration-hero h2,.integration-flow-card h2{margin:6px 0 10px}.integration-hero>p{color:#687480;line-height:1.65;max-width:820px}.integration-hero code,.integration-flow-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#3a4652}.integration-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:20px;background:#edf0f2;border:1px solid #edf0f2;border-radius:9px;overflow:hidden}.integration-facts>div{background:#fff;padding:14px}.integration-facts span{display:block;color:#818b96;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.integration-facts strong,.integration-facts code{display:block;color:#29343f;font-size:12px;overflow-wrap:anywhere}.identity-flow{display:grid;gap:8px;margin-top:18px}.identity-flow>div{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #edf0f2;border-radius:8px;background:#fbfcfd}.identity-flow>div strong{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:7px;background:var(--brand-soft);color:var(--brand-dark);font-size:11px}.identity-flow>div span{font-size:12px;color:#495562}.identity-flow>i{text-align:center;color:#a4acb5;font-style:normal}.integration-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.integration-code-card{overflow:hidden}.integration-code-card .card-header{padding:18px 20px;border-bottom:1px solid #eef0f2}.integration-code-card h2{margin:5px 0 0}.integration-code{margin:0;padding:18px 20px;min-height:280px;overflow:auto;background:#171b21;color:#dce4ec;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.integration-note{margin:0;padding:15px 20px;border-top:1px solid #eef0f2;color:#6f7a86;font-size:11px;line-height:1.6;background:#fff}.integration-sync-card{margin-bottom:16px}.integration-sync-card .card-header{padding:18px 20px;border-bottom:1px solid #eef0f2}.sync-table{min-width:980px}.status-pill.sync-partial{background:#fff7e8;color:#9a6a18}
@media(max-width:1000px){.integration-grid,.integration-doc-grid{grid-template-columns:1fr}}@media(max-width:650px){.integration-facts{grid-template-columns:1fr}.integration-code{min-height:220px}}

/* Segment Engine */
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.page-subtitle{margin:8px 0 0;color:#7f8995;font-size:12px;line-height:1.55}.segment-alert{margin:0 0 16px;padding:12px 14px;border:1px solid #e3e7eb;border-radius:7px;background:#fff;font-size:12px}.segment-alert.success{border-color:#cfe7db;background:#f2faf6;color:#2f7154}.segment-alert.danger{border-color:#f0d0cc;background:#fff5f3;color:#9b4438}.segment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.segment-list-card,.segment-members-card,.segment-evaluation-card{padding:18px 20px;margin-top:16px}.segment-table td small,.segment-members-card td small{display:block;margin-top:4px;color:#99a2ad}.segment-editor-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr);gap:16px}.segment-settings-card,.segment-rules-card,.segment-rules-preview,.segment-worker-card{padding:22px}.segment-settings-card h2,.segment-rules-card h2,.segment-rules-preview h2,.segment-worker-card h2{margin:6px 0 18px;font-size:16px}.segment-field{display:block;margin:0 0 16px}.segment-field>span,.segment-rule-field-wrap>span{display:block;margin:0 0 6px;color:#687382;font-size:10px;font-weight:650}.segment-field input,.segment-field textarea,.segment-field select,.segment-rule-fields input,.segment-rule-fields select,.segment-group-operator{width:100%;border:1px solid #dfe4e9;border-radius:6px;background:#fff;color:#303844;padding:9px 10px;font:inherit;font-size:11px;outline:0}.segment-field textarea{resize:vertical}.segment-field input:focus,.segment-field textarea:focus,.segment-field select:focus,.segment-rule-fields input:focus,.segment-rule-fields select:focus,.segment-group-operator:focus{border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-soft)}.segment-help{margin-top:20px;padding:13px;border-radius:7px;background:var(--brand-soft);color:#63707d;font-size:11px;line-height:1.5}.segment-help strong{color:var(--brand-ink)}.segment-help p{margin:5px 0 0}.segment-rules-heading{display:flex;align-items:flex-start;justify-content:space-between}.segment-safe-badge{padding:5px 8px;border-radius:99px;background:#eef8f3;color:#39745a;font-size:9px;font-weight:750}.segment-builder{display:grid;gap:12px}.segment-rule-group{border:1px solid #e2e6ea;border-radius:8px;background:#fafbfc;padding:12px}.segment-rule-group .segment-rule-group{margin-top:10px;background:#fff;border-left:3px solid var(--brand-line)}.segment-rule-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.segment-rule-group-title{display:flex;align-items:center;gap:8px;color:#737d88;font-size:10px;font-weight:650}.segment-group-operator{width:auto;padding:6px 25px 6px 8px}.segment-rule-group-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.segment-mini-button{height:29px;padding:0 9px;font-size:9px}.segment-rule-group-body{display:grid;gap:9px}.segment-rule-card{padding:10px;border:1px solid #e7eaee;border-radius:7px;background:#fff}.segment-rule-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.segment-rule-card-head strong{color:#8a949f;font-size:9px;letter-spacing:.08em}.segment-rule-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.segment-rule-field-wrap{min-width:0}.segment-rule-field-wrap input,.segment-rule-field-wrap select{min-width:0}.segment-builder-error{padding:10px;border-radius:6px;background:#fff2ef;color:#9b4438;font-size:11px}.segment-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px}.segment-rule-summary-group{margin-top:10px;padding:10px;border:1px solid #e6eaee;border-radius:7px;background:#fafbfc}.segment-rule-summary-group>.segment-rule-summary-group{margin-left:12px;background:#fff}.segment-rule-summary-group>strong{display:inline-block;margin-bottom:8px;color:var(--brand-dark);font-size:10px}.segment-rule-summary{display:grid;grid-template-columns:80px minmax(120px,.8fr) minmax(180px,1.3fr) minmax(120px,.8fr);gap:9px;align-items:center;padding:8px 0;border-top:1px solid #eceff2;font-size:11px}.segment-rule-summary span{color:#919aa4;text-transform:uppercase;font-size:8px}.segment-rule-summary em{font-style:normal;color:#66717e}.segment-rule-summary small{color:#9aa3ad}.segment-worker-card p{color:#737e89;font-size:11px;line-height:1.6}.segment-worker-card pre{overflow:auto;padding:12px;border-radius:6px;background:#171d25;color:#e6edf3;font-size:11px}.segment-detail-kpis .kpi-card strong .status-pill{font-size:10px}.segment-evaluation-card{margin-bottom:10px}
@media(max-width:1000px){.segment-editor-grid,.segment-detail-grid{grid-template-columns:1fr}.segment-rule-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.segment-summary-grid{grid-template-columns:1fr}.segment-rule-group-head{align-items:flex-start;flex-direction:column}.segment-rule-group-actions{justify-content:flex-start}.segment-rule-fields{grid-template-columns:1fr}.segment-rule-summary{grid-template-columns:1fr;gap:3px}}
.segment-form{padding:22px}.segment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.segment-form-grid label{display:block}.segment-form-grid label>span{display:block;margin-bottom:6px;color:#687382;font-size:10px;font-weight:650}.segment-form-grid input,.segment-form-grid select{width:100%;border:1px solid #dfe4e9;border-radius:6px;background:#fff;color:#303844;padding:9px 10px;font:inherit;font-size:11px;outline:0}.segment-form-wide{grid-column:1/-1}.segment-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.journey-flow{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:18px}.journey-node{width:min(520px,100%);display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e2e6ea;border-radius:8px;background:#fafbfc}.journey-node small{color:var(--brand-ink);font-size:9px;font-weight:750;letter-spacing:.08em}.journey-node strong{font-size:12px}.journey-node code{color:#929ba5;font-size:10px}.journey-arrow{color:var(--brand);font-weight:800}.heading-actions select{height:34px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:0 28px 0 9px;color:#4d5764;font-size:11px}@media(max-width:650px){.segment-form-grid{grid-template-columns:1fr}.segment-form-wide{grid-column:auto}.journey-node{grid-template-columns:1fr}.segment-form-actions{justify-content:stretch}.segment-form-actions>*{flex:1}}

/* Milestone 5: Messaging & Email */
.messaging-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.messaging-smtp-card,.messaging-worker-card{padding:22px}.messaging-smtp-card h2,.messaging-worker-card h2{margin:6px 0 14px}.smtp-state{margin-bottom:14px}.messaging-smtp-card dl{margin:0;display:grid;gap:1px;background:#edf0f2;border:1px solid #edf0f2;border-radius:8px;overflow:hidden}.messaging-smtp-card dl div{display:grid;grid-template-columns:110px 1fr;gap:10px;background:#fff;padding:10px 12px}.messaging-smtp-card dt{color:#8a949f;font-size:10px}.messaging-smtp-card dd{margin:0;font-size:11px;overflow-wrap:anywhere}.messaging-smtp-card p,.messaging-worker-card p{color:#737e89;font-size:11px;line-height:1.6}.messaging-worker-card pre{overflow:auto;padding:11px;border-radius:6px;background:#171d25;color:#e6edf3;font-size:11px}.messaging-template-card,.messaging-message-card{margin-bottom:16px}.messaging-template-card .card-header,.messaging-message-card .card-header{padding:18px 20px;border-bottom:1px solid #eef0f2}.messaging-table{min-width:1150px}.messaging-table td small{display:block;margin-top:4px;color:#99a2ad}.message-error{max-width:260px;white-space:normal!important;overflow-wrap:anywhere}.message-template-form{padding:22px}.message-template-form textarea{width:100%;border:1px solid #dfe4e9;border-radius:6px;background:#fff;color:#303844;padding:10px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.template-variable-help{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px;padding:12px;border-radius:7px;background:var(--brand-soft);font-size:10px;color:#687382}.template-variable-help code{padding:4px 6px;border-radius:4px;background:#fff;color:var(--brand-ink)}.template-test-card{display:grid;grid-template-columns:1fr minmax(220px,.7fr) auto;align-items:end;gap:16px;margin-top:16px;padding:22px}.template-test-card h2{margin:5px 0}.template-test-card p{margin:0;color:#7c8793;font-size:11px}.template-test-card label span{display:block;margin-bottom:6px;color:#687382;font-size:10px}.template-test-card input{width:100%;border:1px solid #dfe4e9;border-radius:6px;padding:9px 10px;font:inherit;font-size:11px}@media(max-width:850px){.messaging-grid,.template-test-card{grid-template-columns:1fr}}

/* Milestone 6: Automation UX consolidation */
.automation-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.automation-kpi{padding:20px}.automation-kpi span,.automation-kpi strong,.automation-kpi small{display:block}.automation-kpi span{color:#7c8793;font-size:10px}.automation-kpi strong{margin-top:7px;font-size:24px;letter-spacing:-.04em}.automation-kpi small{margin-top:7px;color:#9aa3ad;font-size:9px}.automation-library,.automation-table-card{padding:20px;margin-bottom:16px}.automation-usecases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.automation-usecase{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #e4e8ec;border-radius:8px;background:#fff;color:#394450;text-decoration:none}.automation-usecase:hover{border-color:var(--brand-line);background:var(--brand-soft)}.automation-usecase-icon{width:32px;height:32px;border-radius:7px;background:#f3f5f7;display:grid;place-items:center}.automation-usecase strong,.automation-usecase small{display:block}.automation-usecase strong{font-size:11px}.automation-usecase small{margin-top:4px;color:#8d97a2;font-size:9px;line-height:1.35}.automation-usecase em{font-style:normal;padding:4px 7px;border-radius:99px;background:#edf8f2;color:#39745a;font-size:8px;font-weight:750;text-transform:uppercase}.automation-usecase.planned em{background:#f3f4f6;color:#7a8490}.automation-table{min-width:1180px}.automation-table td small{display:block;margin-top:4px;color:#9aa3ad}.automation-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.automation-assets-card{padding:20px}.automation-assets-card>.card-header{padding-bottom:12px;border-bottom:1px solid #eef0f2}.automation-asset-list{display:grid}.automation-asset-list>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f4;text-decoration:none;color:#3e4854}.automation-asset-list strong,.automation-asset-list small{display:block}.automation-asset-list strong{font-size:11px}.automation-asset-list small{margin-top:3px;color:#9aa3ad;font-size:9px}.automation-asset-list>p{color:#8f98a3;font-size:11px}.automation-asset-action{margin-top:14px}.automation-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;border:1px solid #e4e8ec;border-radius:8px;overflow:hidden;background:#e4e8ec}.automation-stepper span{padding:11px 14px;background:#fff;color:#7d8792;font-size:10px;font-weight:650}.automation-stepper span.active{color:var(--brand-ink);background:var(--brand-soft)}.automation-picker{padding:20px;margin-bottom:16px}.automation-picker h2{margin:6px 0 14px}.automation-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.automation-picker-grid a{display:block;padding:12px;border:1px solid #e3e7eb;border-radius:7px;color:#46515e;text-decoration:none}.automation-picker-grid a.selected{border-color:var(--brand-line);box-shadow:0 0 0 2px var(--brand-soft)}.automation-picker-grid strong,.automation-picker-grid small{display:block}.automation-picker-grid strong{font-size:10px}.automation-picker-grid small{margin-top:4px;color:#9aa3ad;font-size:8px}.automation-picker-grid .future{background:#fafbfc}.automation-coming-soon{padding:28px}.automation-coming-soon h2{margin:7px 0 8px}.automation-coming-soon p{max-width:720px;color:#737e89;font-size:11px;line-height:1.65}.automation-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.automation-config-card{padding:22px;position:relative}.automation-config-card h2{margin:6px 0 18px;font-size:16px}.automation-card-number{position:absolute;right:18px;top:18px;color:#c3c9cf;font-size:10px;font-weight:750}.automation-flow-card{grid-column:1/-1}.automation-trigger-box{padding:14px;margin-bottom:16px;border:1px solid #e1e6ea;border-left:3px solid var(--brand);border-radius:7px;background:#fafbfc}.automation-trigger-box strong,.automation-trigger-box small{display:block}.automation-trigger-box strong{font-size:11px}.automation-trigger-box small{margin-top:4px;color:#8a949f;font-size:9px}.automation-unit-input{display:grid;grid-template-columns:1fr auto;align-items:stretch}.automation-unit-input input{border-radius:6px 0 0 6px!important}.automation-unit-input>span{display:grid;place-items:center;padding:0 10px;border:1px solid #dfe4e9;border-left:0;border-radius:0 6px 6px 0;background:#f7f8fa;color:#7d8792;font-size:9px}.automation-hint{margin:10px 0;color:#7b8692;font-size:10px;line-height:1.55}.automation-flow-editor{display:flex;flex-direction:column;align-items:center;gap:7px}.automation-flow-editor>i{font-style:normal;color:var(--brand);font-weight:800}.automation-flow-node{width:min(680px,100%);display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e3e7eb;border-radius:8px;background:#fafbfc}.automation-flow-node>span{font-size:8px;font-weight:800;letter-spacing:.08em;color:#7d8792}.automation-flow-node strong,.automation-flow-node small{display:block}.automation-flow-node strong{font-size:11px}.automation-flow-node small{margin-top:3px;color:#929ba5;font-size:9px}.automation-flow-node select{width:100%;margin-top:7px;border:1px solid #dfe4e9;border-radius:6px;padding:8px;background:#fff;font-size:10px}.automation-flow-node.action{border-left:3px solid var(--brand)}.automation-flow-node.condition{border-left:3px solid #6e87a5}.automation-flow-node.wait{border-left:3px solid #b89258}.automation-builder-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:1100px){.automation-usecases,.automation-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.automation-assets-grid,.automation-builder-grid{grid-template-columns:1fr}.automation-flow-card{grid-column:auto}}@media(max-width:650px){.automation-summary-grid,.automation-usecases,.automation-picker-grid,.automation-stepper{grid-template-columns:1fr}.automation-builder-actions>*{flex:1}}
.automation-picker-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.automation-picker-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.automation-picker-grid-five{grid-template-columns:1fr}}


/* getBres sidebar-close hotfix 0.7.1 */
@media (min-width:901px){.icon-button.close-sidebar{display:none!important}}
@media (max-width:900px){.icon-button.close-sidebar{display:grid!important}}