@view-transition { navigation: auto; }

:root {
  color-scheme: light;
  --ink: #0f172a;
  --ink-2: #1e293b;
  --muted: #64748b;
  --muted-2: #94a3b8;
  --canvas: #f5f7fb;
  --canvas-2: #eef2f8;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-tint: #f4f6ff;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;
  --primary: #4f46e5;
  --primary-2: #6366f1;
  --primary-3: #818cf8;
  --blue: #2563eb;
  --cyan: #0891b2;
  --teal: #0f9d8a;
  --green: #16a34a;
  --amber: #d97706;
  --rose: #e11d48;
  --danger: #dc2626;
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-sm: 0 10px 30px rgba(15, 23, 42, .06);
  --shadow-md: 0 22px 60px rgba(51, 65, 85, .12);
  --shadow-lg: 0 38px 110px rgba(51, 65, 85, .18);
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --container: 1240px;
  --page: clamp(18px, 4vw, 54px);
  --font: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;
  --display: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --ease: cubic-bezier(.2, .75, .25, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--canvas); }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 0 0, rgba(99, 102, 241, .07), transparent 28rem),
    radial-gradient(circle at 100% 8%, rgba(6, 182, 212, .055), transparent 30rem),
    var(--surface);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
body.app-body.portal { background: var(--canvas); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { padding: 0; }
.container { width: min(var(--container), calc(100% - var(--page) * 2)); margin-inline: auto; }
.section { position: relative; padding: clamp(82px, 9vw, 138px) 0; }
.skip, .skip-link { position: fixed; top: 8px; left: 8px; z-index: 9999; transform: translateY(-180%); padding: 10px 14px; border-radius: 10px; background: var(--ink); color: #fff; }
.skip:focus, .skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.soft, .muted { color: var(--muted); }
.meta { color: var(--muted-2); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow { margin: 0; color: var(--primary); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lede { color: var(--muted); font-size: clamp(17px, 1.7vw, 20px); line-height: 1.75; }
.xl, .heading-xl { font-size: clamp(40px, 5vw, 68px); line-height: 1.02; letter-spacing: -.055em; }
.lg, .heading-lg { font-size: clamp(30px, 3.6vw, 50px); line-height: 1.08; letter-spacing: -.045em; }
.md, .heading-md { font-size: clamp(22px, 2.3vw, 32px); line-height: 1.18; letter-spacing: -.03em; }

::selection { background: rgba(79, 70, 229, .16); color: var(--ink); }
:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(79, 70, 229, .16); }

/* Brand */
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); view-transition-name: brand; }
.brand-symbol { position: relative; display: inline-block; width: 36px; height: 36px; flex: none; }
.brand-symbol::before, .brand-symbol::after, .brand-symbol i, .brand-symbol b { position: absolute; display: block; content: ""; }
.brand-symbol::before { left: 0; top: 3px; width: 16px; height: 30px; background: linear-gradient(155deg, #4338ca, #1d4ed8); clip-path: polygon(50% 0, 100% 100%, 62% 100%, 44% 61%, 25% 100%, 0 100%); }
.brand-symbol::after { right: 0; top: 3px; width: 16px; height: 30px; background: linear-gradient(150deg, #22d3ee, #6366f1); clip-path: polygon(50% 0, 100% 100%, 70% 100%, 50% 64%, 30% 100%, 0 100%); }
.brand-symbol i { left: 13px; top: 22px; width: 10px; height: 8px; background: #fff; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.brand-symbol b { display: none; }
.brand-symbol--mini { width: 28px; height: 28px; transform: scale(.78); transform-origin: center; }
.brand-wordmark { display: grid; font-size: 13px; line-height: 1; letter-spacing: -.025em; }
.brand-wordmark strong { font-size: 15px; font-weight: 800; }
.brand-wordmark span { margin-top: 2px; color: #334155; font-weight: 650; }

/* Header and navigation */
.site-header { position: sticky; top: 0; z-index: 90; border-bottom: 1px solid rgba(226, 232, 240, .75); background: rgba(255, 255, 255, .82); backdrop-filter: blur(22px) saturate(1.25); transition: box-shadow .25s ease, background .25s ease; }
.site-header.is-scrolled { background: rgba(255, 255, 255, .96); box-shadow: 0 14px 38px rgba(15, 23, 42, .07); }
.header-inner { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 28px; }
.site-nav { display: flex; align-items: center; gap: 6px; }
.nav-link { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 12px; border-radius: 11px; color: #475569; font-size: 13px; font-weight: 650; transition: background .2s ease, color .2s ease, transform .2s ease; }
.nav-link i { color: #94a3b8; font-size: 12px; }
.nav-link:hover, .nav-link.active { background: #f4f6fb; color: var(--primary); }
.nav-link:hover i, .nav-link.active i { color: var(--primary); }
.nav-login { margin-left: 10px; }
.nav-cta { min-height: 44px !important; margin-left: 2px; padding-inline: 16px !important; }
.menu-button { display: none; width: 46px; height: 46px; place-items: center; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: var(--ink); cursor: pointer; box-shadow: var(--shadow-xs); }
.nav-scrim, .portal-scrim { position: fixed; inset: 0; z-index: 89; visibility: hidden; border: 0; background: rgba(15, 23, 42, .42); opacity: 0; backdrop-filter: blur(4px); transition: opacity .25s ease, visibility .25s ease; }
.nav-scrim.open, .portal-scrim.open { visibility: visible; opacity: 1; }
body.nav-open, body.portal-nav-open { overflow: hidden; }

/* Buttons */
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 750; letter-spacing: -.01em; cursor: pointer; box-shadow: var(--shadow-xs); transition: transform .22s var(--ease), box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.button:hover { transform: translateY(-2px); }
.button i { font-size: .9em; transition: transform .2s ease; }
.button:hover .fa-arrow-right { transform: translateX(3px); }
.button--primary, .button.primary, .primary.button { background: linear-gradient(135deg, #4f46e5, #3b82f6); color: #fff; box-shadow: 0 14px 32px rgba(79, 70, 229, .22); }
.button--primary:hover, .button.primary:hover { box-shadow: 0 20px 42px rgba(79, 70, 229, .3); }
.button--secondary, .button.secondary, .secondary.button { border-color: #d6dcf7; background: rgba(255, 255, 255, .9); color: var(--primary); }
.button--secondary:hover, .button.secondary:hover { border-color: #a5b4fc; background: #f7f8ff; }
.button--light { border-color: rgba(255, 255, 255, .2); background: #fff; color: #312e81; box-shadow: 0 18px 40px rgba(30, 41, 59, .18); }
.button--large, .button-large { min-height: 54px; padding-inline: 24px; border-radius: 15px; font-size: 14px; }
.button.small { min-height: 40px; padding-inline: 15px; border-radius: 11px; }
.button.full { width: 100%; }
.button.ghost { border-color: var(--line); background: transparent; box-shadow: none; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 750; }
.text-link i { font-size: 12px; transition: transform .2s ease; }
.text-link:hover i { transform: translateX(4px); }

/* Shared cards and headings */
.card, .panel, .dashboard-panel, .dashboard-kpi, .project-card, .report-card, .auth-card, .connection-card, .brand-card, .asset-card, .notice-card, .compact-card, .wide-card, .aside {
  min-width: 0;
  border: 1px solid rgba(226, 232, 240, .92);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--shadow-sm);
}
.section-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr); align-items: end; gap: clamp(28px, 5vw, 86px); margin-bottom: clamp(36px, 5vw, 68px); }
.section-heading h2, .section-copy h2, .flow-copy h2 { margin: 10px 0 0; color: var(--ink); font-family: var(--display); font-size: clamp(34px, 4.4vw, 60px); line-height: 1.04; letter-spacing: -.055em; }
.section-heading > p, .section-copy > p, .flow-copy > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.8; }

/* Adaptive homepage hero */
.adaptive-hero { position: relative; overflow: hidden; padding: clamp(62px, 8vw, 112px) 0 clamp(80px, 9vw, 130px); background: linear-gradient(180deg, #fff 0%, #fbfcff 68%, #f7f8fc 100%); }
.hero-aurora { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 73% 18%, rgba(99, 102, 241, .12), transparent 27rem), radial-gradient(circle at 89% 64%, rgba(6, 182, 212, .1), transparent 23rem), radial-gradient(circle at 15% 52%, rgba(59, 130, 246, .055), transparent 25rem); }
.hero-aurora::after { position: absolute; inset: 0; background-image: linear-gradient(rgba(148, 163, 184, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .05) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 85%); content: ""; }
.adaptive-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, .8fr) minmax(560px, 1.2fr); align-items: center; gap: clamp(44px, 6vw, 90px); min-height: 650px; }
.adaptive-hero-copy { position: relative; z-index: 2; }
.hero-badge { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #dde3ff; border-radius: 999px; background: rgba(247, 248, 255, .9); color: #4338ca; font-size: 11px; font-weight: 800; letter-spacing: .025em; }
.hero-badge span { width: 7px; height: 7px; border-radius: 50%; background: #4f46e5; box-shadow: 0 0 0 5px rgba(79, 70, 229, .12); }
.adaptive-hero h1 { max-width: 690px; margin: 24px 0 24px; font-family: var(--display); font-size: clamp(50px, 6vw, 82px); font-weight: 770; line-height: .99; letter-spacing: -.067em; text-wrap: balance; }
.hero-lede { max-width: 680px; margin: 0; color: #526077; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 11px 20px; margin-top: 28px; color: #64748b; font-size: 12px; font-weight: 650; }
.hero-proof span { display: inline-flex; align-items: center; gap: 8px; }
.hero-proof i { color: #10b981; }

.adaptive-workspace { position: relative; z-index: 3; overflow: hidden; border: 1px solid rgba(203, 213, 225, .86); border-radius: 28px; background: rgba(255, 255, 255, .92); box-shadow: 0 46px 120px rgba(51, 65, 85, .2), 0 12px 35px rgba(79, 70, 229, .09); backdrop-filter: blur(20px); transform: perspective(1400px) rotateY(-2.2deg) rotateX(1.2deg); transform-origin: center; }
.adaptive-workspace::after { position: absolute; inset: auto 10% -28px; height: 40px; border-radius: 50%; background: rgba(51, 65, 85, .16); filter: blur(24px); content: ""; }
.workspace-window-bar { display: flex; height: 48px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 18px; border-bottom: 1px solid var(--line); background: rgba(248, 250, 252, .88); color: #64748b; font-size: 10px; font-weight: 700; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #cbd5e1; }
.window-dots i:first-child { background: #fda4af; }.window-dots i:nth-child(2) { background: #facc15; }.window-dots i:last-child { background: #86efac; }
.workspace-presence { display: inline-flex; align-items: center; gap: 6px; color: #0f766e; }
.workspace-presence i { width: 6px; height: 6px; border-radius: 50%; background: #14b8a6; box-shadow: 0 0 0 4px rgba(20, 184, 166, .11); }
.workspace-shell-preview { display: grid; grid-template-columns: 58px 1fr; min-height: 510px; }
.workspace-rail-preview { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 9px; border-right: 1px solid var(--line); background: #fbfcfe; }
.workspace-rail-preview > span, .preview-brand { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #94a3b8; font-size: 14px; }
.workspace-rail-preview > span.active { background: linear-gradient(135deg, #4f46e5, #3b82f6); color: #fff; box-shadow: 0 10px 24px rgba(79, 70, 229, .22); }
.workspace-rail-preview > span:last-child { margin-top: auto; }
.workspace-canvas-preview { min-width: 0; padding: 22px; background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.workspace-canvas-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.workspace-canvas-head > div { display: grid; }
.workspace-canvas-head small { color: #94a3b8; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.workspace-canvas-head strong { font-size: 14px; letter-spacing: -.02em; }
.workspace-canvas-head button { min-height: 34px; padding: 0 11px; border: 0; border-radius: 10px; background: #4f46e5; color: #fff; font-size: 9px; font-weight: 750; box-shadow: 0 8px 18px rgba(79, 70, 229, .2); }
.workspace-context-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; }
.workspace-context-strip > span { position: relative; display: grid; gap: 2px; padding: 13px 13px 13px 38px; border: 1px solid #e8ecf3; border-radius: 13px; background: #fff; box-shadow: var(--shadow-xs); }
.workspace-context-strip i { position: absolute; top: 15px; left: 13px; color: #6366f1; font-size: 12px; }
.workspace-context-strip small { color: #94a3b8; font-size: 8px; }
.workspace-context-strip strong { overflow: hidden; color: #334155; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-preview-grid { display: grid; grid-template-columns: 1.35fr .8fr; gap: 12px; margin-top: 12px; }
.workspace-focus-card, .workspace-insight-card { min-width: 0; padding: 16px; border: 1px solid #e8ecf3; border-radius: 16px; background: #fff; box-shadow: var(--shadow-xs); }
.preview-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.preview-card-head > div { display: flex; align-items: center; gap: 9px; }
.preview-card-head strong { font-size: 10px; }
.preview-card-head em { padding: 4px 7px; border-radius: 999px; background: #eef2ff; color: #4f46e5; font-size: 7px; font-style: normal; font-weight: 800; }
.icon-well { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 10px; }
.icon-well.indigo { background: #eef2ff; color: #4f46e5; }.icon-well.teal { background: #ecfdf5; color: #0f9d8a; }.icon-well.amber { background: #fff7ed; color: #d97706; }.icon-well.blue { background: #eff6ff; color: #2563eb; }.icon-well.rose { background: #fff1f2; color: #e11d48; }
.workspace-focus-card h3 { margin: 16px 0 7px; color: #1e293b; font-size: 15px; line-height: 1.28; letter-spacing: -.025em; }
.workspace-focus-card p { margin: 0; color: #64748b; font-size: 9px; line-height: 1.55; }
.preview-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.preview-tags span { padding: 5px 7px; border: 1px solid #e4e9f2; border-radius: 7px; background: #f8fafc; color: #475569; font-size: 7px; font-weight: 700; }
.preview-progress { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; margin-top: 15px; }
.preview-progress > span { height: 5px; overflow: hidden; border-radius: 999px; background: #eef2f7; }
.preview-progress > span i { display: block; width: var(--progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4f46e5, #22c1c3); }
.preview-progress small { color: #94a3b8; font-size: 7px; }.preview-progress strong { font-size: 8px; }
.workspace-insight-card ol { display: grid; gap: 11px; margin: 17px 0 0; padding: 0; list-style: none; }
.workspace-insight-card li { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 8px; }
.workspace-insight-card li b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; background: #f1f5f9; color: #64748b; font-size: 7px; }
.workspace-insight-card li span { color: #475569; font-size: 8px; line-height: 1.3; }
.workspace-channel-row { display: grid; grid-template-columns: 1fr repeat(4, 32px); align-items: center; gap: 8px; margin-top: 12px; padding: 13px 14px; border: 1px solid #e8ecf3; border-radius: 15px; background: #fff; }
.workspace-channel-row > div { display: grid; }.workspace-channel-row small { color: #94a3b8; font-size: 7px; }.workspace-channel-row strong { font-size: 9px; }
.channel-orb { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #e6eaf0; border-radius: 10px; background: #fff; color: #334155; font-size: 13px; box-shadow: var(--shadow-xs); }
.channel-orb.meta { color: #2563eb; }.channel-orb.google { color: #ea4335; }.channel-orb.linkedin { color: #0a66c2; }.channel-orb.tiktok { color: #111827; }

/* Personalization */
.personalization-section { background: linear-gradient(180deg, #f7f8fc 0%, #fff 100%); }
.personalization-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr); align-items: center; gap: clamp(46px, 7vw, 106px); }
.section-copy > p { margin-top: 22px; }
.personalization-controls { display: grid; gap: 23px; margin-top: 34px; }
.personalization-controls legend { margin-bottom: 10px; color: #334155; font-size: 12px; font-weight: 800; }
.segmented-control, .goal-control { display: flex; flex-wrap: wrap; gap: 8px; }
.segmented-control button, .goal-control button { min-height: 42px; padding: 0 13px; border: 1px solid #dfe5ef; border-radius: 11px; background: rgba(255, 255, 255, .85); color: #64748b; font-size: 11px; font-weight: 750; cursor: pointer; transition: .2s ease; }
.segmented-control button { display: inline-flex; align-items: center; gap: 7px; }
.segmented-control button:hover, .goal-control button:hover { border-color: #a5b4fc; color: #4f46e5; }
.segmented-control button.active, .goal-control button.active { border-color: #818cf8; background: #eef2ff; color: #4338ca; box-shadow: 0 8px 22px rgba(79, 70, 229, .1); }
.personalization-output { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 34px); border: 1px solid #dfe4ef; border-radius: var(--radius-lg); background: rgba(255, 255, 255, .96); box-shadow: var(--shadow-lg); }
.personalization-output::before { position: absolute; top: -120px; right: -100px; width: 260px; height: 260px; border-radius: 50%; background: rgba(99, 102, 241, .1); filter: blur(20px); content: ""; }
.output-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.output-header > div { display: flex; align-items: center; gap: 12px; }.output-header small { display: block; color: #94a3b8; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }.output-header h3 { margin: 2px 0 0; font-size: 20px; letter-spacing: -.035em; }
.status-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #d6f5e7; border-radius: 999px; background: #f0fdf4; color: #0f766e; font-size: 8px; font-weight: 800; }
.status-chip i { width: 6px; height: 6px; border-radius: 50%; background: #10b981; }
.personalization-output > p { position: relative; margin: 22px 0; color: #64748b; font-size: 14px; line-height: 1.7; }
.output-bento { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.output-bento article { position: relative; display: grid; gap: 4px; min-height: 118px; padding: 18px; border: 1px solid #e7ebf1; border-radius: 16px; background: #fbfcfe; }
.output-bento article > span:last-child:not(.icon-well) { position: absolute; top: 18px; right: 18px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #eef2ff; color: #4f46e5; }
.output-bento small { color: #94a3b8; font-size: 9px; }.output-bento strong { max-width: 75%; font-size: 13px; line-height: 1.35; }
.output-bento .wide { grid-column: 1 / -1; min-height: auto; }
.output-bento .wide > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.output-bento .wide > div > span { padding: 7px 9px; border-radius: 9px; background: #fff; color: #475569; font-size: 9px; font-weight: 700; box-shadow: inset 0 0 0 1px #e7ebf1; }
.output-bento .recommendation { display: flex; align-items: flex-start; gap: 12px; background: linear-gradient(135deg, #f7f8ff, #f0fdfa); }
.output-bento .recommendation strong { max-width: none; font-size: 12px; }

/* Bento product system */
.platform-bento-section { background: #fff; }
.platform-bento { display: grid; grid-template-columns: 1.18fr .82fr .82fr; grid-auto-rows: minmax(250px, auto); gap: 18px; }
.bento-card { position: relative; overflow: hidden; min-width: 0; padding: clamp(24px, 3vw, 34px); border: 1px solid #e2e8f0; border-radius: 24px; background: linear-gradient(180deg, #fff, #fbfcff); box-shadow: var(--shadow-sm); transition: transform .25s var(--ease), box-shadow .25s ease, border-color .25s ease; }
.bento-card:hover { transform: translateY(-5px); border-color: #cbd5e1; box-shadow: var(--shadow-md); }
.bento-card::after { position: absolute; inset: auto -40px -70px auto; width: 180px; height: 180px; border-radius: 50%; background: rgba(99, 102, 241, .055); content: ""; }
.bento-card h3 { position: relative; max-width: 520px; margin: 10px 0 12px; color: #172033; font-size: clamp(22px, 2.1vw, 31px); line-height: 1.18; letter-spacing: -.04em; }
.bento-card > p:last-of-type { position: relative; max-width: 560px; margin: 0; color: #64748b; font-size: 14px; line-height: 1.7; }
.bento-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; font-size: 17px; }
.bento-icon.indigo { background: #eef2ff; color: #4f46e5; }.bento-icon.teal { background: #ecfdf5; color: #0f9d8a; }.bento-icon.amber { background: #fff7ed; color: #d97706; }.bento-icon.blue { background: #eff6ff; color: #2563eb; }.bento-icon.rose { background: #fff1f2; color: #e11d48; }
.bento-card--campaign { grid-column: span 2; background: radial-gradient(circle at 100% 0, rgba(99, 102, 241, .11), transparent 18rem), linear-gradient(180deg, #fff, #fafaff); }
.campaign-composer { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 28px; padding: 16px; border: 1px solid #e5e9f1; border-radius: 16px; background: rgba(255, 255, 255, .86); }
.campaign-composer span, .campaign-composer strong { padding: 8px 10px; border-radius: 10px; background: #f8fafc; color: #475569; font-size: 10px; font-weight: 750; }.campaign-composer strong { background: #eef2ff; color: #4338ca; }
.campaign-composer i { color: #94a3b8; font-size: 9px; }
.mini-platform-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; }
.mini-platform-grid span { display: flex; min-height: 48px; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid #e7ebf1; border-radius: 13px; background: #fff; color: #475569; font-size: 11px; font-weight: 750; }
.mini-platform-grid i { width: 18px; color: var(--primary); text-align: center; font-size: 15px; }
.budget-visual { position: relative; display: grid; gap: 9px; margin-top: 24px; }
.budget-visual > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 13px; border: 1px solid #e7ebf1; border-radius: 12px; background: #fff; }.budget-visual span { color: #64748b; font-size: 10px; }.budget-visual strong { color: #334155; font-size: 10px; }
.bento-card--metrics { grid-column: span 2; }
.metric-skeleton { position: relative; display: flex; height: 126px; align-items: end; gap: 10px; margin-top: 28px; padding: 20px 18px 14px; border: 1px solid #e8ecf3; border-radius: 16px; background: linear-gradient(180deg, #fbfdff, #f6f8fc); }
.metric-skeleton::before { position: absolute; inset: 25% 18px auto; height: 1px; background: #e8ecf3; box-shadow: 0 31px #e8ecf3, 0 62px #e8ecf3; content: ""; }
.metric-skeleton span { position: relative; z-index: 1; width: 100%; height: var(--h); border-radius: 7px 7px 3px 3px; background: linear-gradient(180deg, #818cf8, #4f46e5); opacity: .82; }
.metric-labels { display: flex; justify-content: space-between; margin-top: 10px; color: #94a3b8; font-size: 9px; }
.bento-card--recommendations ul { position: relative; display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; }
.bento-card--recommendations li { display: grid; grid-template-columns: 32px 1fr; align-items: start; gap: 10px; padding: 11px; border: 1px solid #e7ebf1; border-radius: 13px; background: #fff; color: #475569; font-size: 10px; line-height: 1.45; }
.bento-card--recommendations li i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: #fff1f2; color: #e11d48; }

/* Flow and confidence */
.campaign-flow-section { background: linear-gradient(180deg, #f7f8fc, #fff); }
.campaign-flow-layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(540px, 1.28fr); align-items: start; gap: clamp(48px, 8vw, 116px); }
.flow-copy { position: sticky; top: 120px; }
.flow-copy > p { margin: 20px 0 26px; }
.flow-timeline { position: relative; display: grid; gap: 12px; }
.flow-timeline::before { position: absolute; top: 48px; bottom: 48px; left: 32px; width: 1px; background: linear-gradient(#a5b4fc, #99f6e4); content: ""; }
.flow-timeline article { position: relative; display: grid; grid-template-columns: 64px 1fr 44px; align-items: center; gap: 18px; padding: 24px; border: 1px solid #e3e8f0; border-radius: 20px; background: rgba(255, 255, 255, .94); box-shadow: var(--shadow-sm); }
.flow-timeline article > span { position: relative; z-index: 1; display: grid; width: 42px; height: 42px; place-items: center; border: 6px solid #fff; border-radius: 50%; background: #eef2ff; color: #4f46e5; font-size: 9px; font-weight: 800; box-shadow: 0 0 0 1px #dfe5f3; }
.flow-timeline small { color: #4f46e5; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.flow-timeline h3 { margin: 4px 0 0; color: #334155; font-size: 14px; line-height: 1.5; font-weight: 650; }
.flow-timeline article > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #f8fafc; color: #64748b; }
.confidence-section { background: #fff; }
.confidence-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); gap: 68px; padding: clamp(34px, 5vw, 68px); border: 1px solid #dde4ef; border-radius: 30px; background: linear-gradient(135deg, #f8faff 0%, #fff 48%, #f0fdfa 100%); box-shadow: var(--shadow-md); }
.confidence-card h2 { margin: 10px 0 18px; font-size: clamp(32px, 4vw, 54px); line-height: 1.06; letter-spacing: -.05em; }.confidence-card > div > p:last-child { margin: 0; color: #64748b; }
.confidence-points { display: grid; gap: 12px; }
.confidence-points span { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 2px 12px; padding: 18px; border: 1px solid rgba(226, 232, 240, .9); border-radius: 17px; background: rgba(255, 255, 255, .82); }
.confidence-points i { grid-row: span 2; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #eef2ff; color: #4f46e5; }.confidence-points strong { font-size: 13px; }.confidence-points small { color: #64748b; font-size: 10px; line-height: 1.5; }
.adaptive-cta { padding-top: 0; background: #fff; }
.adaptive-cta-card { position: relative; display: flex; overflow: hidden; align-items: center; justify-content: space-between; gap: 40px; padding: clamp(38px, 5vw, 68px); border-radius: 32px; background: radial-gradient(circle at 100% 0, rgba(34, 211, 238, .26), transparent 22rem), linear-gradient(135deg, #312e81, #4f46e5 58%, #2563eb); color: #fff; box-shadow: 0 38px 90px rgba(79, 70, 229, .28); }
.adaptive-cta-card::after { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 42px 42px; content: ""; mask-image: linear-gradient(90deg, transparent, #000); }
.adaptive-cta-card > * { position: relative; z-index: 1; }
.adaptive-cta-card .eyebrow { color: #c7d2fe; }.adaptive-cta-card h2 { max-width: 780px; margin: 9px 0 12px; font-size: clamp(34px, 4vw, 58px); line-height: 1.04; letter-spacing: -.055em; }.adaptive-cta-card p { max-width: 680px; margin: 0; color: rgba(255,255,255,.74); }

/* Secondary public pages */
.page-hero { position: relative; overflow: hidden; padding: clamp(80px, 9vw, 130px) 0 clamp(58px, 7vw, 92px); background: linear-gradient(180deg, #fff, #f8faff); }
.page-hero::after { position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(99,102,241,.1), transparent 25rem); pointer-events: none; content: ""; }
.page-hero .container { position: relative; z-index: 1; }.page-hero h1 { max-width: 900px; margin: 12px 0 20px; font-size: clamp(46px, 6vw, 78px); line-height: 1; letter-spacing: -.065em; }.page-hero p { max-width: 780px; margin: 0; color: #64748b; font-size: 18px; line-height: 1.75; }
.intro-grid, .contact-grid, .story, .values, .models, .grid3 { display: grid; gap: 22px; }
.intro-grid, .contact-grid { grid-template-columns: 1fr 1fr; align-items: start; }.intro-grid > div, .contact-copy { min-width: 0; }.aside, .form.card { padding: clamp(24px, 4vw, 38px); }
.rows { display: grid; border-top: 1px solid var(--line); }.rows .row { display: grid; grid-template-columns: 64px minmax(0,1.15fr) minmax(260px,.75fr); gap: 34px; align-items: start; padding: 44px 0; border-bottom: 1px solid var(--line); }.rows .row > .num { color: var(--primary); font-size: 11px; font-weight: 800; }.rows .row h2 { margin: 0 0 12px; letter-spacing: -.04em; }.clean { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }.clean li { position: relative; padding-left: 22px; color: #475569; }.clean li::before { position: absolute; left: 0; color: var(--primary); content: "✓"; }
.models, .values, .grid3 { grid-template-columns: repeat(3, 1fr); }.models .card, .values > article, .service { padding: 28px; }.models .card h3 { margin-top: 34px; }.story { grid-template-columns: .7fr 1.3fr; }.story-mark { min-height: 300px; border-radius: 28px; background: linear-gradient(135deg,#eef2ff,#ecfeff); }
.post-row { display: grid; grid-template-columns: 1fr auto; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--line); }.post-row h2 { margin: 4px 0; }.article-header, .article-body { width: min(820px, calc(100% - var(--page)*2)); margin-inline: auto; }.article-header { padding: 90px 0 45px; }.article-body { padding-bottom: 100px; }.prose h2 { margin-top: 2.4em; }.prose p, .prose li { color: #475569; }.prose a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }

/* Forms / authentication */
.auth-section { min-height: calc(100vh - 78px); padding: clamp(42px, 7vw, 90px) 0; background: radial-gradient(circle at 10% 10%, rgba(99,102,241,.08), transparent 25rem), linear-gradient(180deg,#fbfcff,#f5f7fb); }
.auth-split { display: grid; grid-template-columns: minmax(0,.8fr) minmax(480px,1.2fr); align-items: stretch; gap: 28px; }
.auth-story { position: relative; overflow: hidden; padding: clamp(34px,5vw,64px); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(34,211,238,.22), transparent 20rem), linear-gradient(145deg,#312e81,#4f46e5); color: #fff; box-shadow: var(--shadow-lg); }.auth-story h1, .auth-story h2 { margin: 14px 0 20px; font-size: clamp(38px,5vw,66px); line-height: 1.04; letter-spacing: -.055em; }.auth-story p { color: rgba(255,255,255,.75); }.auth-points { display: grid; gap: 12px; margin-top: 36px; }.auth-points span { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.84); }.auth-points i { color: #99f6e4; }
.auth-card { padding: clamp(28px,4vw,46px); }.auth-head h1, .auth-head h2 { margin: 8px 0 10px; font-size: clamp(30px,4vw,46px); line-height: 1.08; letter-spacing: -.045em; }.auth-head p { color: #64748b; }
.stack-form, .form { display: grid; gap: 18px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.control { display: grid; gap: 7px; }.control > span, label > span { color: #334155; font-size: 12px; font-weight: 750; }.control input, .control textarea, .control select, .form input, .form textarea, .form select, input, textarea, select { width: 100%; min-height: 50px; padding: 11px 14px; border: 1px solid #d7dee9; border-radius: 12px; background: #fff; color: #0f172a; box-shadow: inset 0 1px 2px rgba(15,23,42,.025); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }.control textarea, textarea { min-height: 130px; resize: vertical; }.control input:focus, .control textarea:focus, .control select:focus, input:focus, textarea:focus, select:focus { outline: 0; border-color: #818cf8; box-shadow: 0 0 0 4px rgba(99,102,241,.12); }.password-field { position: relative; }.password-field button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border: 0; background: transparent; color: #64748b; cursor: pointer; }.consent { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 10px; color: #64748b; font-size: 12px; }.consent input { width: 18px; min-height: 18px; margin-top: 3px; }.form-actions, .form-between { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.form-error, .flash-error { padding: 12px 14px; border: 1px solid #fecdd3; border-radius: 12px; background: #fff1f2; color: #be123c; }.form-success, .flash-success { padding: 12px 14px; border: 1px solid #bbf7d0; border-radius: 12px; background: #f0fdf4; color: #166534; }.auth-switch { margin-top: 20px; color: #64748b; text-align: center; }.auth-switch a { color: var(--primary); font-weight: 750; }
.flash { position: relative; z-index: 100; padding: 11px 0; border-bottom: 1px solid var(--line); background: #f8fafc; }.flash .container { font-size: 13px; }

/* Portal shell - light state-of-the-art workspace */
.portal-shell { display: grid; grid-template-columns: 252px minmax(0,1fr); min-height: 100vh; background: var(--canvas); }
.portal-sidebar { position: sticky; top: 0; z-index: 120; display: flex; height: 100vh; flex-direction: column; padding: 18px 14px; border-right: 1px solid #e2e8f0; background: rgba(255,255,255,.94); color: var(--ink); backdrop-filter: blur(18px); view-transition-name: portal-sidebar; }
.portal-brand { display: flex; align-items: center; gap: 10px; padding: 8px 10px 22px; color: var(--ink); font-size: 12px; font-weight: 800; line-height: 1.05; }
.portal-nav { display: grid; gap: 4px; }
.portal-nav a { display: flex; min-height: 44px; align-items: center; gap: 12px; padding: 0 12px; border-radius: 12px; color: #64748b; font-size: 12px; font-weight: 700; transition: .2s ease; }
.portal-nav a i { display: grid; width: 24px; color: #94a3b8; text-align: center; font-size: 13px; }.portal-nav a:hover { background: #f6f7fb; color: #334155; }.portal-nav a.active { background: linear-gradient(135deg,#eef2ff,#eff6ff); color: #4338ca; box-shadow: inset 0 0 0 1px #dfe3ff; }.portal-nav a.active i { color: #4f46e5; }
.sidebar-manager { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; margin-top: auto; padding: 14px 10px; border-top: 1px solid var(--line); }.sidebar-manager div { display: grid; }.sidebar-manager small { color: #94a3b8; font-size: 9px; }.sidebar-manager strong { font-size: 11px; }.sidebar-help { display: grid; gap: 4px; margin-top: 8px; padding: 14px; border: 1px solid #e5e9f1; border-radius: 15px; background: linear-gradient(135deg,#f8faff,#f0fdfa); }.sidebar-help strong { font-size: 11px; }.sidebar-help span { color: #64748b; font-size: 9px; }.sidebar-help a { margin-top: 6px; color: var(--primary); font-size: 10px; font-weight: 800; }.sidebar-foot { display: flex; gap: 10px; padding: 12px 10px 0; }.sidebar-foot a { color: #94a3b8; font-size: 9px; }.sidebar-foot a:hover { color: var(--primary); }
.portal-main { min-width: 0; }
.portal-topbar { position: sticky; top: 0; z-index: 100; display: flex; height: 76px; align-items: center; justify-content: space-between; gap: 16px; padding: 0 clamp(18px,3vw,36px); border-bottom: 1px solid rgba(226,232,240,.88); background: rgba(255,255,255,.9); backdrop-filter: blur(18px); }
.sidebar-toggle { display: none; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); }
.topbar-tools { display: flex; align-items: center; gap: 8px; margin-left: auto; }.topbar-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: #64748b; transition: .2s ease; }.topbar-icon:hover { border-color: #c7d2fe; background: #f7f8ff; color: var(--primary); }
.topbar-user { display: flex; align-items: center; gap: 10px; margin-left: 6px; padding: 5px 8px 5px 5px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.avatar { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 12px; background: linear-gradient(135deg,#4f46e5,#3b82f6); color: #fff; font-size: 10px; font-weight: 800; box-shadow: 0 8px 18px rgba(79,70,229,.18); }.avatar--small { width: 32px; height: 32px; border-radius: 10px; }
.portal-content { padding: clamp(24px,3vw,42px) clamp(18px,3vw,38px) 72px; }
.portal-dashboard-head, .portal-hero, .campaign-hero, .campaign-detail-head, .project-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }.portal-dashboard-head h1, .portal-hero h1, .campaign-hero h1, .campaign-detail-head h1, .project-header h1 { margin: 0 0 6px; font-size: clamp(28px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; }.portal-dashboard-head p, .portal-hero p { margin: 0; color: #64748b; }
.campaign-kpis, .dashboard-kpis, .metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 18px; container-type: inline-size; }
.metric-card, .dashboard-kpi, .metric { display: flex; min-height: 128px; align-items: flex-start; gap: 14px; padding: 20px; }.metric-card > span, .kpi-icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 13px; background: #eef2ff; color: #4f46e5; }.metric-card > div, .dashboard-kpi > div { display: grid; min-width: 0; gap: 2px; }.metric-card small, .dashboard-kpi small, .metric span { color: #64748b; font-size: 10px; }.metric-card strong, .dashboard-kpi strong, .metric strong { font-size: clamp(24px,2.5vw,34px); line-height: 1.15; letter-spacing: -.045em; }.metric-card em, .dashboard-kpi em, .metric small { color: #94a3b8; font-size: 9px; font-style: normal; }
.dashboard-row, .portal-grid, .analytics-grid, .campaign-layout, .campaign-detail-grid, .budget-grid, .messages-shell, .profile-summary, .account-security { display: grid; gap: 18px; margin-bottom: 18px; }.dashboard-row--personalized, .two-one { grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); }.one-two { grid-template-columns: minmax(300px,.65fr) minmax(0,1.35fr); }.analytics-grid { grid-template-columns: 1.4fr .6fr; }.campaign-layout { grid-template-columns: minmax(0,1fr) 320px; }.campaign-detail-grid { grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); }
.dashboard-panel, .panel { padding: 22px; }.dashboard-panel-head, .panel-head, .data-head, .campaign-title-line, .connection-title, .asset-card-head, .thread-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }.dashboard-panel-head { margin-bottom: 18px; }.dashboard-panel-head h2, .panel-head h2 { margin: 0 0 3px; font-size: 17px; letter-spacing: -.025em; }.dashboard-panel-head p, .panel-head p { margin: 0; color: #94a3b8; font-size: 10px; }.dashboard-panel-head a, .panel-head a { color: var(--primary); font-size: 10px; font-weight: 800; }
.workspace-onboarding { display: grid; grid-template-columns: minmax(0,.75fr) minmax(500px,1.25fr); gap: 36px; margin-bottom: 18px; padding: clamp(24px,3vw,34px); background: linear-gradient(135deg,#fff,#f7f8ff); }.workspace-onboarding h2 { margin: 8px 0 12px; font-size: 28px; line-height: 1.15; letter-spacing: -.04em; }.workspace-onboarding p { margin: 0; color: #64748b; }.workspace-onboarding ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.workspace-onboarding li { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid #e7ebf1; border-radius: 13px; background: #fff; }.workspace-onboarding li > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: #f1f5f9; color: #64748b; font-size: 9px; font-weight: 800; }.workspace-onboarding li.current > span { background: #eef2ff; color: #4f46e5; }.workspace-onboarding li div { display: grid; }.workspace-onboarding li strong { font-size: 11px; }.workspace-onboarding li small { color: #94a3b8; font-size: 9px; }.workspace-onboarding li a { color: var(--primary); font-size: 10px; font-weight: 800; }
.dashboard-campaign-list, .readiness-list, .connected-account-list, .suggestion-list, .campaign-list, .file-list, .approval-list, .notification-list, .project-list, .recent-message-list, .latest-files-list { display: grid; }.dashboard-campaign-list > a, .readiness-list > a, .connected-account-list article, .campaign-row, .file-list > a, .approval-list > a, .project-row, .recent-message-list > a, .latest-files-list > a { display: grid; align-items: center; gap: 12px; min-width: 0; padding: 14px 0; border-bottom: 1px solid #edf0f4; }.dashboard-campaign-list > a:last-child, .readiness-list > a:last-child, .connected-account-list article:last-child, .campaign-row:last-child, .file-list > a:last-child, .approval-list > a:last-child { border-bottom: 0; }.dashboard-campaign-list > a { grid-template-columns: 38px minmax(0,1fr) auto 16px; }.campaign-brand-mark, .brand-card-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: linear-gradient(135deg,#eef2ff,#ecfeff); color: #4f46e5; font-size: 12px; font-weight: 850; }.dashboard-campaign-list > a > div, .readiness-list > a > div, .connected-account-list article > div { display: grid; min-width: 0; }.dashboard-campaign-list strong, .readiness-list strong, .connected-account-list strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.dashboard-campaign-list small, .readiness-list small, .connected-account-list small { color: #94a3b8; font-size: 9px; }.dashboard-campaign-list dl { display: flex; gap: 20px; margin: 0; }.dashboard-campaign-list dl span { display: grid; }.dashboard-campaign-list dt { color: #94a3b8; font-size: 8px; }.dashboard-campaign-list dd { margin: 0; font-size: 10px; font-weight: 800; }.readiness-list > a { grid-template-columns: 40px 1fr 16px; }.readiness-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: #f1f5f9; color: #64748b; }.readiness-icon.complete { background: #ecfdf5; color: #0f9d8a; }
.clean-empty, .empty-state { display: grid; place-items: center; gap: 6px; min-height: 190px; padding: 24px; border: 1px dashed #d8dee9; border-radius: 16px; background: #fafbfc; text-align: center; }.clean-empty > span, .empty-state > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: #eef2ff; color: #4f46e5; }.clean-empty strong, .empty-state strong { font-size: 13px; }.clean-empty p, .empty-state p { max-width: 420px; margin: 0; color: #94a3b8; font-size: 10px; }
.suggestion-list article { display: grid; grid-template-columns: 10px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid #edf0f4; }.suggestion-list article:last-child { border-bottom: 0; }.suggestion-list h3 { margin: 3px 0 4px; font-size: 12px; }.suggestion-list p { margin: 0; color: #64748b; font-size: 10px; }.suggestion-list small { color: #94a3b8; font-size: 8px; text-transform: uppercase; }.priority-dot { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: #94a3b8; }.priority-dot.critical { background: #e11d48; }.priority-dot.high { background: #f97316; }.priority-dot.medium { background: #eab308; }.priority-dot.low { background: #22c55e; }

/* Portal detail pages, tables, cards */
.brand-card-grid, .project-card-grid, .report-grid, .connection-grid, .asset-grid, .setup-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 18px; }.brand-card, .project-card, .report-card, .connection-card, .asset-card { position: relative; overflow: hidden; padding: 22px; transition: transform .22s var(--ease), box-shadow .22s ease, border-color .22s ease; }.brand-card:hover, .project-card:hover, .report-card:hover, .connection-card:hover, .asset-card:hover { transform: translateY(-4px); border-color: #cbd5e1; box-shadow: var(--shadow-md); }.brand-card h2, .project-card h2, .report-card h2, .connection-card h2, .asset-card h2 { margin: 12px 0 7px; font-size: 18px; letter-spacing: -.03em; }.brand-card p, .project-card p, .report-card p, .connection-card p, .asset-card p { color: #64748b; font-size: 11px; }.brand-card-grid .button, .connection-actions .button { width: fit-content; }
.campaign-row { grid-template-columns: minmax(0,1fr) auto; }.campaign-row-main { display: flex; align-items: center; gap: 12px; }.campaign-row-main > div { min-width: 0; }.campaign-row-main strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.campaign-row-main small { color: #94a3b8; }.campaign-row-metrics { display: flex; gap: 22px; }.campaign-row-metrics span { display: grid; }.campaign-row-metrics small { color: #94a3b8; font-size: 8px; }.campaign-row-metrics strong { font-size: 11px; }
.status-pill, .badge, .connection-status, .approval-state { display: inline-flex; align-items: center; gap: 5px; width: fit-content; padding: 5px 8px; border-radius: 999px; background: #eef2ff; color: #4f46e5; font-size: 8px; font-weight: 800; text-transform: uppercase; }.status-pill.active, .connection-status.connected, .approval-state.approved, .success { background: #ecfdf5; color: #0f766e; }.status-pill.paused, .approval-state.pending { background: #fff7ed; color: #b45309; }.status-pill.failed, .approval-state.rejected { background: #fff1f2; color: #be123c; }
.analytics-chart, .bar-chart { min-height: 280px; padding: 22px; }.bar-chart { display: flex; align-items: end; gap: 10px; }.bar-column { flex: 1; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg,#818cf8,#4f46e5); }.data-table { overflow: auto; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.data-row, .data-head { display: grid; grid-template-columns: repeat(4,minmax(120px,1fr)); gap: 16px; padding: 13px 16px; border-bottom: 1px solid #edf0f4; }.data-head { background: #f8fafc; color: #64748b; font-size: 9px; font-weight: 800; text-transform: uppercase; }.data-row:last-child { border-bottom: 0; }.data-row { color: #475569; font-size: 11px; }
.budget-overview, .budget-campaign-list, .approval-history, .campaign-performance-table, .channel-plan-list, .milestone-list, .timeline, .thread, .conversation-list { display: grid; gap: 12px; }.budget-overview > article, .budget-campaign-list > article, .approval-history > article, .channel-plan-list > article, .milestone-list > article, .timeline article { padding: 16px; border: 1px solid #e7ebf1; border-radius: 15px; background: #fff; }.bar { height: 7px; overflow: hidden; border-radius: 999px; background: #edf1f5; }.bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#4f46e5,#22c1c3); }
.messages-shell { grid-template-columns: 320px minmax(0,1fr); }.conversation-list { overflow: auto; max-height: 720px; }.conversation { display: grid; gap: 4px; padding: 14px; border: 1px solid transparent; border-radius: 14px; }.conversation:hover, .conversation.active { border-color: #dfe3ff; background: #f7f8ff; }.message-panel { display: flex; min-height: 650px; flex-direction: column; }.thread { flex: 1; align-content: end; overflow: auto; }.bubble { max-width: min(720px,86%); padding: 13px 15px; border-radius: 16px 16px 16px 4px; background: #f1f5f9; }.bubble.own { margin-left: auto; border-radius: 16px 16px 4px 16px; background: #eef2ff; }.bubble-meta { margin-top: 5px; color: #94a3b8; font-size: 8px; }.message-compose { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.dropzone { display: grid; min-height: 170px; place-items: center; padding: 24px; border: 1px dashed #cbd5e1; border-radius: 18px; background: #f8fafc; color: #64748b; text-align: center; cursor: pointer; }.dropzone:hover { border-color: #818cf8; background: #f7f8ff; }.dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }.dropzone i { color: #4f46e5; font-size: 28px; }.file-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #eff6ff; color: #2563eb; }
.portal-mobile-nav { display: none; }

/* Footer */
.footer { padding: 0 0 32px; background: #fff; }
.footer .container { border-top: 1px solid var(--line); }
.footer-top { display: grid; grid-template-columns: .55fr 1fr auto; align-items: center; gap: 42px; padding: 52px 0; }
.footer-pitch h2 { max-width: 700px; margin: 8px 0 0; font-size: clamp(24px,3vw,40px); line-height: 1.12; letter-spacing: -.045em; }
.footer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 34px; padding: 32px 0; border-top: 1px solid var(--line); }.footer-grid > div { display: grid; align-content: start; gap: 9px; }.footer-grid a { color: #64748b; font-size: 12px; }.footer-grid a:hover { color: var(--primary); }.footer-label { margin: 0 0 5px; color: #334155; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid var(--line); color: #94a3b8; font-size: 10px; }.footer-bottom > div { display: flex; gap: 18px; }

/* Motion */
.reveal { opacity: 1; transform: none; }
.has-js .reveal { opacity: 0; transform: translate3d(0,24px,0); transition: opacity .72s var(--ease), transform .72s var(--ease); transition-delay: var(--reveal-delay,0ms); will-change: opacity, transform; }
.has-js .reveal--right { transform: translate3d(28px,16px,0); }.has-js .reveal--left { transform: translate3d(-28px,16px,0); }.has-js .reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; animation-timing-function: var(--ease); }

/* Responsive */
@container (max-width: 760px) { .campaign-kpis, .dashboard-kpis, .metric-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 1120px) {
  .adaptive-hero-grid { grid-template-columns: 1fr; min-height: 0; }.adaptive-hero-copy { max-width: 860px; }.adaptive-workspace { width: min(820px,100%); margin-inline: auto; transform: none; }
  .personalization-layout, .campaign-flow-layout, .confidence-card { grid-template-columns: 1fr; }.section-copy { max-width: 820px; }.flow-copy { position: static; }.platform-bento { grid-template-columns: 1fr 1fr; }.bento-card--campaign, .bento-card--metrics { grid-column: span 2; }.confidence-card { gap: 34px; }
  .auth-split { grid-template-columns: 1fr 1fr; }.dashboard-row--personalized, .two-one, .one-two, .analytics-grid, .campaign-detail-grid { grid-template-columns: 1fr; }.workspace-onboarding { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  .menu-button { display: grid; }.site-nav { position: fixed !important; inset: 0 0 0 auto !important; z-index: 102; display: flex !important; width: min(88vw,390px); height: 100dvh; flex-direction: column; align-items: stretch; gap: 5px; padding: 96px 24px 28px; border-left: 1px solid var(--line); background: #fff; box-shadow: -24px 0 80px rgba(15,23,42,.2); transform: translateX(104%); visibility: hidden; opacity: 0; transition: transform .28s var(--ease), opacity .22s ease, visibility .28s ease; }.site-nav.open { transform: translateX(0); visibility: visible; opacity: 1; }.site-nav .nav-link { min-height: 50px; justify-content: flex-start; padding-inline: 13px; font-size: 15px; }.site-nav .nav-login { margin: 14px 0 0; padding-top: 18px; border-top: 1px solid var(--line); border-radius: 0; }.site-nav .nav-cta { width: 100%; margin: 7px 0 0; }
  .portal-shell { grid-template-columns: 1fr; }.portal-sidebar { position: fixed; inset: 0 auto 0 0; width: min(86vw,286px); transform: translateX(-103%); transition: transform .28s var(--ease); box-shadow: 24px 0 80px rgba(15,23,42,.18); }.portal-sidebar.open { transform: translateX(0); }.sidebar-toggle { display: grid; }.portal-content { padding-bottom: 96px; }.portal-mobile-nav { position: fixed; right: 12px; bottom: 12px; left: 12px; z-index: 105; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; min-height: 64px; padding: 6px; border: 1px solid rgba(203,213,225,.9); border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 20px 50px rgba(15,23,42,.16); backdrop-filter: blur(18px); }.portal-mobile-nav a { display: grid; place-items: center; gap: 3px; color: #64748b; font-size: 8px; }.portal-mobile-nav i { font-size: 14px; }.portal-mobile-action { width: 46px; height: 46px; margin: auto; border-radius: 15px; background: linear-gradient(135deg,#4f46e5,#3b82f6); color: #fff !important; box-shadow: 0 10px 24px rgba(79,70,229,.25); }.portal-scrim { z-index: 110; }
  .section-heading { grid-template-columns: 1fr; }.section-heading > p { max-width: 760px; }.intro-grid, .contact-grid, .story { grid-template-columns: 1fr; }.models, .values, .grid3 { grid-template-columns: 1fr 1fr; }.footer-top { grid-template-columns: 1fr; }.footer-top .button { width: fit-content; }
}
@media (max-width: 760px) {
  :root { --page: 18px; }.section { padding: 78px 0; }.adaptive-hero { padding-top: 52px; }.adaptive-hero h1 { font-size: clamp(45px,13vw,66px); }.hero-actions .button { width: 100%; }.hero-proof { display: grid; }.adaptive-workspace { border-radius: 21px; }.workspace-window-bar { padding-inline: 12px; }.workspace-window-bar > span { display: none; }.workspace-shell-preview { grid-template-columns: 48px 1fr; min-height: 475px; }.workspace-rail-preview { padding-inline: 5px; }.workspace-rail-preview > span, .preview-brand { width: 34px; height: 34px; }.workspace-canvas-preview { padding: 15px; }.workspace-canvas-head button { padding-inline: 9px; }.workspace-context-strip { grid-template-columns: 1fr 1fr; }.workspace-context-strip > span:last-child { grid-column: 1 / -1; }.workspace-preview-grid { grid-template-columns: 1fr; }.workspace-insight-card { display: none; }.workspace-channel-row { grid-template-columns: 1fr repeat(4,28px); }.channel-orb { width: 28px; height: 28px; font-size: 11px; }
  .personalization-layout { gap: 46px; }.segmented-control, .goal-control { display: grid; grid-template-columns: 1fr 1fr; }.segmented-control button, .goal-control button { justify-content: center; }.output-bento { grid-template-columns: 1fr; }.output-bento .wide { grid-column: auto; }.platform-bento { grid-template-columns: 1fr; }.bento-card--campaign, .bento-card--metrics { grid-column: auto; }.campaign-composer { align-items: flex-start; }.campaign-flow-layout { gap: 42px; }.flow-timeline article { grid-template-columns: 52px 1fr; }.flow-timeline article > i { display: none; }.confidence-card { padding: 28px; }.adaptive-cta-card { display: grid; padding: 34px 26px; }.adaptive-cta-card .button { width: 100%; }
  .campaign-kpis, .dashboard-kpis, .metric-grid { grid-template-columns: 1fr 1fr; }.metric-card, .dashboard-kpi, .metric { min-height: 118px; padding: 16px; }.dashboard-row, .portal-grid, .campaign-layout, .budget-grid, .messages-shell { grid-template-columns: 1fr; }.messages-shell { display: block; }.conversation-list { max-height: 280px; margin-bottom: 16px; }.portal-dashboard-head, .portal-hero, .campaign-hero, .campaign-detail-head, .project-header { align-items: flex-start; flex-direction: column; }.portal-dashboard-head .button, .portal-hero .button { width: 100%; }.dashboard-campaign-list > a { grid-template-columns: 36px minmax(0,1fr) 14px; }.dashboard-campaign-list dl { display: none; }.portal-topbar { height: 68px; }.workspace-onboarding { padding: 22px; }.workspace-onboarding li { grid-template-columns: 30px 1fr; }.workspace-onboarding li a { grid-column: 2; }
  .auth-split { grid-template-columns: 1fr; }.auth-story { min-height: auto; }.form-grid { grid-template-columns: 1fr; }.rows .row { grid-template-columns: 42px 1fr; }.rows .row > .clean { grid-column: 2; }.models, .values, .grid3, .footer-grid { grid-template-columns: 1fr; }.footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .site-nav { width: 100%; }.adaptive-hero h1 { font-size: 45px; }.workspace-canvas-head > div strong { max-width: 180px; }.workspace-context-strip { grid-template-columns: 1fr; }.workspace-context-strip > span:last-child { grid-column: auto; }.workspace-channel-row > div strong { max-width: 140px; }.segmented-control, .goal-control { grid-template-columns: 1fr; }.campaign-kpis, .dashboard-kpis, .metric-grid { grid-template-columns: 1fr; }.metric-card, .dashboard-kpi, .metric { min-height: 104px; }.data-row, .data-head { min-width: 640px; }.rows .row { grid-template-columns: 1fr; gap: 14px; }.rows .row > .clean { grid-column: auto; }.message-compose { grid-template-columns: 1fr; }.message-compose .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.has-js .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }.button, .bento-card, .brand-card, .project-card, .report-card, .connection-card, .asset-card, .site-nav, .portal-sidebar, .nav-scrim, .portal-scrim { transition: none !important; }::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* Personalized onboarding */
.onboarding-shell { display: grid; grid-template-columns: minmax(300px,.7fr) minmax(560px,1.3fr); align-items: start; gap: clamp(28px,5vw,72px); }
.onboarding-intro { position: sticky; top: 108px; padding: clamp(12px,2vw,28px) 0; }
.onboarding-intro h1 { max-width: 640px; margin: 22px 0 20px; font-size: clamp(42px,5vw,68px); line-height: 1.01; letter-spacing: -.06em; }
.onboarding-intro > p { max-width: 620px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.onboarding-benefits { display: grid; gap: 12px; margin-top: 32px; }
.onboarding-benefits span { display: flex; align-items: center; gap: 12px; color: #475569; font-size: 13px; font-weight: 700; }
.onboarding-benefits i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #e0e7ff; border-radius: 12px; background: #eef2ff; color: var(--primary); }
.onboarding-card { max-width: none; }
.onboarding-form { gap: 24px; }
.onboarding-fieldset { display: grid; gap: 16px; min-width: 0; margin: 0; padding: 24px; border: 1px solid #e3e8f1; border-radius: 18px; background: linear-gradient(180deg,#fff,#fbfcff); }
.onboarding-fieldset legend { padding: 0 8px; color: #1e293b; font-size: 13px; font-weight: 850; letter-spacing: -.01em; }
.business-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.choice-card { position: relative; cursor: pointer; }
.choice-card input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.choice-card > span { display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; align-items: center; gap: 2px 12px; min-height: 88px; padding: 15px; border: 1px solid #dfe5ee; border-radius: 15px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease; }
.choice-card i { grid-row: span 2; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: #f1f5f9; color: #64748b; }
.choice-card strong { align-self: end; font-size: 12px; }
.choice-card small { align-self: start; color: #94a3b8; font-size: 9px; line-height: 1.45; }
.choice-card:hover > span { border-color: #c7d2fe; transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.choice-card input:checked + span { border-color: #818cf8; background: #f7f8ff; box-shadow: 0 0 0 3px rgba(99,102,241,.1); }
.choice-card input:checked + span i { background: #eef2ff; color: var(--primary); }
.choice-card input:focus-visible + span { outline: 3px solid rgba(99,102,241,.18); outline-offset: 2px; }
.optional-details { overflow: hidden; border: 1px solid #e3e8f1; border-radius: 15px; background: #fff; }
.optional-details summary { padding: 16px 18px; color: #475569; font-size: 12px; font-weight: 800; cursor: pointer; }
.optional-details[open] summary { border-bottom: 1px solid #edf0f4; }
.optional-details > div { padding: 18px; }

@media (max-width: 980px) {
  .onboarding-shell { grid-template-columns: 1fr; }
  .onboarding-intro { position: static; padding-bottom: 0; }
  .onboarding-intro h1 { max-width: 760px; }
}
@media (max-width: 620px) {
  .business-type-grid, .onboarding-fieldset .form-grid { grid-template-columns: 1fr; }
  .onboarding-fieldset { padding: 18px; }
  .onboarding-intro h1 { font-size: clamp(40px,12vw,56px); }
}


/* Pixel-sync visual contract */
:root {
  --container: 1240px;
  --page: clamp(18px, 4vw, 54px);
  --preview-header-height: 78px;
  --preview-sidebar-width: 252px;
}
.site-header,
.portal-topbar { isolation: isolate; }
.adaptive-hero-grid,
.personalization-layout,
.platform-bento,
.campaign-flow-layout,
.confidence-card,
.adaptive-cta-card,
.portal-shell,
.dashboard-row,
.campaign-kpis { min-inline-size: 0; }
.card,
.panel,
.dashboard-panel,
.metric-card,
.bento-card,
.personalization-output,
.adaptive-workspace { contain: layout paint; }
@media (min-width: 1121px) {
  .adaptive-hero-grid {
    grid-template-columns: minmax(0, .8fr) minmax(560px, 1.2fr);
    min-height: 650px;
  }
  .portal-shell {
    grid-template-columns: var(--preview-sidebar-width) minmax(0, 1fr);
  }
}
@media (max-width: 760px) {
  .header-inner { min-height: var(--preview-header-height); }
  .adaptive-hero h1 {
    font-size: clamp(45px, 13vw, 66px);
    line-height: .99;
    letter-spacing: -.067em;
  }
  .hero-lede { font-size: 18px; line-height: 1.72; }
}


/* Launch-completion operations */
.portal-admin-link{display:flex;align-items:center;gap:12px;margin:8px 12px 0;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(79,70,229,.06);font-weight:700}.admin-shell .portal-sidebar{background:#111827}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f8fafc}.admin-table td small{display:block;margin-top:4px;color:var(--muted);max-width:520px;overflow-wrap:anywhere}.admin-table tr:last-child td{border-bottom:0}.admin-search,.inline-actions{display:flex;gap:8px;align-items:center}.inline-actions+ .inline-actions{margin-top:6px}.button.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.readiness-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.readiness-checks article,.session-list article,.integration-list article{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.readiness-status,.session-list article>span:first-child,.integration-list article>span:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}.readiness-status.pass{background:#ecfdf5;color:#047857}.readiness-status.warn{background:#fffbeb;color:#b45309}.readiness-status.fail{background:#fff1f2;color:#be123c}.readiness-checks strong,.session-list strong,.integration-list strong{display:block}.readiness-checks small,.session-list small,.integration-list small{display:block;color:var(--muted);margin-top:3px}.session-list,.integration-list,.compact-list{display:grid;gap:10px}.session-list article .badge,.integration-list article .badge{margin-left:auto}.compact-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.compact-list small{display:block;color:var(--muted);margin-top:3px}@media(max-width:760px){.admin-search{width:100%}.admin-search input{min-width:0;flex:1}.inline-actions{align-items:stretch;flex-direction:column}.readiness-checks{grid-template-columns:1fr}}

.workspace-switch-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.workspace-switch-panel p{margin:4px 0 0}.workspace-switch-list{display:flex;flex-wrap:wrap;gap:8px}.workspace-switch-list form{margin:0}@media(max-width:760px){.workspace-switch-panel{align-items:flex-start;flex-direction:column}.workspace-switch-list{width:100%}.workspace-switch-list form,.workspace-switch-list button{width:100%}}

/* Account form layout contract
   Prevent authentication and onboarding forms from stretching edge-to-edge. */
.auth-section {
  display: grid;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-items: center;
  padding-inline: var(--page);
}
.auth-section > .auth-card {
  width: min(100%, 640px);
  max-width: 640px;
  margin-inline: auto;
}
.auth-section > .compact-card {
  width: min(100%, 560px);
  max-width: 560px;
}
.auth-section > .wide-card {
  width: min(100%, 980px);
  max-width: 980px;
}
.auth-section > .auth-split {
  width: min(100%, 1240px);
  max-width: 1240px;
  margin-inline: auto;
}
.auth-split > .auth-story,
.auth-split > .auth-card,
.auth-section form,
.auth-section label,
.auth-section fieldset {
  min-width: 0;
}
.auth-split > .auth-card,
.auth-split > .auth-story {
  width: 100%;
}
.onboarding-experience {
  display: block;
  padding-inline: 0;
}
.onboarding-experience > .container {
  width: min(var(--container), calc(100% - (2 * var(--page))));
  margin-inline: auto;
}
.onboarding-card {
  width: 100%;
  max-width: none;
}
.auth-card .form,
.auth-card form {
  width: 100%;
}
@media (max-width: 900px) {
  .auth-section > .auth-split {
    width: min(100%, 680px);
    grid-template-columns: 1fr;
  }
  .auth-story {
    min-height: auto;
  }
}
@media (max-width: 600px) {
  .auth-section {
    padding-top: 34px;
    padding-bottom: 56px;
    padding-inline: 16px;
  }
  .auth-card {
    padding: 24px 20px;
    border-radius: 20px;
  }
  .auth-story {
    padding: 30px 24px;
    border-radius: 22px;
  }
  .auth-head h1,
  .auth-head h2 {
    font-size: clamp(28px, 9vw, 38px);
  }
  .form-between {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* Checkbox and radio controls
   Keep selection controls out of the full-width text-field styling. */
input[type="checkbox"],
input[type="radio"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
  margin: 0;
  border: 1px solid #cbd5e1;
  background: #fff;
  box-shadow: none;
  accent-color: var(--primary);
  flex: 0 0 18px;
  cursor: pointer;
}
input[type="checkbox"] { border-radius: 5px; }
input[type="radio"] { border-radius: 50%; }
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
  outline: 3px solid rgba(99,102,241,.18);
  outline-offset: 2px;
  box-shadow: none;
}

/* Inline checkbox rows: terms, remember-me, consent. */
.check-row,
.consent {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  align-items: start;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  color: #64748b;
  cursor: pointer;
}
.check-row > input,
.consent > input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  margin: 2px 0 0;
  align-self: start;
}
.check-row > span,
.consent > span {
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
}
.check-row a,
.consent a {
  color: var(--primary);
  font-weight: 750;
}
.form-between .check-row {
  flex: 0 1 auto;
}

/* Campaign channel selection cards. */
.channel-picker {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 14px 0 20px;
}
.channel-picker > label {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}
.channel-picker > label > input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 1px;
  min-height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.channel-picker > label > span {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 11px;
  min-height: 78px;
  padding: 14px;
  border: 1px solid #dfe5ee;
  border-radius: 15px;
  background: #fff;
  color: #334155;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    transform .18s ease;
}
.channel-picker > label > span > i {
  grid-row: 1 / span 2;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 16px;
}
.channel-picker > label > span > strong {
  align-self: end;
  color: #1e293b;
  font-size: 12px;
  font-weight: 800;
}
.channel-picker > label > span > small {
  align-self: start;
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.35;
}
.channel-picker > label:hover > span {
  transform: translateY(-1px);
  border-color: #c7d2fe;
  box-shadow: var(--shadow-sm);
}
.channel-picker > label > input[type="checkbox"]:checked + span {
  border-color: #818cf8;
  background: linear-gradient(180deg,#fafaff,#f5f7ff);
  box-shadow: 0 0 0 3px rgba(99,102,241,.10);
}
.channel-picker > label > input[type="checkbox"]:checked + span > i {
  background: #eef2ff;
  color: var(--primary);
}
.channel-picker > label > input[type="checkbox"]:focus-visible + span {
  outline: 3px solid rgba(99,102,241,.18);
  outline-offset: 2px;
}
@media (max-width: 640px) {
  .form-between {
    align-items: flex-start;
  }
  .channel-picker {
    grid-template-columns: 1fr;
  }
}


/* Stability & account-flow polish */
.flash-stack {
  position: fixed;
  top: 94px;
  right: clamp(12px, 2.4vw, 30px);
  z-index: 320;
  display: grid;
  width: min(430px, calc(100vw - 24px));
  gap: 10px;
  pointer-events: none;
}
.app-body.portal .flash-stack,
.app-body.admin .flash-stack { top: 88px; }
.flash {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 32px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 15px;
  background: rgba(255,255,255,.97);
  color: #334155;
  box-shadow: 0 18px 48px rgba(15,23,42,.14);
  backdrop-filter: blur(18px);
  pointer-events: auto;
  transition: opacity .2s ease, transform .2s ease;
}
.flash.is-leaving { opacity: 0; transform: translateY(-8px) scale(.98); }
.flash-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#eef2ff; color:#4f46e5; }
.flash-copy { min-width:0; font-size:13px; font-weight:650; line-height:1.45; }
.flash-dismiss { display:grid; width:32px; height:32px; place-items:center; padding:0; border:0; border-radius:9px; background:transparent; color:#94a3b8; cursor:pointer; }
.flash-dismiss:hover { background:#f1f5f9; color:#475569; }
.flash-success { border-color:#bbf7d0; }.flash-success .flash-icon { background:#ecfdf5; color:#059669; }
.flash-warning { border-color:#fde68a; }.flash-warning .flash-icon { background:#fffbeb; color:#d97706; }
.flash-error { border-color:#fecdd3; }.flash-error .flash-icon { background:#fff1f2; color:#e11d48; }
.flash-info .flash-icon { background:#eff6ff; color:#2563eb; }

.verify-card { text-align:left; overflow:hidden; }
.verify-icon { display:flex; justify-content:flex-start; margin-bottom:20px; }
.verify-icon > span { display:grid; width:58px; height:58px; place-items:center; border:1px solid #dfe3ff; border-radius:18px; background:linear-gradient(135deg,#eef2ff,#ecfeff); color:#4f46e5; font-size:22px; box-shadow:0 12px 28px rgba(79,70,229,.12); }
.verify-card h1 { margin:8px 0 12px; font-size:clamp(32px,4vw,46px); line-height:1.04; letter-spacing:-.05em; }
.verify-lede { margin:0; color:#64748b; font-size:15px; line-height:1.72; }
.verify-email { display:inline-block; max-width:100%; color:#334155; font-weight:800; word-break:break-word; }
.verify-steps { display:grid; gap:10px; margin:28px 0; }
.verify-steps > div { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:11px; padding:11px 12px; border:1px solid #e8ecf3; border-radius:13px; background:#fbfcfe; }
.verify-steps > div > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#f1f5f9; color:#94a3b8; font-size:11px; font-weight:850; }
.verify-steps strong { display:block; color:#334155; font-size:12px; }.verify-steps small { display:block; margin-top:2px; color:#94a3b8; font-size:10px; line-height:1.4; }
.verify-steps .complete > span { background:#ecfdf5; color:#059669; }.verify-steps .current { border-color:#c7d2fe; background:#f8f9ff; }.verify-steps .current > span { background:#eef2ff; color:#4f46e5; }
.verify-actions { margin-top:18px; }.verify-help { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid #eef2f7; color:#94a3b8; font-size:10px; }.verify-help span { display:flex; align-items:center; gap:7px; }.verify-help a,.verify-switch { color:#4f46e5; font-weight:750; }.verify-switch { display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:11px; }.verify-error { display:flex; align-items:flex-start; gap:9px; margin-top:18px; }

.setup-diagnostic { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; margin:20px 0; padding:14px; border:1px solid #fde68a; border-radius:14px; background:#fffbeb; color:#92400e; }.setup-diagnostic > i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#fef3c7; }.setup-diagnostic strong { display:block; font-size:12px; }.setup-diagnostic p { margin:4px 0 0; font-size:11px; line-height:1.55; }.setup-diagnostic code { padding:2px 5px; border-radius:5px; background:rgba(255,255,255,.7); color:#78350f; }
.onboarding-progress { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; max-width:520px; margin:26px 0 0; }.onboarding-progress > span { height:4px; border-radius:999px; background:#e2e8f0; }.onboarding-progress > span.active { background:linear-gradient(90deg,#4f46e5,#22c55e); }.onboarding-progress small { grid-column:1/-1; margin-top:5px; color:#94a3b8; font-size:10px; line-height:1.5; }
.onboarding-fieldset legend { display:inline-flex; align-items:center; gap:8px; }.onboarding-fieldset legend > span { display:inline-grid; width:24px; height:24px; place-items:center; border-radius:8px; background:#eef2ff; color:#4f46e5; font-size:10px; font-weight:850; }
.button[disabled],button[aria-disabled="true"] { opacity:.5; cursor:not-allowed; transform:none !important; box-shadow:none !important; }

@media (max-width: 640px) {
  .flash-stack { top:86px; right:12px; left:12px; width:auto; }
  .app-body.portal .flash-stack,.app-body.admin .flash-stack { top:80px; }
  .verify-help { align-items:flex-start; flex-direction:column; }
}

/* Prevent closed off-canvas drawers from creating horizontal page overflow. */
html, body { max-width: 100%; overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }

/* Portal component polish ------------------------------------------------- */
.section-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.section-bar h2 { margin: 0 0 4px; font-size: 17px; letter-spacing: -.025em; }
.section-bar p { margin: 0; color: #94a3b8; font-size: 10px; line-height: 1.55; }
.section-bar > a { color: var(--primary); font-size: 10px; font-weight: 800; }
.form-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }

/* Customer menu */
.account-menu { position: relative; margin-left: 6px; }
.topbar-user {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 5px 9px 5px 5px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15,23,42,.02);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.topbar-user:hover,
.topbar-user[aria-expanded="true"] { border-color: #c7d2fe; background: #fbfcff; box-shadow: 0 8px 24px rgba(15,23,42,.07); }
.topbar-user:focus-visible { outline: 3px solid rgba(99,102,241,.18); outline-offset: 2px; }
.topbar-user-copy { display: grid; min-width: 110px; }
.topbar-user-copy strong { max-width: 170px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.topbar-user-copy small { overflow: hidden; max-width: 150px; color: #94a3b8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-chevron { color: #94a3b8; font-size: 9px; transition: transform .18s ease; }
.account-menu.open .account-menu-chevron { transform: rotate(180deg); }
.account-menu-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 180;
  width: min(330px,calc(100vw - 28px));
  overflow: hidden;
  padding: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 70px rgba(15,23,42,.16), 0 4px 14px rgba(15,23,42,.05);
  backdrop-filter: blur(18px);
  transform-origin: top right;
  animation: accountMenuIn .16s ease both;
}
.account-menu-panel[hidden] { display: none !important; }
@keyframes accountMenuIn { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: none; } }
.account-menu-head { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 10px 12px; }
.account-menu-head > div { display: grid; min-width: 0; }
.account-menu-head strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-head small { overflow: hidden; color: #94a3b8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-group { display: grid; gap: 2px; padding: 6px 0; border-top: 1px solid #edf0f4; }
.account-menu-group > a { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; min-height: 50px; padding: 7px 9px; border-radius: 12px; color: #475569; transition: background .16s ease, color .16s ease; }
.account-menu-group > a:hover,
.account-menu-group > a:focus-visible { background: #f7f8ff; color: #3730a3; outline: 0; }
.account-menu-group > a > i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #f1f5f9; color: #64748b; font-size: 12px; }
.account-menu-group > a > span { display: grid; min-width: 0; }
.account-menu-group strong { font-size: 10px; }
.account-menu-group small { color: #94a3b8; font-size: 8px; }
.account-menu-group--foot > a { min-height: 42px; }
.account-menu-signout { color: #be123c !important; }
.account-menu-signout > i { background: #fff1f2 !important; color: #be123c !important; }

/* Campaign listing and builder */
.campaign-list-section { min-width: 0; }
.suggestion-rail { align-self: start; padding: 20px; position: sticky; top: 94px; }
.campaign-row.card { grid-template-columns: 42px minmax(0,1fr) 14px; padding: 17px 18px; border-bottom: 1px solid #e7ebf1; border-radius: 16px; margin-bottom: 10px; }
.campaign-row.card:last-child { border-bottom: 1px solid #e7ebf1; }
.campaign-row-main { justify-content: space-between; min-width: 0; }
.campaign-row-main h3 { margin: 4px 0 3px; font-size: 13px; letter-spacing: -.02em; }
.campaign-row-main p { margin: 0; color: #94a3b8; font-size: 9px; }
.campaign-builder { display: grid; gap: 16px; }
.builder-step { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 18px; padding: clamp(20px,3vw,28px); }
.builder-number { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #dfe3ff; border-radius: 12px; background: #eef2ff; color: #4f46e5; font-size: 10px; font-weight: 850; }
.builder-step > div { min-width: 0; }
.builder-step h2 { margin: 4px 0 16px; font-size: 20px; letter-spacing: -.03em; }
.back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 13px; color: #64748b; font-size: 10px; font-weight: 750; }
.back-link:hover { color: var(--primary); }
.campaign-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.campaign-actions form { margin: 0; }
.campaign-detail-main { display: grid; min-width: 0; gap: 18px; }
.campaign-detail-side { display: grid; align-content: start; gap: 18px; }
.campaign-detail-side > .panel { margin: 0; }
.channel-plan-list > article { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 14px; }
.channel-plan-list > article > div { min-width: 0; }
.channel-plan-list h3 { margin: 0 0 3px; font-size: 12px; }
.channel-plan-list p { margin: 0; color: #94a3b8; font-size: 9px; line-height: 1.5; }
.channel-logo { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #f1f5f9; color: #475569; font-size: 17px; }
.channel-plan-list dl { display: flex; gap: 20px; margin: 0; text-align: right; }
.channel-plan-list dl > div { display: grid; }
.channel-plan-list dt { color: #94a3b8; font-size: 8px; text-transform: uppercase; }
.channel-plan-list dd { margin: 2px 0 0; color: #334155; font-size: 10px; font-weight: 800; }
.campaign-brief { display: grid; gap: 0; margin: 0; }
.campaign-brief > div { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf0f4; }
.campaign-brief > div:last-child { border-bottom: 0; }
.campaign-brief dt { color: #94a3b8; font-size: 9px; }
.campaign-brief dd { margin: 0; color: #334155; font-size: 10px; font-weight: 750; text-align: right; }
.asset-card { display: flex; flex-direction: column; }
.asset-card h3 { margin: 14px 0 6px; font-size: 14px; }
.asset-card > p { flex: 1; margin: 0 0 14px; line-height: 1.65; }
.approval-history article { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; }
.approval-history article > div { display: grid; }
.approval-history small { color: #94a3b8; font-size: 8px; }

/* Budget and analytics */
.budget-overview { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,.6fr) auto; align-items: center; gap: 20px; margin-bottom: 18px; padding: 22px; }
.budget-overview > div { display: grid; }
.budget-overview small { color: #94a3b8; font-size: 9px; }
.budget-overview strong { font-size: 26px; letter-spacing: -.04em; }
.budget-overview span, .budget-overview em { color: #64748b; font-size: 9px; font-style: normal; }
.budget-overview > b, .budget-campaign-list > a > b { display: block; height: 8px; overflow: hidden; border-radius: 999px; background: #edf1f5; }
.budget-overview > b > i, .budget-campaign-list > a > b > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#4f46e5,#22c1c3); }
.budget-campaign-list > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 14px; padding: 14px 0; border-bottom: 1px solid #edf0f4; }
.budget-campaign-list > a > div { display: grid; }
.budget-campaign-list > a small { color: #94a3b8; font-size: 9px; }
.budget-campaign-list > a > span { color: #475569; font-size: 10px; font-weight: 800; }
.budget-campaign-list > a > b { grid-column: 1 / -1; }
.approval-callout { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: start; gap: 12px; padding: 14px; border: 1px solid #dbeafe; border-radius: 14px; background: #f8fbff; color: #475569; }
.approval-callout > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #eff6ff; color: #2563eb; }
.approval-callout p { margin: 0; font-size: 10px; line-height: 1.6; }
.period-select select { width: auto; min-width: 130px; min-height: 42px; padding: 8px 34px 8px 12px; }
.analytics-grid .data-row, .campaign-performance-table .data-row { grid-template-columns: minmax(150px,1.3fr) repeat(4,minmax(90px,.7fr)); }
.analytics-chart .bar-chart { padding: 12px 0 0; }
.bar-column { display: flex; height: 210px; flex-direction: column; justify-content: flex-end; background: transparent; }
.bar-column i { display: block; width: 100%; min-height: 3px; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg,#818cf8,#4f46e5); }
.bar-column small { margin-top: 7px; overflow: hidden; color: #94a3b8; font-size: 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

/* Projects and reports */
.project-card-top, .report-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.health-dot { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 4px #f1f5f9; }
.health-dot.on_track, .health-dot.healthy { background: #10b981; box-shadow: 0 0 0 4px #ecfdf5; }
.health-dot.at_risk, .health-dot.warning { background: #f59e0b; box-shadow: 0 0 0 4px #fffbeb; }
.health-dot.blocked, .health-dot.critical { background: #e11d48; box-shadow: 0 0 0 4px #fff1f2; }
.project-card .bar { margin-top: 16px; }
.project-card-foot { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-top: 12px; color: #94a3b8; font-size: 9px; }
.project-card-foot strong { color: #334155; font-size: 11px; }
.project-kicker { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.project-progress { display: grid; min-width: 220px; gap: 6px; padding: 16px 18px; border: 1px solid #e7ebf1; border-radius: 15px; background: #fbfcfe; }
.project-progress > span, .project-progress small { color: #94a3b8; font-size: 9px; }
.project-progress strong { font-size: 22px; letter-spacing: -.04em; }
.milestone-list article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; }
.milestone-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #f1f5f9; color: #64748b; font-size: 10px; font-weight: 900; }
.milestone-icon.complete { background: #ecfdf5; color: #0f766e; }
.milestone-icon.blocked { background: #fff1f2; color: #be123c; }
.timeline-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.timeline-meta h3 { margin: 0; font-size: 12px; }
.timeline-meta time { color: #94a3b8; font-size: 8px; }
.bar.small { height: 5px; margin-top: 10px; }
.quick-links { display: grid; gap: 8px; }
.quick-links a { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 50px; padding: 11px 13px; border: 1px solid #e7ebf1; border-radius: 13px; background: #fff; }
.quick-links a:hover { border-color: #c7d2fe; background: #f8f9ff; }
.quick-links span { color: #64748b; font-size: 10px; }
.quick-links strong { color: #334155; font-size: 12px; }
.timeline { position: relative; }
.timeline article { position: relative; display: grid; grid-template-columns: 12px minmax(0,1fr); gap: 14px; padding: 0 0 20px; border: 0; background: transparent; }
.timeline article:not(:last-child)::before { content: ''; position: absolute; left: 5px; top: 14px; bottom: 0; width: 1px; background: #e2e8f0; }
.timeline-node { position: relative; z-index: 1; width: 11px; height: 11px; margin-top: 6px; border: 3px solid #eef2ff; border-radius: 50%; background: #4f46e5; }
.badge.subtle { background: #f1f5f9; color: #64748b; }
.report-card { display: grid; grid-template-columns: 94px minmax(0,1fr); gap: 18px; }
.report-art { display: grid; align-content: space-between; min-height: 140px; padding: 14px; border-radius: 14px; background: linear-gradient(145deg,#312e81,#4f46e5); color: #fff; }
.report-art span { font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.report-art strong { font-size: 13px; line-height: 1.1; }
.report-content { display: flex; min-width: 0; flex-direction: column; }
.report-content h2 { margin-top: 10px; }
.report-content p { flex: 1; }
.report-foot { margin-top: auto; padding-top: 10px; color: #94a3b8; font-size: 9px; }

/* Connections */
.connection-card { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: start; gap: 14px; }
.connection-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: linear-gradient(135deg,#eef2ff,#ecfeff); color: #4f46e5; font-size: 19px; }
.connection-copy { min-width: 0; }
.connection-title h2 { margin: 0; }
.connection-copy > p { margin: 8px 0 0; line-height: 1.6; }
.connection-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 16px 0 0; }
.connection-meta > div { display: grid; gap: 2px; padding: 10px 11px; border: 1px solid #edf0f4; border-radius: 11px; background: #fafbfc; }
.connection-meta dt { color: #94a3b8; font-size: 8px; }
.connection-meta dd { margin: 0; color: #334155; font-size: 10px; font-weight: 800; }
.connection-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 4px; }
.setup-note { color: #94a3b8; font-size: 9px; line-height: 1.55; }
.setup-note code { padding: 2px 5px; border-radius: 5px; background: #f1f5f9; color: #475569; }
.connection-safety { background: linear-gradient(135deg,#fff,#f8fbff); }
.connection-safety > div { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 14px; align-items: start; }
.section-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: #eff6ff; color: #2563eb; }
.connection-safety h2 { margin: 2px 0 5px; font-size: 15px; }
.connection-safety p { margin: 0; color: #64748b; font-size: 10px; line-height: 1.6; }

/* Approvals, messages, files, profile */
.approval-list > a { grid-template-columns: auto minmax(0,1fr) 18px; }
.approval-list h3 { margin: 0 0 4px; font-size: 12px; }
.approval-list p { margin: 0 0 4px; color: #64748b; font-size: 10px; }
.approval-list small { color: #94a3b8; font-size: 8px; }
.approval-state.complete { background: #f1f5f9; color: #64748b; }
.conversation { min-width: 0; }
.conversation > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.conversation strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.conversation span, .conversation p, .conversation time { color: #94a3b8; font-size: 8px; }
.conversation p { overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; }
.thread-head { padding-bottom: 14px; border-bottom: 1px solid #edf0f4; }
.thread-head h2 { margin: 7px 0 2px; font-size: 17px; }
.thread-head p { margin: 0; color: #94a3b8; font-size: 9px; }
.bubble.client { margin-left: auto; border-radius: 16px 16px 4px 16px; background: #eef2ff; }
.bubble.agency, .bubble.hermes { margin-right: auto; }
.bubble p { margin: 0; color: #475569; font-size: 10px; line-height: 1.65; }
.bubble-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 6px; }
.bubble-meta strong { color: #475569; font-size: 8px; }
.reply-box { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #edf0f4; }
.reply-box textarea { min-height: 78px; }
.label-note { color: #94a3b8; font-size: 8px; font-weight: 600; }
.file-list > a { grid-template-columns: 40px minmax(0,1fr) auto 20px; }
.file-list > a > div { display: grid; min-width: 0; }
.file-list strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.file-list p { margin: 2px 0 0; color: #94a3b8; font-size: 8px; }
.file-list time { color: #94a3b8; font-size: 8px; }
.profile-summary { display: block; text-align: center; }
.profile-avatar { display: grid; width: 72px; height: 72px; margin: 4px auto 14px; place-items: center; border-radius: 22px; background: linear-gradient(135deg,#4f46e5,#3b82f6); color: #fff; font-size: 20px; font-weight: 850; box-shadow: 0 14px 28px rgba(79,70,229,.18); }
.profile-summary h2 { margin: 0 0 4px; font-size: 18px; }
.profile-summary > p { margin: 0 0 10px; color: #64748b; font-size: 10px; }
.profile-summary dl { display: grid; gap: 0; margin: 18px 0 0; text-align: left; }
.profile-summary dl > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12px; padding: 11px 0; border-top: 1px solid #edf0f4; }
.profile-summary dt { color: #94a3b8; font-size: 9px; }
.profile-summary dd { margin: 0; overflow-wrap: anywhere; color: #334155; font-size: 9px; font-weight: 750; text-align: right; }
.account-security { margin: 22px 0 0; padding: 16px; border: 1px solid #e7ebf1; border-radius: 14px; background: #fafbfc; }
.account-security h3 { margin: 0 0 5px; font-size: 12px; }
.account-security p { margin: 0 0 8px; color: #64748b; font-size: 9px; }
.account-security a { color: var(--primary); font-size: 9px; font-weight: 800; }

@media (min-width: 1121px) {
  .campaign-detail-side { position: sticky; top: 94px; }
}
@media (max-width: 900px) {
  .form-grid.three { grid-template-columns: 1fr; }
  .budget-overview { grid-template-columns: 1fr; }
  .campaign-row-main { align-items: flex-start; flex-direction: column; }
  .campaign-row-metrics { width: 100%; justify-content: space-between; }
  .report-card { grid-template-columns: 76px minmax(0,1fr); }
  .report-art { min-height: 125px; }
}
@media (max-width: 760px) {
  .account-menu { margin-left: 0; }
  .topbar-user { padding: 4px; border: 0; background: transparent; box-shadow: none; }
  .topbar-user-copy, .account-menu-chevron { display: none; }
  .account-menu-panel { position: fixed; top: 62px; right: 12px; width: min(330px,calc(100vw - 24px)); }
  .section-bar { align-items: flex-start; flex-direction: column; }
  .campaign-row.card { grid-template-columns: 38px minmax(0,1fr) 12px; }
  .campaign-row-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .channel-plan-list > article { grid-template-columns: 42px minmax(0,1fr); }
  .channel-plan-list dl { grid-column: 2; justify-content: flex-start; text-align: left; }
  .project-card-foot { grid-template-columns: auto 1fr; }
  .project-card-foot time { grid-column: 1 / -1; }
  .report-card { grid-template-columns: 1fr; }
  .report-art { min-height: 94px; }
  .reply-box { grid-template-columns: 1fr; }
  .reply-box .button { width: 100%; }
  .file-list > a { grid-template-columns: 38px minmax(0,1fr) 18px; }
  .file-list time { display: none; }
}
@media (max-width: 520px) {
  .builder-step { grid-template-columns: 1fr; }
  .builder-number { width: 34px; height: 34px; }
  .campaign-row.card { padding: 14px; }
  .campaign-row-metrics { grid-template-columns: 1fr 1fr; }
  .connection-card { grid-template-columns: 42px minmax(0,1fr); }
  .connection-icon { width: 40px; height: 40px; }
  .connection-actions { grid-column: 1 / -1; }
  .connection-meta { grid-template-columns: 1fr; }
}



/* ===== Adaptive command-center UX system ===== */
:root {
  --portal-sidebar: 248px;
  --portal-content-max: 1560px;
  --portal-surface-radius: 18px;
  --portal-control: 44px;
  --portal-shadow-float: 0 22px 60px rgba(15,23,42,.12),0 3px 12px rgba(15,23,42,.06);
}
.portal-shell { grid-template-columns: var(--portal-sidebar) minmax(0,1fr); }
.portal-sidebar { width: var(--portal-sidebar); padding: 16px 12px 14px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.portal-sidebar-top { position: sticky; top: 0; z-index: 2; padding-bottom: 10px; background: linear-gradient(180deg,rgba(255,255,255,.99) 82%,rgba(255,255,255,0)); }
.portal-brand { padding: 8px 9px 16px; }
.portal-command-trigger { display:flex; min-height:40px; align-items:center; gap:9px; width:100%; padding:0 10px; border:1px solid #e5e9f1; border-radius:11px; background:#f8fafc; color:#64748b; font-size:10px; text-align:left; cursor:pointer; transition:.18s ease; }
.portal-command-trigger:hover { border-color:#c7d2fe; background:#f7f8ff; color:#4338ca; }
.portal-command-trigger span { flex:1; }
.portal-command-trigger kbd,.command-search kbd,.command-footer kbd,.command-results kbd { min-width:24px; padding:3px 5px; border:1px solid #e2e8f0; border-bottom-color:#cbd5e1; border-radius:6px; background:#fff; color:#94a3b8; font:700 8px/1 Inter,sans-serif; text-align:center; box-shadow:0 1px 1px rgba(15,23,42,.04); }
.portal-nav { gap: 11px; padding: 4px 0 12px; }
.portal-nav-group { display:grid; gap:3px; }
.portal-nav-label { padding:0 11px 3px; color:#a1aabd; font-size:8px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.portal-nav a { min-height:40px; border-radius:10px; font-size:10px; }
.portal-nav a i { font-size:12px; }
.sidebar-manager,.sidebar-foot { display:none; }
.sidebar-help { grid-template-columns:34px 1fr; align-items:start; gap:9px; margin-top:auto; padding:12px; border-radius:14px; }
.sidebar-help-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; background:#eef2ff; color:#4f46e5; }
.sidebar-help div:last-child { display:grid; gap:3px; }
.sidebar-help span { line-height:1.45; }
.sidebar-help a { display:inline-flex; align-items:center; gap:5px; }
.portal-topbar { height:72px; padding-inline:clamp(16px,2.25vw,32px); }
.topbar-leading,.workspace-context { display:flex; min-width:0; align-items:center; gap:8px; }
.context-chip { display:flex; min-height:42px; align-items:center; gap:8px; padding:5px 9px; border:1px solid #e6eaf0; border-radius:12px; background:#fff; color:#334155; transition:.18s ease; }
.context-chip:hover { border-color:#c7d2fe; background:#fafaff; }
.context-chip > span:not(.context-icon) { display:grid; min-width:0; }
.context-chip small { color:#94a3b8; font-size:7px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.context-chip strong { max-width:190px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.context-icon { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; background:#f1f5f9; color:#64748b; font-size:10px; }
.context-chip--period .context-icon { background:#eff6ff; color:#2563eb; }
.context-sync { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 7px; color:#94a3b8; font-size:8px; font-weight:700; }
.context-sync > span { width:6px; height:6px; border-radius:50%; background:#cbd5e1; }
.context-sync.is-live { color:#0f766e; }
.context-sync.is-live > span { background:#14b8a6; box-shadow:0 0 0 3px rgba(20,184,166,.12); }
.topbar-user { min-height:44px; cursor:pointer; }
.topbar-user-copy { display:grid; min-width:0; text-align:left; }
.topbar-user-copy strong { max-width:130px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.topbar-user-copy small { max-width:130px; overflow:hidden; color:#94a3b8; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.portal-content { width:min(100%,var(--portal-content-max)); margin-inline:auto; padding:clamp(24px,2.5vw,38px) clamp(18px,2.5vw,34px) 92px; }
.command-center-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.command-center-head h1 { margin:5px 0 7px; font-size:clamp(31px,3.1vw,46px); line-height:1.02; letter-spacing:-.052em; }
.command-center-head p { margin:0; color:#64748b; font-size:12px; }
.command-center-head p strong { color:#334155; }
.command-center-kicker { display:flex; align-items:center; gap:8px; color:#64748b; font-size:9px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.live-dot { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }
.live-dot.is-live { background:#14b8a6; box-shadow:0 0 0 4px rgba(20,184,166,.11); }
.command-center-actions { display:flex; gap:9px; }
.command-kpi-band { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:hidden; margin-bottom:18px; border:1px solid #e5e9f1; border-radius:var(--portal-surface-radius); background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.025); }
.command-kpi-band article { display:grid; gap:4px; min-width:0; padding:17px 18px; border-right:1px solid #edf0f4; }
.command-kpi-band article:last-child { border-right:0; }
.command-kpi-band small { color:#64748b; font-size:8px; font-weight:700; }
.command-kpi-band strong { overflow:hidden; font-size:clamp(20px,2vw,28px); line-height:1.05; letter-spacing:-.045em; text-overflow:ellipsis; white-space:nowrap; }
.command-kpi-band span,.command-kpi-band a { color:#94a3b8; font-size:8px; }
.command-kpi-band a { color:#4f46e5; font-weight:800; }
.command-kpi-band .kpi-action { background:linear-gradient(145deg,#f8faff,#f0fdfa); }
.command-kpi-band .kpi-action strong { color:#4338ca; }
.command-center-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:18px; margin-bottom:26px; }
.performance-surface,.next-actions-surface,.insight-surface,.channel-health-surface,.dashboard-section { min-width:0; border:1px solid #e5e9f1; border-radius:var(--portal-surface-radius); background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.025); }
.performance-surface,.next-actions-surface,.insight-surface,.channel-health-surface { padding:22px; }
.surface-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:17px; }
.surface-head h2 { margin:2px 0 4px; font-size:16px; letter-spacing:-.025em; }
.surface-head p:not(.eyebrow) { margin:0; color:#94a3b8; font-size:9px; }
.quiet-link { display:inline-flex; min-height:34px; align-items:center; gap:6px; color:#4f46e5; font-size:9px; font-weight:800; white-space:nowrap; }
.command-chart { display:grid; grid-template-columns:repeat(30,minmax(4px,1fr)); align-items:end; gap:3px; height:255px; padding-top:20px; border-bottom:1px solid #edf0f4; background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#f1f5f9 25%); }
.command-chart-day { display:grid; height:100%; grid-template-rows:1fr 18px; align-items:end; gap:6px; min-width:0; }
.chart-bars { display:flex; height:100%; align-items:end; justify-content:center; gap:1px; }
.chart-bars i { display:block; width:min(5px,44%); min-height:3px; border-radius:4px 4px 1px 1px; transition:height .35s ease,opacity .18s ease; }
.chart-revenue { background:linear-gradient(180deg,#4f46e5,#818cf8); }
.chart-spend { background:#99f6e4; }
.command-chart-day:hover .chart-bars i { opacity:.72; }
.command-chart-day small { overflow:hidden; color:#a1aabd; font-size:6px; text-align:center; }
.command-chart-day:nth-child(even) small { opacity:0; }
.chart-legend { display:flex; align-items:center; gap:14px; padding-top:12px; color:#64748b; font-size:8px; }
.chart-legend span { display:flex; align-items:center; gap:5px; }
.chart-legend i { width:9px; height:9px; border-radius:3px; }
.legend-revenue { background:#6366f1; }.legend-spend { background:#99f6e4; }.chart-legend small { margin-left:auto; color:#a1aabd; }
.attention-count { display:grid; min-width:28px; height:28px; place-items:center; border-radius:9px; background:#eef2ff; color:#4338ca; font-size:9px; font-weight:850; }
.next-action-list { display:grid; gap:8px; }
.next-action-list > a { display:grid; grid-template-columns:38px minmax(0,1fr) 12px; align-items:center; gap:10px; min-height:72px; padding:10px; border:1px solid transparent; border-radius:13px; transition:.18s ease; }
.next-action-list > a:hover { border-color:#e0e7ff; background:#f8faff; transform:translateY(-1px); }
.next-action-list > a > span:nth-child(2) { display:grid; min-width:0; gap:3px; }
.next-action-list strong { font-size:10px; }.next-action-list small { color:#94a3b8; font-size:8px; line-height:1.45; }
.next-action-list > a > i { color:#cbd5e1; font-size:9px; }
.next-action-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:#eef2ff; color:#4f46e5; }
.next-action-icon.high,.next-action-icon.critical { background:#fff1f2; color:#e11d48; }.next-action-icon.medium { background:#fffbeb; color:#d97706; }.next-action-icon.low { background:#ecfdf5; color:#0f766e; }
.dashboard-section { margin-bottom:18px; padding:22px; }
.section-bar--roomy { margin-bottom:12px; }
.campaign-pulse-table { display:grid; }
.pulse-row { display:grid; grid-template-columns:minmax(240px,1.6fr) minmax(100px,.7fr) minmax(92px,.6fr) minmax(70px,.45fr) minmax(92px,.55fr) 18px; align-items:center; gap:14px; min-width:0; min-height:62px; padding:9px 8px; border-top:1px solid #edf0f4; color:#334155; font-size:9px; transition:.16s ease; }
.pulse-row:not(.pulse-head):hover { background:#fafbff; }
.pulse-head { min-height:34px; border-top:0; color:#94a3b8; font-size:7px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.pulse-campaign { display:flex; min-width:0; align-items:center; gap:10px; }
.pulse-campaign > span { display:grid; min-width:0; }.pulse-campaign strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.pulse-campaign small { color:#94a3b8; font-size:8px; }
.pulse-arrow { color:#cbd5e1; text-align:right; }
.command-lower-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:18px; }
.insight-list { display:grid; gap:10px; }
.insight-card { padding:16px; border:1px solid #e7ebf1; border-radius:14px; background:linear-gradient(180deg,#fff,#fbfcff); }
.insight-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; color:#94a3b8; font-size:7px; font-weight:750; text-transform:uppercase; }
.priority-chip { padding:4px 7px; border-radius:999px; background:#eef2ff; color:#4f46e5; }.priority-chip.high,.priority-chip.critical { background:#fff1f2; color:#be123c; }.priority-chip.medium { background:#fffbeb; color:#b45309; }.priority-chip.low { background:#ecfdf5; color:#0f766e; }
.insight-card h3 { margin:0 0 6px; font-size:12px; }.insight-card > p { margin:0; color:#64748b; font-size:9px; line-height:1.55; }
.insight-evidence { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; padding-top:10px; border-top:1px solid #edf0f4; color:#94a3b8; font-size:7px; }.insight-evidence span { display:flex; align-items:center; gap:5px; }
.insight-action { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; }.insight-action > span { color:#475569; font-size:8px; line-height:1.45; }.insight-action a { flex:0 0 auto; color:#4f46e5; font-size:8px; font-weight:800; }
.channel-health-list { display:grid; gap:3px; }.channel-health-list article { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:58px; padding:7px 0; border-bottom:1px solid #edf0f4; }.channel-health-list article:last-child { border-bottom:0; }.channel-health-list article > div { display:grid; min-width:0; }.channel-health-list strong { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.channel-health-list small { color:#94a3b8; font-size:7px; }
.platform-mark { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#f1f5f9; color:#475569; }.connection-health { display:flex; align-items:center; gap:5px; color:#94a3b8; font-size:7px; font-weight:800; }.connection-health i { width:6px; height:6px; border-radius:50%; background:#cbd5e1; }.connection-health.connected { color:#0f766e; }.connection-health.connected i { background:#14b8a6; }
.state-panel { display:flex; min-height:160px; align-items:center; justify-content:center; gap:14px; padding:24px; text-align:left; }.state-panel--bordered { border:1px dashed #dbe2eb; border-radius:15px; }.state-panel--compact { min-height:130px; padding:12px 0; }
.state-panel > span { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:14px; background:#f1f5f9; color:#64748b; }.state-panel > div { display:grid; gap:4px; max-width:430px; }.state-panel strong { font-size:11px; }.state-panel p { margin:0; color:#94a3b8; font-size:9px; line-height:1.5; }.state-panel a { margin-top:3px; color:#4f46e5; font-size:9px; font-weight:800; }

/* guided campaign studio */
.builder-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }.builder-page-head h1 { margin:4px 0 8px; font-size:clamp(30px,3vw,44px); line-height:1.04; letter-spacing:-.05em; }.builder-page-head > div:first-child > p:last-child { max-width:720px; margin:0; color:#64748b; font-size:11px; line-height:1.6; }
.builder-safety { display:flex; align-items:center; gap:9px; padding:9px 12px; border:1px solid #d1fae5; border-radius:13px; background:#f0fdf9; color:#0f766e; }.builder-safety > i { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:#ccfbf1; }.builder-safety span { display:grid; }.builder-safety strong { font-size:9px; }.builder-safety small { color:#5f8f84; font-size:7px; }
.campaign-studio { display:grid; gap:14px; }.builder-progress { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; overflow:hidden; border:1px solid #e5e9f1; border-radius:15px; background:#fff; }.builder-progress button { position:relative; display:flex; min-height:62px; align-items:center; justify-content:center; gap:8px; border:0; border-right:1px solid #edf0f4; background:#fff; color:#94a3b8; cursor:pointer; }.builder-progress button:last-child { border-right:0; }.builder-progress b { display:grid; width:25px; height:25px; place-items:center; border-radius:8px; background:#f1f5f9; font-size:8px; }.builder-progress span { font-size:8px; font-weight:800; }.builder-progress button.active { background:#f8faff; color:#4338ca; }.builder-progress button.active b { background:#4f46e5; color:#fff; }.builder-progress button.complete { color:#0f766e; }.builder-progress button.complete b { background:#ccfbf1; color:#0f766e; }
.campaign-studio-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; gap:18px; }.campaign-studio-main { min-width:0; }.studio-step { display:none; min-height:520px; padding:clamp(22px,3vw,34px); border:1px solid #e5e9f1; border-radius:18px; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.025); }.studio-step.active { display:grid; align-content:start; gap:18px; animation:studio-in .22s ease both; }.studio-step-head { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; align-items:start; padding-bottom:16px; border-bottom:1px solid #edf0f4; }.studio-step-head > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#eef2ff; color:#4f46e5; font-size:9px; font-weight:850; }.studio-step-head h2 { margin:2px 0 4px; font-size:19px; letter-spacing:-.03em; }.studio-step-head div > p:last-child { margin:0; color:#94a3b8; font-size:9px; line-height:1.5; }
.objective-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.objective-grid label { position:relative; cursor:pointer; }.objective-grid input { position:absolute; width:1px; height:1px; min-width:1px; min-height:1px; opacity:0; }.objective-grid label > span { display:grid; min-height:92px; align-content:center; gap:4px; padding:13px; border:1px solid #e1e7ef; border-radius:13px; background:#fff; transition:.16s ease; }.objective-grid i { margin-bottom:3px; color:#64748b; }.objective-grid strong { color:#334155; font-size:9px; }.objective-grid small { color:#94a3b8; font-size:7px; }.objective-grid label:hover > span { border-color:#c7d2fe; transform:translateY(-1px); }.objective-grid input:checked + span { border-color:#818cf8; background:#f8faff; box-shadow:0 0 0 3px rgba(99,102,241,.08); }.objective-grid input:checked + span i { color:#4f46e5; }
.studio-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:4px; padding-top:16px; border-top:1px solid #edf0f4; }.studio-nav .button { min-height:42px; }
.input-affix { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:stretch; border:1px solid #d7dee9; border-radius:12px; background:#fff; overflow:hidden; }.input-affix > span { display:grid; place-items:center; border-right:1px solid #e5e9f1; background:#f8fafc; color:#64748b; font-size:10px; font-weight:800; }.input-affix input { border:0!important; border-radius:0!important; box-shadow:none!important; }
.studio-tip { display:flex; align-items:flex-start; gap:9px; padding:12px; border:1px solid #e0e7ff; border-radius:13px; background:#f8faff; color:#475569; font-size:9px; line-height:1.5; }.studio-tip i { margin-top:2px; color:#4f46e5; }
.budget-input-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }.budget-projection { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid #d1fae5; border-radius:14px; background:linear-gradient(135deg,#f0fdfa,#f8faff); }.budget-projection div { display:grid; gap:2px; }.budget-projection small { color:#64748b; font-size:8px; }.budget-projection strong { color:#0f766e; font-size:20px; letter-spacing:-.035em; }.budget-projection span { color:#94a3b8; font-size:8px; }.budget-projection > i { color:#14b8a6; font-size:22px; }
.review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.review-grid article { display:flex; align-items:flex-start; gap:10px; padding:15px; border:1px solid #e7ebf1; border-radius:14px; background:#fbfcff; }.review-grid article > span { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:11px; background:#eef2ff; color:#4f46e5; }.review-grid article div { display:grid; gap:4px; }.review-grid strong { font-size:9px; }.review-grid p { margin:0; color:#94a3b8; font-size:7px; line-height:1.5; }
.campaign-live-summary { position:sticky; top:90px; display:grid; gap:14px; padding:18px; border:1px solid #e3e8f1; border-radius:18px; background:linear-gradient(180deg,#fff,#fafbff); box-shadow:0 12px 34px rgba(15,23,42,.055); }.live-summary-head { display:flex; align-items:center; gap:10px; }.live-summary-head > span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:linear-gradient(135deg,#eef2ff,#ecfeff); color:#4f46e5; }.live-summary-head div { min-width:0; }.live-summary-head small { color:#94a3b8; font-size:7px; font-weight:800; text-transform:uppercase; }.live-summary-head h2 { margin:1px 0 0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.campaign-live-summary dl { display:grid; margin:0; }.campaign-live-summary dl div { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; padding:9px 0; border-top:1px solid #edf0f4; }.campaign-live-summary dt { color:#94a3b8; font-size:7px; }.campaign-live-summary dd { margin:0; overflow:hidden; color:#334155; font-size:8px; font-weight:750; text-align:right; text-overflow:ellipsis; white-space:nowrap; }.live-summary-status { display:flex; align-items:center; gap:9px; padding:10px; border-radius:12px; background:#ecfdf5; color:#0f766e; }.live-summary-status > i { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:#ccfbf1; }.live-summary-status span { display:grid; }.live-summary-status strong { font-size:8px; }.live-summary-status small { color:#5f8f84; font-size:7px; }
@keyframes studio-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

/* table/list polish + mobile records */
.list-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }.list-search { position:relative; width:min(340px,100%); }.list-search i { position:absolute; left:13px; top:50%; z-index:1; transform:translateY(-50%); color:#94a3b8; font-size:10px; }.list-search input { min-height:42px; padding-left:36px; border-radius:12px; }.list-toolbar-actions { display:flex; flex-wrap:wrap; gap:6px; }.filter-chip { display:inline-flex; min-height:36px; align-items:center; padding:0 10px; border:1px solid #e5e9f1; border-radius:10px; background:#fff; color:#64748b; font-size:8px; font-weight:800; }.filter-chip.active,.filter-chip:hover { border-color:#c7d2fe; background:#f8faff; color:#4338ca; }
.data-table { overflow:hidden; border:1px solid #e7ebf1; border-radius:14px; }.data-row { min-height:50px; padding-inline:12px; }.data-row:not(.data-head):hover { background:#fafbff; }.data-head { background:#f8fafc; color:#64748b; font-size:7px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.status-pill,.connection-status,.approval-state { min-height:23px; align-items:center; font-style:normal; }
.button,.topbar-icon,.sidebar-toggle,.portal-mobile-nav a,.portal-mobile-nav button,.account-menu-group>a { min-height:44px; }

/* command palette */
.command-palette[hidden] { display:none!important; }.command-palette { position:fixed; inset:0; z-index:1000; display:grid; place-items:start center; padding:10vh 16px 24px; }.command-backdrop { position:absolute; inset:0; border:0; background:rgba(15,23,42,.28); backdrop-filter:blur(5px); }.command-dialog { position:relative; z-index:1; width:min(620px,100%); overflow:hidden; border:1px solid rgba(226,232,240,.9); border-radius:20px; background:#fff; box-shadow:var(--portal-shadow-float); animation:command-in .16s ease both; }.command-search { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid #edf0f4; }.command-search > i { color:#94a3b8; }.command-search input { min-height:40px; padding:0; border:0; border-radius:0; box-shadow:none!important; font-size:13px; }.command-results { max-height:min(58vh,520px); overflow-y:auto; padding:8px; }.command-group-label { margin:8px 9px 5px; color:#a1aabd; font-size:7px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }.command-results > a { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:58px; padding:7px 9px; border-radius:12px; color:#475569; }.command-results > a:hover,.command-results > a.is-active { background:#f7f8ff; color:#3730a3; }.command-results > a > i { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#f1f5f9; color:#64748b; }.command-results > a > span { display:grid; gap:2px; }.command-results strong { font-size:10px; }.command-results small { color:#94a3b8; font-size:8px; }.command-empty { display:grid; place-items:center; gap:5px; padding:34px; color:#94a3b8; text-align:center; }.command-empty i { font-size:20px; }.command-empty strong { color:#475569; font-size:10px; }.command-empty small { font-size:8px; }.command-footer { display:flex; gap:14px; padding:9px 14px; border-top:1px solid #edf0f4; background:#fafbfc; color:#94a3b8; font-size:7px; }.command-footer span { display:flex; align-items:center; gap:4px; }
@keyframes command-in { from { opacity:0; transform:translateY(-8px) scale(.985); } to { opacity:1; transform:none; } }
body.command-open { overflow:hidden; }

/* adaptive navigation */
.portal-mobile-nav { position:fixed; left:50%; bottom:max(10px,env(safe-area-inset-bottom)); z-index:350; display:none; grid-template-columns:repeat(5,1fr); width:min(calc(100% - 20px),520px); min-height:64px; padding:5px; border:1px solid rgba(226,232,240,.9); border-radius:19px; background:rgba(255,255,255,.94); box-shadow:0 18px 44px rgba(15,23,42,.14); backdrop-filter:blur(20px); transform:translateX(-50%); }.portal-mobile-nav a,.portal-mobile-nav button { display:grid; place-items:center; align-content:center; gap:3px; border:0; border-radius:13px; background:transparent; color:#94a3b8; font-size:7px; font-weight:800; }.portal-mobile-nav i { font-size:13px; }.portal-mobile-nav a.active { background:#eef2ff; color:#4338ca; }

/* controlled motion + progressive states */
@media (prefers-reduced-motion:no-preference) {
  .performance-surface,.next-actions-surface,.dashboard-section,.insight-surface,.channel-health-surface { transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease; }
  .next-actions-surface:hover,.insight-surface:hover,.channel-health-surface:hover { border-color:#dfe4ec; box-shadow:0 8px 26px rgba(15,23,42,.045); }
  @view-transition { navigation:auto; }
  ::view-transition-old(root),::view-transition-new(root) { animation-duration:.24s; animation-timing-function:cubic-bezier(.2,.8,.2,1); }
}
.skeleton { position:relative; overflow:hidden; background:#edf1f5!important; color:transparent!important; }.skeleton::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); transform:translateX(-100%); animation:skeleton-shimmer 1.2s infinite; }@keyframes skeleton-shimmer{to{transform:translateX(100%)}}

/* breakpoints: desktop -> compact desktop -> tablet -> phone */
@media (max-width:1240px) {
  :root { --portal-sidebar: 214px; }
  .portal-brand span:last-child { font-size:10px; }
  .portal-nav a { gap:9px; padding-inline:10px; }
  .context-chip--period { display:none; }
  .command-center-grid { grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); }
  .command-kpi-band { grid-template-columns:repeat(4,1fr); }.command-kpi-band .kpi-action { grid-column:span 4; grid-template-columns:auto auto 1fr; align-items:center; }.command-kpi-band .kpi-action a { text-align:right; }
}
@media (max-width:1024px) {
  .portal-shell { grid-template-columns:1fr; }
  .portal-sidebar { position:fixed; left:0; top:0; z-index:500; width:min(300px,86vw); transform:translateX(-104%); box-shadow:var(--portal-shadow-float); transition:transform .22s ease; }
  .portal-sidebar.open { transform:translateX(0); }
  .sidebar-toggle { display:grid; }
  .context-chip--workspace { max-width:220px; }
  .context-sync { display:none; }
  .command-center-grid,.command-lower-grid { grid-template-columns:1fr; }
  .campaign-studio-layout { grid-template-columns:1fr; }.campaign-live-summary { position:relative; top:auto; grid-template-columns:1fr; order:-1; }.campaign-live-summary dl { grid-template-columns:repeat(3,1fr); gap:0 16px; }.campaign-live-summary dl div { grid-template-columns:1fr; gap:3px; }.campaign-live-summary dd { text-align:left; }
  .portal-mobile-nav { display:grid; }
}
@media (max-width:760px) {
  .portal-content { padding:20px 14px 104px; }
  .portal-topbar { height:64px; padding-inline:12px; }.workspace-context { display:none; }.topbar-tools { gap:5px; }.command-topbar { display:none; }.topbar-icon { width:44px; height:44px; min-height:44px; }.topbar-user-copy { display:none; }.topbar-user { min-height:44px; padding:3px 6px 3px 3px; }
  .command-center-head,.builder-page-head { align-items:flex-start; flex-direction:column; gap:14px; }.command-center-head h1,.builder-page-head h1 { font-size:32px; }.command-center-actions { width:100%; }.command-center-actions .button { flex:1; }
  .command-kpi-band { grid-template-columns:repeat(2,1fr); }.command-kpi-band article:nth-child(2n) { border-right:0; }.command-kpi-band article { border-bottom:1px solid #edf0f4; }.command-kpi-band .kpi-action { grid-column:span 2; }.command-kpi-band .kpi-action { grid-template-columns:1fr auto; }.command-kpi-band .kpi-action small { grid-column:1; }.command-kpi-band .kpi-action strong { grid-row:1/3; grid-column:2; }.command-kpi-band .kpi-action a { text-align:left; }
  .performance-surface,.next-actions-surface,.insight-surface,.channel-health-surface,.dashboard-section { padding:17px; }.surface-head { align-items:center; }.command-chart { height:220px; gap:2px; }.command-chart-day:nth-child(odd) small { opacity:0; }
  .pulse-head { display:none; }.pulse-row:not(.pulse-head) { grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; padding:14px 4px; }.pulse-campaign { grid-column:1/-1; }.pulse-row > span[data-label] { display:grid; grid-template-columns:auto auto; gap:8px; align-items:center; justify-content:start; color:#334155; }.pulse-row > span[data-label]::before { content:attr(data-label); color:#94a3b8; font-size:7px; }.pulse-arrow { grid-column:2; grid-row:2/4; align-self:center; }.campaign-pulse-table .status-pill { min-height:21px; }
  .insight-action { align-items:flex-start; flex-direction:column; }.insight-action a { min-height:36px; display:inline-flex; align-items:center; }
  .builder-progress { grid-template-columns:repeat(6,1fr); }.builder-progress button { min-height:52px; gap:0; }.builder-progress button span { display:none; }.builder-progress b { width:28px; height:28px; }.studio-step { min-height:0; padding:18px; }.objective-grid { grid-template-columns:repeat(2,1fr); }.budget-input-grid,.review-grid { grid-template-columns:1fr; }.campaign-live-summary dl { grid-template-columns:1fr 1fr; }
  .list-toolbar { align-items:stretch; flex-direction:column; }.list-search { width:100%; }.list-toolbar-actions { overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; }.filter-chip { white-space:nowrap; }
  .analytics-grid { grid-template-columns:1fr; }.data-table { overflow:visible; border:0; }.data-head { display:none!important; }.data-row:not(.data-head) { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px 14px!important; margin-bottom:9px; min-height:0; padding:13px!important; border:1px solid #e7ebf1!important; border-radius:13px; background:#fff; }.data-row:not(.data-head) > span { display:grid; grid-template-columns:1fr; gap:2px; }.data-row:not(.data-head) > span::before { content:attr(data-label); color:#94a3b8; font-size:7px; font-weight:800; text-transform:uppercase; }.data-row:not(.data-head) > span:first-child { grid-column:1/-1; }
  .campaign-row-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:7px 16px; }
  .command-dialog { border-radius:18px 18px 0 0; }.command-palette { align-items:end; padding:12px 8px 0; }.command-results { max-height:62vh; }.command-footer { display:none; }
}
@media (max-width:430px) {
  .portal-content { padding-inline:12px; }.command-center-head h1,.builder-page-head h1 { font-size:30px; }.command-kpi-band article { padding:14px; }.command-kpi-band strong { font-size:22px; }.command-chart { height:190px; }.chart-legend small { display:none; }.campaign-live-summary dl { grid-template-columns:1fr; }.studio-nav { align-items:stretch; flex-direction:column-reverse; }.studio-nav .button { width:100%; }.review-grid article { padding:13px; }.portal-mobile-nav { width:calc(100% - 14px); bottom:max(7px,env(safe-area-inset-bottom)); }.portal-mobile-nav a,.portal-mobile-nav button { min-width:0; }
}

/* Unified campaign status semantics */
.status-pill.draft,.status-pill.brief { background:#f1f5f9; color:#64748b; }
.status-pill.generating { background:#eef2ff; color:#4f46e5; }
.status-pill.awaiting_approval { background:#fffbeb; color:#b45309; }
.status-pill.scheduled { background:#eff6ff; color:#1d4ed8; }
.status-pill.completed { background:#f0fdfa; color:#0f766e; }
.status-pill.limited { background:#fff7ed; color:#c2410c; }
.status-pill.error,.status-pill.failed { background:#fff1f2; color:#be123c; }

.command-results > [data-command-item][hidden], [data-list-filter] ~ [hidden] { display:none!important; }
/* ===== Brand-scoped AI team ===== */
.ai-team-hero { align-items:flex-end; }
.ai-health-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.ai-health-strip article { display:flex; min-width:0; align-items:center; gap:12px; padding:15px 16px; border:1px solid #e5e9f1; border-radius:15px; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.02); }
.ai-health-strip article > span { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border-radius:12px; background:#f1f5ff; color:#4f46e5; }
.ai-health-strip article div { display:grid; min-width:0; gap:2px; }.ai-health-strip small { color:#94a3b8; font-size:9px; font-weight:750; }.ai-health-strip strong { color:#172033; font-size:20px; letter-spacing:-.04em; }
.ai-team-layout { display:grid; grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr); align-items:start; gap:18px; margin-bottom:18px; }
.ai-job-composer,.ai-active-panel,.ai-specialists,.ai-intelligence-panel { min-width:0; }
.ai-job-safety { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:12px; border:1px solid #dbe4ff; border-radius:13px; background:linear-gradient(135deg,#f8faff,#f7fffd); }
.ai-job-safety > i { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#eef2ff; color:#4f46e5; }.ai-job-safety span { display:grid; gap:2px; }.ai-job-safety strong { color:#27324a; font-size:11px; }.ai-job-safety small { color:#738096; font-size:9px; line-height:1.45; }
.ai-job-list { display:grid; gap:0; }.ai-job-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:start; gap:12px; padding:15px 0; border-top:1px solid #edf0f4; }.ai-job-row:first-child { padding-top:2px; border-top:0; }
.ai-job-icon { display:grid; width:40px; height:40px; place-items:center; border:1px solid #e5e9f1; border-radius:12px; background:#f8fafc; color:#64748b; }.ai-job-icon.running,.ai-job-icon.routed { border-color:#d8ddff; background:#f3f4ff; color:#4f46e5; }.ai-job-icon.complete { border-color:#c8eee5; background:#f0fdf9; color:#0f766e; }.ai-job-icon.failed { border-color:#fecdd3; background:#fff1f2; color:#be123c; }
.ai-job-icon.running i { animation:ai-spin 1s linear infinite; } @keyframes ai-spin { to { transform:rotate(360deg); } }
.ai-job-copy { min-width:0; }.ai-job-copy > div { display:flex; align-items:center; justify-content:space-between; gap:8px; }.ai-job-copy > div > strong { min-width:0; overflow:hidden; color:#334155; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.ai-job-copy h3 { margin:4px 0 4px; color:#172033; font-size:13px; letter-spacing:-.02em; }.ai-job-copy p { margin:0; color:#64748b; font-size:10px; line-height:1.5; }.ai-job-copy > small { display:block; margin-top:5px; color:#a0a9b7; font-size:8px; }
.ai-confidence { display:grid; gap:2px; text-align:right; }.ai-confidence small { color:#94a3b8; font-size:8px; }.ai-confidence strong { color:#334155; font-size:12px; }
.ai-specialists { margin-bottom:18px; }.ai-specialist-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.ai-specialist-grid article { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:start; gap:10px; min-width:0; padding:13px; border:1px solid #e7ebf1; border-radius:14px; background:#fbfcfe; }.ai-specialist-grid article > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#eef2ff; color:#4f46e5; }.ai-specialist-grid strong { display:block; margin:1px 0 3px; color:#27324a; font-size:10px; }.ai-specialist-grid p { margin:0; color:#7b8798; font-size:9px; line-height:1.45; }
.ai-intelligence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.ai-intelligence-card { min-width:0; padding:16px; border:1px solid #e5e9f1; border-radius:15px; background:linear-gradient(180deg,#fff,#fbfcff); }.ai-intelligence-head { display:flex; align-items:center; gap:10px; }.ai-intelligence-head > span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:#f0fdfa; color:#0f766e; }.ai-intelligence-head div { display:grid; gap:2px; }.ai-intelligence-head strong { color:#172033; font-size:12px; }.ai-intelligence-head small { color:#94a3b8; font-size:8px; }.ai-intelligence-card > p { margin:12px 0; color:#5c6879; font-size:10px; line-height:1.55; }.ai-memory-tags { display:flex; flex-wrap:wrap; gap:6px; }.ai-memory-tags span { padding:5px 8px; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:8px; font-weight:700; }
.brand-ai-action { margin-top:12px; }.brand-ai-action .button { width:100%; justify-content:center; }
.ai-setup-state code { padding:2px 5px; border-radius:6px; background:#eef2f7; color:#334155; font-size:.9em; }
@media (max-width:1100px){ .ai-team-layout { grid-template-columns:1fr; }.ai-specialist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){ .ai-health-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.ai-intelligence-grid,.ai-specialist-grid { grid-template-columns:1fr; }.ai-job-row { grid-template-columns:38px minmax(0,1fr); }.ai-confidence { grid-column:2; text-align:left; }.ai-job-copy > div { align-items:flex-start; flex-direction:column; }.ai-team-hero .button { width:100%; justify-content:center; } }
@media (max-width:420px){ .ai-health-strip { grid-template-columns:1fr 1fr; gap:8px; }.ai-health-strip article { padding:12px; }.ai-health-strip article > span { width:34px; height:34px; flex-basis:34px; }.ai-health-strip strong { font-size:18px; } }
@media (prefers-reduced-motion:reduce){ .ai-job-icon.running i { animation:none; } }
.suggestion-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.suggestion-actions form { margin:0; }


/* ===== Marketing OS / adaptive customer operating layer ===== */
.advanced-only{display:none!important}.experience-advanced .advanced-only{display:grid!important}.density-compact .portal-content{--section-gap:12px}.density-compact .card,.density-compact .panel{padding-block:14px}
.context-experience{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:9px;font-weight:800}
.daily-brief{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:18px;padding:16px 18px;border-color:#dfe6ff;background:linear-gradient(135deg,#fff,#f7f9ff 58%,#f3fffc)}.daily-brief-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.daily-brief h2{margin:2px 0 4px;font-size:16px}.daily-brief p{margin:0;color:#64748b;font-size:10px}.daily-brief-meta{display:flex;gap:8px}.daily-brief-meta span{display:grid;min-width:72px;padding:8px 10px;border:1px solid #e8ebf2;border-radius:11px;background:#fff;text-align:center}.daily-brief-meta strong{font-size:15px}.daily-brief-meta span{color:#94a3b8;font-size:8px}
.os-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:18px;margin-bottom:18px}.os-list{display:grid;gap:10px}.metric-band.executive-band{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.goal-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.goal-mini>div{display:grid;gap:3px}.goal-mini .progress-track{grid-column:1/-1;height:5px;border-radius:999px;background:#eef1f5;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#14b8a6)}
.health-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.health-count{display:grid;gap:3px;padding:14px 16px;border:1px solid #e5e9f1;border-radius:14px;background:#fff}.health-count strong{font-size:22px}.health-count span{color:#64748b;font-size:9px}.health-count.healthy strong{color:#0f766e}.health-count.warning strong{color:#b45309}.health-count.error strong{color:#be123c}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.health-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f1f5f9;color:#64748b}.health-card.status-healthy .health-icon{background:#ecfdf5;color:#0f766e}.health-card.status-warning .health-icon{background:#fffbeb;color:#b45309}.health-card.status-error .health-icon{background:#fff1f2;color:#be123c}.health-card h2{margin:3px 0 5px;font-size:13px}.health-card p{margin:0 0 6px;color:#64748b;font-size:10px;line-height:1.5}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-card{display:flex;min-height:210px;flex-direction:column}.integration-brand{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}.integration-brand>span:first-child{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.integration-brand h2{margin:0;font-size:12px}.integration-card>p{color:#64748b;font-size:10px;line-height:1.55}.integration-foot{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto}.integration-foot small{max-width:65%;color:#94a3b8;font-size:8px}
.guardrail-list{display:grid;gap:10px;margin-top:14px}.guardrail-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.guardrail-list i{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5}.guardrail-list span{display:grid;gap:2px}.guardrail-list strong{font-size:10px}.guardrail-list small{color:#64748b;font-size:9px}.publishing-table .table-head,.publishing-table .table-row{grid-template-columns:1.5fr .75fr .8fr 1fr .8fr}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scenario-card{padding:14px;border:1px solid #e7ebf1;border-radius:14px;background:#fbfcfe}.scenario-card h3{margin:8px 0 4px;font-size:12px}.scenario-card>strong{font-size:16px}.scenario-alloc{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.scenario-alloc span{display:flex;justify-content:space-between;padding:6px 8px;border-radius:8px;background:#fff;color:#64748b;font-size:8px}
.schedule-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf0f4}.schedule-row:first-child{border-top:0}.schedule-row>div{display:grid;gap:2px}.schedule-row strong{font-size:10px}.schedule-row small{color:#94a3b8;font-size:8px}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.billing-plan{display:flex;flex-direction:column;min-height:220px}.billing-plan h2{margin:7px 0;font-size:20px}.billing-plan p{color:#64748b;font-size:10px;line-height:1.55}.billing-plan form{margin-top:auto}
.decision-list{display:grid;gap:12px}.decision-card header{display:flex;align-items:start;justify-content:space-between;gap:12px}.decision-card h2{margin:4px 0 0;font-size:15px}.decision-card>p{color:#475569;line-height:1.6}.decision-card details{margin:10px 0}.decision-card pre{max-height:240px;overflow:auto;padding:12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:9px;white-space:pre-wrap}.decision-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.experience-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.experience-choice{position:relative;cursor:pointer}.experience-choice input{position:absolute;width:1px!important;height:1px!important;opacity:0}.experience-choice>span{display:grid;gap:6px;min-height:128px;padding:15px;border:1px solid #dfe5ee;border-radius:15px;background:#fff}.experience-choice i{color:#4f46e5;font-size:18px}.experience-choice strong{font-size:12px}.experience-choice small{color:#64748b;font-size:9px;line-height:1.5}.experience-choice input:checked+span{border-color:#818cf8;background:#f7f8ff;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.onboarding-model-helper,.form-note{color:#64748b;font-size:9px;line-height:1.5}
.recovery-codes{margin-bottom:15px;padding:14px;border:1px solid #bbf7d0;border-radius:13px;background:#f0fdf4}.recovery-codes>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.recovery-codes code,.mfa-secret code{display:block;padding:7px 9px;border-radius:8px;background:#fff;color:#334155;font-size:10px;letter-spacing:.04em}.mfa-secret{margin-bottom:14px;padding:14px;border:1px solid #dbe4ff;border-radius:13px;background:#f8faff}.mfa-secret p{color:#64748b;font-size:9px}.security-state{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px;border-radius:12px;background:#f0fdf4}.security-state i{display:grid;width:34px;height:34px;place-items:center;color:#0f766e}.privacy-panel{margin-top:18px}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap}
.copilot-launcher{position:fixed;right:24px;bottom:24px;z-index:190;display:flex;min-height:46px;align-items:center;gap:8px;padding:0 15px;border:1px solid #d9ddff;border-radius:999px;background:#3730a3;color:#fff;box-shadow:0 12px 30px rgba(49,46,129,.24);font-weight:800;cursor:pointer}.copilot-drawer{position:fixed;inset:0;z-index:300}.copilot-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.28)}.copilot-panel{position:absolute;top:0;right:0;display:grid;width:min(440px,100%);height:100%;grid-template-rows:auto 1fr auto;background:#fff;box-shadow:-20px 0 60px rgba(15,23,42,.16)}.copilot-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e8ebf2}.copilot-panel>header>div{display:flex;align-items:center;gap:10px}.copilot-panel header button{border:0;background:transparent;cursor:pointer}.copilot-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.copilot-panel header strong,.copilot-panel header small{display:block}.copilot-panel header small{color:#94a3b8;font-size:8px}.copilot-body{overflow:auto;padding:18px}.copilot-intro p{color:#64748b;font-size:10px;line-height:1.6}.copilot-response{margin-top:14px;padding:12px;border:1px solid #dbe4ff;border-radius:12px;background:#f8faff;font-size:10px}.copilot-success{display:grid;grid-template-columns:24px 1fr;gap:8px}.copilot-form{padding:14px;border-top:1px solid #e8ebf2}.copilot-form textarea{min-height:86px}.copilot-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.copilot-form small{color:#94a3b8;font-size:8px}
@media(max-width:1100px){.os-two-col{grid-template-columns:1fr}.metric-band.executive-band{grid-template-columns:repeat(3,1fr)}.integration-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.daily-brief{grid-template-columns:38px 1fr}.daily-brief-meta{grid-column:1/-1}.health-summary{grid-template-columns:1fr 1fr}.health-grid,.integration-grid,.scenario-grid,.billing-plan-grid,.experience-choice-grid{grid-template-columns:1fr}.metric-band.executive-band{grid-template-columns:1fr 1fr}.publishing-table .table-head{display:none}.publishing-table .table-row{display:grid;grid-template-columns:1fr 1fr}.copilot-launcher{right:12px;bottom:82px}.copilot-launcher>span:last-child{display:none}.copilot-launcher>.copilot-launcher-icon{display:grid}}
/* marketing-os-recovery-css-build */

/* ===== Runtime + UI consistency pass ===== */
.app-body.portal{--portal-text:#334155;--portal-subtle:#64748b;--portal-border:#e5eaf1;--portal-soft:#f8fafc}.app-body.portal .portal-content{color:var(--portal-text);font-size:14px;line-height:1.55}.app-body.portal .portal-nav a{min-height:42px;padding-inline:11px;font-size:12px;font-weight:700}.app-body.portal .portal-nav-label{font-size:9px}.app-body.portal .portal-command-trigger{min-height:42px;font-size:12px}.app-body.portal .context-chip strong{font-size:11px}.app-body.portal .context-chip small{font-size:9px}.app-body.portal .context-sync{font-size:10px}.app-body.portal .topbar-user-copy strong{font-size:11px}.app-body.portal .topbar-user-copy small{font-size:9px}.app-body.portal .account-menu-group strong{font-size:12px}.app-body.portal .account-menu-group small{font-size:10px}.app-body.portal .portal-dashboard-head{align-items:flex-start}.app-body.portal .portal-dashboard-head>div{max-width:850px}.app-body.portal .portal-dashboard-head h1{font-size:clamp(30px,3vw,44px)}.app-body.portal .portal-dashboard-head>div>p:not(.eyebrow){max-width:760px;font-size:14px;line-height:1.65}.app-body.portal .dashboard-panel,.app-body.portal .panel{padding:22px;border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.app-body.portal .dashboard-panel-head{align-items:flex-start;margin-bottom:18px}.app-body.portal .dashboard-panel-head h2,.app-body.portal .panel-head h2,.app-body.portal .section-bar h2{font-size:18px}.app-body.portal .dashboard-panel-head p,.app-body.portal .panel-head p,.app-body.portal .section-bar p{color:var(--portal-subtle);font-size:12px}.app-body.portal .dashboard-panel-head a,.app-body.portal .panel-head a,.app-body.portal .section-bar>a{font-size:12px}.app-body.portal .metric-band article small,.app-body.portal .command-kpi-band small{font-size:10px}.app-body.portal .metric-band article span,.app-body.portal .command-kpi-band span,.app-body.portal .command-kpi-band a{font-size:10px}.app-body.portal .surface-head h2{font-size:18px}.app-body.portal .surface-head p:not(.eyebrow),.app-body.portal .quiet-link{font-size:11px}.app-body.portal label>span,.app-body.portal .form label,.app-body.portal .stack-form label{font-size:12px;font-weight:700;color:#475569}.app-body.portal input:not([type=checkbox]):not([type=radio]),.app-body.portal select,.app-body.portal textarea{min-height:46px;border-radius:12px;font-size:13px}.app-body.portal textarea{min-height:110px}
.two-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.stack,.stack-form{display:grid;gap:15px}.compact{padding:18px!important}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid var(--portal-border);border-radius:11px;background:#fff;color:#64748b;cursor:pointer}.icon-button:hover{border-color:#c7d2fe;background:#f7f8ff;color:#4338ca}.row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inline-status-form,.mini-form,.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.responsive-table{overflow:hidden;border:1px solid var(--portal-border);border-radius:14px;background:#fff}.responsive-table .table-head,.responsive-table .table-row{display:grid;align-items:center;gap:12px;padding:12px 14px}.responsive-table .table-head{background:#f8fafc;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.responsive-table .table-row{border-top:1px solid #edf1f5;font-size:12px}.clean-empty{padding:28px;text-align:center;color:#64748b}.data-list,.health-list,.notification-list{display:grid}.data-list>article,.health-list>article,.notification-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:11px 0;border-top:1px solid #edf1f5}.data-list>article:first-child,.health-list>article:first-child,.notification-row:first-child{border-top:0}.data-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.data-list>article>div,.health-list>article>div{display:grid;gap:2px;min-width:0}.data-list strong,.health-list strong{font-size:13px}.data-list small,.health-list small{color:#64748b;font-size:11px}.data-list-value{text-align:right}.source-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-readiness article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--portal-border);border-radius:13px;background:#fbfcfe}.source-readiness i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#ecfdf5;color:#0f766e}.source-readiness article:has(.fa-triangle-exclamation) i{background:#fffbeb;color:#b45309}.source-readiness strong,.source-readiness small{display:block}.source-readiness strong{font-size:12px}.source-readiness small{margin-top:2px;color:#64748b;font-size:10px}.health-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.guided-callout{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;margin-top:18px;padding:16px 18px;border-color:#dbe4ff;background:#f8faff}.guided-callout>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.guided-callout strong{font-size:13px}.guided-callout p{margin:4px 0 0;color:#64748b;font-size:12px}
.settings-stack{display:grid;gap:18px}.preference-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preference-choice{position:relative;cursor:pointer}.preference-choice>input{position:absolute;width:1px!important;height:1px!important;opacity:0}.preference-choice>span{display:flex;min-height:150px;flex-direction:column;gap:9px;padding:17px;border:1px solid var(--portal-border);border-radius:15px;background:#fff}.preference-choice>span>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.preference-choice strong{font-size:14px}.preference-choice small{color:#64748b;font-size:11px;line-height:1.55}.preference-choice input:checked+span{border-color:#818cf8;background:#f7f8ff;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.experience-preview{margin-top:12px;padding:14px;border:1px solid #e1e7ff;border-radius:13px;background:#f8faff;color:#475569;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.input-suffix{position:relative}.toggle-stack{display:grid;gap:8px}.toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--portal-border);border-radius:13px;background:#fbfcfe}.toggle-row strong{font-size:13px}.toggle-row small{color:#64748b;font-size:11px}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:#4f46e5}.guardrail-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin-top:12px;padding:14px;border:1px solid #dbeafe;border-radius:13px;background:#f8fbff}.sticky-form-actions{position:sticky;bottom:10px;z-index:4;display:flex;justify-content:flex-end;margin-top:18px;padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 16px 38px rgba(15,23,42,.1)}.experience-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #e1e7ff;border-radius:999px;background:#f8faff;color:#4338ca;font-size:11px;font-weight:800}.automation-choice>span{min-height:138px}
.goal-create-panel{margin-bottom:18px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.goal-card{padding:18px;border:1px solid var(--portal-border);border-radius:16px;background:#fff}.goal-card>header{display:flex;justify-content:space-between;gap:10px}.goal-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.goal-values>div{padding:10px;border-radius:11px;background:#f8fafc}.goal-progress{height:7px;overflow:hidden;border-radius:999px;background:#edf1f5}.goal-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#14b8a6)}
.learning-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border:1px solid #e6eaff;border-radius:14px;background:#f8faff}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creative-card{display:flex;min-height:260px;flex-direction:column;padding:17px;border:1px solid var(--portal-border);border-radius:16px;background:#fff}.creative-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.creative-kind{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.creative-card h3{margin:13px 0 5px;font-size:15px}.creative-card>p{flex:1;color:#64748b;font-size:11px}.creative-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.creative-stats span{padding:8px;border-radius:9px;background:#f8fafc;font-size:10px;text-align:center}.creative-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto}.pipeline-column{min-width:220px;padding:12px;border:1px solid var(--portal-border);border-radius:14px;background:#f8fafc}.pipeline-card{margin-top:8px;padding:12px;border:1px solid #e5eaf1;border-radius:12px;background:#fff}.principle-list{display:grid;gap:10px}.experiment-list{display:grid;gap:10px}.experiment-state{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--portal-border);border-radius:14px;background:#fff}.calendar-agenda{display:grid;gap:8px}.calendar-event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f5}.notification-row{grid-template-columns:40px minmax(0,1fr) auto;padding:12px;border-radius:12px}.notification-row.unread{background:#f8faff}
.health-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.health-count{min-height:92px;justify-content:center}.health-count strong{font-size:26px}.health-count span{font-size:11px}.health-card{padding:17px}.health-card h2{font-size:15px}.health-card p{font-size:12px}.integration-card{min-height:240px;padding:18px}.integration-brand h2{font-size:14px}.integration-card>p{font-size:12px}.integration-foot small{font-size:10px}.billing-plan h2{font-size:22px}.billing-plan p{font-size:12px}.decision-card h2{font-size:17px}.decision-card>p{font-size:12px}.decision-card pre{font-size:11px}.measurement-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.analytics-hero{align-items:flex-end}.channel-picker--studio{grid-template-columns:repeat(4,minmax(0,1fr))}.version-list{display:grid;gap:8px}.version-list>article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf1f5}.version-number{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:850}.brand-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:16px}.brand-tabs a{display:inline-flex;min-height:40px;align-items:center;padding:0 13px;border:1px solid #e5eaf1;border-radius:999px;background:#fff;color:#64748b;font-size:11px;font-weight:750;white-space:nowrap}.brand-tabs a.active{border-color:#c7d2fe;background:#f7f8ff;color:#4338ca}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}
@media(max-width:1100px){.preference-card-grid,.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-grid,.knowledge-layout{grid-template-columns:1fr}.source-readiness{grid-template-columns:1fr 1fr}.channel-picker--studio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.two-equal,.settings-grid,.settings-grid.three,.preference-card-grid,.creative-grid,.source-readiness{grid-template-columns:1fr}.health-summary{grid-template-columns:1fr 1fr}.goal-values{grid-template-columns:1fr}.learning-flow{flex-direction:column}.responsive-table .table-head{display:none}.responsive-table .table-row{grid-template-columns:1fr!important;gap:7px}.responsive-table .table-row>span::before{content:attr(data-label);display:block;color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase}}
@media(max-width:760px){.measurement-kpis,.channel-picker--studio{grid-template-columns:1fr 1fr}.version-list>article{grid-template-columns:38px minmax(0,1fr)}}
@media(max-width:560px){.app-body.portal .portal-content{font-size:13px}.app-body.portal .dashboard-panel,.app-body.portal .panel{padding:17px}.daily-brief-meta{display:grid;grid-template-columns:repeat(3,1fr);width:100%}}

.toggle-row.standalone{margin-top:12px}


/* Growth + portal polish 2026-07 */
.command-empty[hidden]{display:none!important}
.app-body.portal{--portal-copy:#526075;--portal-subtle:#728096}.app-body.portal .portal-content{font-size:14px;line-height:1.62}.app-body.portal .portal-nav a{font-size:12px}.app-body.portal .portal-nav-label{font-size:9px}.app-body.portal .portal-dashboard-head p,.app-body.portal .portal-hero p{font-size:14px}.app-body.portal .dashboard-panel-head p,.app-body.portal .panel-head p,.app-body.portal .section-bar p{font-size:13px}.app-body.portal .button{font-size:12.5px}.app-body.portal .eyebrow{font-size:10px}.app-body.portal .soft{font-size:12px}
.workspace-menu{position:relative}.workspace-menu summary{list-style:none}.workspace-menu summary::-webkit-details-marker{display:none}.workspace-menu[open] .context-chip--workspace{border-color:#c7d2fe;background:#f7f8ff;color:#3730a3}.workspace-menu-panel{position:absolute;top:calc(100% + 9px);left:0;z-index:120;width:min(340px,80vw);padding:9px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.16)}.workspace-menu-head{display:grid;gap:3px;padding:9px 10px 11px;border-bottom:1px solid #edf1f5}.workspace-menu-head strong{font-size:12px}.workspace-menu-head small{color:#64748b;font-size:10px}.workspace-menu-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.workspace-menu-item button:hover:not(:disabled){background:#f7f8ff}.workspace-menu-item button:disabled{cursor:default;background:#f8fafc}.workspace-menu-item button span{display:grid;gap:2px}.workspace-menu-item button strong{font-size:12px}.workspace-menu-item button small{color:#64748b;font-size:10px}.workspace-menu-item button>i{color:#6366f1}.workspace-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px;border-top:1px solid #edf1f5}.workspace-menu-links a{display:flex;align-items:center;gap:7px;padding:9px;border-radius:9px;color:#475569;font-size:10px;font-weight:750}.workspace-menu-links a:hover{background:#f8fafc;color:#4338ca}
.brand-overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,1.25fr);gap:11px;margin:0 0 22px}.brand-overview-strip article{display:flex;min-height:92px;align-items:center;gap:12px;padding:16px;border:1px solid #e4e9f1;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 8px 24px rgba(15,23,42,.045)}.brand-overview-strip article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.brand-overview-strip article>div{display:grid;gap:2px}.brand-overview-strip small{color:#7b8798;font-size:10px}.brand-overview-strip strong{font-size:18px;letter-spacing:-.03em}.brand-overview-callout{justify-content:space-between;background:linear-gradient(135deg,#f7f8ff,#effcf9)!important}.brand-overview-callout strong{font-size:12px!important;color:#334155}.brand-overview-callout>i{color:#4f46e5;font-size:20px}.brand-card-grid{gap:16px!important;margin-bottom:26px}.brand-card{position:relative;overflow:hidden;padding:20px!important;border-radius:18px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand-card:hover{transform:translateY(-2px);border-color:#cdd6f5;box-shadow:0 18px 44px rgba(15,23,42,.09)}.brand-card:after{position:absolute;right:-70px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--brand-color,#4f46e5) 8%,transparent);content:"";pointer-events:none}.setup-grid{gap:18px!important;align-items:start}.setup-grid>.panel{padding:22px!important}.stack-form{gap:15px!important}
.trial-banner{display:grid;gap:14px;margin:0 0 20px;padding:18px 20px;border:1px solid #dbe4ff;border-radius:18px;background:linear-gradient(135deg,#f8faff,#f0fdfa);box-shadow:0 12px 32px rgba(79,70,229,.07)}.trial-banner>div:first-child{display:flex;align-items:center;gap:13px}.trial-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.trial-banner strong{font-size:14px}.trial-banner p{margin:3px 0 0;color:#64748b;font-size:12px}.trial-banner--urgent{border-color:#fed7aa;background:#fffaf5}.trial-banner--urgent .trial-icon{background:#fff7ed;color:#c2410c}.trial-banner--active{border-color:#bbf7d0;background:#f7fff9}.trial-banner--active .trial-icon{background:#dcfce7;color:#15803d}.trial-meter{display:grid;gap:7px}.trial-meter>span{height:7px;overflow:hidden;border-radius:999px;background:#e8edf5}.trial-meter>span i{display:block;width:var(--trial-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#14b8a6)}.trial-meter small{color:#64748b;font-size:10px}.billing-plan-grid--polished{gap:16px!important;margin-bottom:22px}.billing-plan{position:relative;min-height:320px;padding:22px!important}.billing-plan--featured{border-color:#a5b4fc!important;box-shadow:0 18px 50px rgba(79,70,229,.12)!important}.plan-ribbon{position:absolute;top:14px;right:14px;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:850}.plan-features{display:grid;gap:8px;margin:18px 0 22px;padding:0;list-style:none;color:#475569;font-size:11px}.plan-features li{display:flex;align-items:center;gap:8px}.plan-features i{color:#0f9d8a}
.referral-head .referral-code{display:grid;gap:2px;padding:12px 16px;border:1px solid #dbe4ff;border-radius:14px;background:#f8faff}.referral-code small{color:#64748b;font-size:9px;text-transform:uppercase}.referral-code strong{color:#4338ca;font-size:15px;letter-spacing:.05em}.referral-share-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:center;margin-bottom:18px;padding:24px;border:1px solid #dfe5f1;border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(99,102,241,.12),transparent 15rem),linear-gradient(135deg,#fff,#f8faff);box-shadow:0 18px 50px rgba(15,23,42,.07)}.referral-share-card>div:first-child{display:flex;align-items:flex-start;gap:14px}.referral-share-icon{display:grid;width:48px;height:48px;flex:none;place-items:center;border-radius:14px;background:#eef2ff;color:#4f46e5;font-size:18px}.referral-share-card h2{margin:5px 0 5px;font-size:20px}.referral-share-card p{margin:0;color:#64748b;font-size:12px}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.copy-field input{width:100%}.referral-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}.referral-kpis article{display:grid;gap:4px;padding:17px;border:1px solid #e3e8f0;border-radius:15px;background:#fff}.referral-kpis small{color:#64748b;font-size:10px}.referral-kpis strong{font-size:23px;letter-spacing:-.04em}.referral-kpis span{color:#94a3b8;font-size:9px}.referral-applied{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;border:1px solid #d1fae5;border-radius:11px;background:#f0fdf4;color:#166534;font-size:12px}
.creative-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.creative-tools-grid>.dashboard-panel{padding:22px}.ai-image-panel{background:radial-gradient(circle at 100% 0,rgba(99,102,241,.11),transparent 16rem),#fff}.media-dropzone span{display:flex;align-items:center;justify-content:center;gap:8px}.creative-grid--media{gap:16px}.creative-grid--media .creative-card{overflow:hidden;padding:0}.creative-grid--media .creative-card>header,.creative-grid--media .creative-stats,.creative-grid--media .creative-actions{margin-left:16px;margin-right:16px}.creative-grid--media .creative-card>header{margin-top:14px}.creative-grid--media .creative-actions{margin-bottom:16px}.creative-preview{display:grid;height:180px;overflow:hidden;place-items:center;background:#f3f6fb}.creative-preview img{width:100%;height:100%;object-fit:cover}.creative-preview--placeholder{font-size:34px;color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#eef2ff)}
.calendar-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.calendar-month-panel{overflow:hidden;padding:0!important}.calendar-weekdays,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{border-bottom:1px solid #e8edf3;background:#f8fafc}.calendar-weekdays span{padding:10px;color:#7b8798;font-size:9px;font-weight:850;text-align:center;text-transform:uppercase}.calendar-day{min-height:126px;padding:10px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fafbfc;color:#a8b1bf}.calendar-day.today{background:linear-gradient(180deg,#f7f8ff,#fff)}.calendar-day header{display:flex;align-items:center;justify-content:space-between}.calendar-day header>span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;font-size:11px;font-weight:800}.calendar-day.today header>span{background:#4f46e5;color:#fff}.calendar-day header small{color:#4f46e5;font-size:8px;font-weight:800}.calendar-day-events{display:grid;gap:5px;margin-top:7px}.calendar-event-chip{display:flex;min-width:0;align-items:center;gap:6px;padding:5px 6px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:9px}.calendar-event-chip i{width:5px;height:5px;flex:none;border-radius:50%;background:#6366f1}.calendar-event-chip.launch{background:#eef2ff;color:#4338ca}.calendar-event-chip.promotion{background:#fff7ed;color:#9a3412}.calendar-event-chip.experiment{background:#fdf4ff;color:#86198f}.calendar-event-chip.report{background:#ecfeff;color:#155e75}.calendar-event-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{color:#64748b;font-size:8px}.calendar-month-nav{display:flex;align-items:center;gap:10px}.calendar-month-nav strong{min-width:120px;text-align:center;font-size:13px}.calendar-agenda-panel{margin-bottom:18px}.line-chart{min-height:310px}.line-chart svg{width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:#e8edf3;stroke-width:1}.chart-axis-label{fill:#94a3b8;font:10px Inter,sans-serif}.chart-series{stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-series-0{stroke:#4f46e5}.chart-series-1{stroke:#14b8a6}.chart-key{display:flex;gap:14px;margin-top:8px;color:#64748b;font-size:10px}.chart-key span{display:flex;align-items:center;gap:6px}.chart-key i{width:10px;height:3px;border-radius:999px}.chart-key-0{background:#4f46e5}.chart-key-1{background:#14b8a6}
@media(max-width:1000px){.brand-overview-strip{grid-template-columns:1fr 1fr}.referral-share-card,.creative-tools-grid,.calendar-layout{grid-template-columns:1fr}.referral-kpis{grid-template-columns:1fr 1fr}.calendar-day{min-height:110px}.workspace-menu-panel{left:auto;right:0}}
@media(max-width:700px){.brand-overview-strip,.referral-kpis{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}.calendar-month-panel{overflow-x:auto}.calendar-weekdays,.calendar-month-grid{min-width:760px}.creative-preview{height:210px}}
.context-library{margin:0 0 26px;padding:22px;border:1px solid #e4e9f1;border-radius:20px;background:linear-gradient(180deg,#fff,#fafbfe);box-shadow:0 12px 36px rgba(15,23,42,.045)}.context-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.context-library-panel{min-width:0;padding:17px;border:1px solid #e6eaf1;border-radius:16px;background:#fff}.context-library-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.context-library-panel>header>div{display:flex;align-items:center;gap:10px}.context-library-panel>header>div>div{display:grid;gap:1px}.context-library-panel header small{color:#94a3b8;font-size:9px;text-transform:uppercase;font-weight:800}.context-library-panel header strong{font-size:13px}.context-library-panel header>a{color:#4f46e5;font-size:10px;font-weight:800}.context-library-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.context-library-icon--audience{background:#ecfeff;color:#0e7490}.context-card-list{display:grid;gap:8px}.context-mini-card{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe}.context-mini-card>div{display:grid;min-width:0;gap:3px}.context-mini-card .status-pill{justify-self:start}.context-mini-card strong{margin-top:2px;font-size:11px}.context-mini-card small{overflow:hidden;color:#64748b;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.context-mini-card>b{flex:none;color:#334155;font-size:10px}.context-mini-card>i{flex:none;color:#a5b4fc;font-size:9px}.context-empty{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:14px;border:1px dashed #d7dde8;border-radius:12px;background:#fafbfc}.context-empty>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#f1f5f9;color:#94a3b8}.context-empty span{display:grid;gap:2px}.context-empty strong{font-size:10px}.context-empty small{color:#94a3b8;font-size:9px;line-height:1.4}.app-body.portal .portal-content>.dashboard-panel,.app-body.portal .portal-content>.panel,.app-body.portal .portal-content>.dashboard-row,.app-body.portal .portal-content>.portal-grid{margin-bottom:18px}.app-body.portal .portal-content>.dashboard-panel:last-child,.app-body.portal .portal-content>.panel:last-child{margin-bottom:0}@media(max-width:900px){.context-library-grid{grid-template-columns:1fr}}@media(max-width:600px){.context-library{padding:16px}.context-mini-card small{white-space:normal}.context-library-panel>header{align-items:flex-start;flex-direction:column}}

/* ===== Public product-page polish · 2026-07 ===== */
.public-product-hero,.system-hero,.trust-hero,.insights-hero{padding-block:clamp(72px,8vw,116px);background:radial-gradient(circle at 82% 18%,rgba(99,102,241,.12),transparent 26rem),radial-gradient(circle at 64% 88%,rgba(14,165,233,.07),transparent 28rem),linear-gradient(180deg,#fff,#f7f9fd)}
.product-hero-grid,.system-hero-grid,.trust-hero-grid,.insights-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(42px,6vw,88px)}
.product-hero-copy h1,.system-hero h1,.trust-hero h1,.insights-hero h1{max-width:760px}.product-hero-copy>p,.system-hero-grid>div:first-child>p,.trust-hero-grid>div:first-child>p,.insights-hero-grid>div:first-child>p{max-width:710px}.product-proof-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#475569;font-size:12px;font-weight:700}.product-proof-row span{display:inline-flex;align-items:center;gap:7px}.product-proof-row i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#ecfdf5;color:#059669;font-size:9px}
.campaign-demo,.control-plane{position:relative;overflow:hidden;border:1px solid #dfe4ee;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 34px 90px rgba(30,41,59,.15)}.campaign-demo:before,.control-plane:before{position:absolute;inset:0;background:radial-gradient(circle at 84% 0,rgba(99,102,241,.11),transparent 18rem);pointer-events:none;content:""}.demo-topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #edf0f5;background:#fbfcfe;color:#475569;font-size:10px}.demo-topbar>span:first-child{display:flex;gap:5px}.demo-topbar>span:first-child i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.demo-topbar>strong{font-size:11px}.demo-status{justify-self:end;display:flex;align-items:center;gap:6px;font-weight:750}.demo-status b{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.1)}.demo-context{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px;background:#e8ecf2;border:1px solid #e8ecf2;border-radius:14px;overflow:hidden}.demo-context>div{display:grid;gap:3px;padding:12px;background:#fff}.demo-context small,.demo-plan-head small,.output-feature small,.control-plane small,.boundary-zone small{color:#94a3b8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.demo-context strong{font-size:10px;color:#334155}.demo-plan-card{position:relative;margin:0 16px;padding:17px;border:1px solid #e2e7f0;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff)}.demo-plan-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.demo-plan-head .icon-well{width:38px;height:38px}.demo-plan-head>div{display:grid;gap:2px}.demo-plan-head strong{font-size:12px}.demo-plan-card>p{margin:13px 0;color:#64748b;font-size:10px;line-height:1.6}.demo-channels{display:flex;flex-wrap:wrap;gap:7px}.demo-channels span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #e5e9f1;border-radius:8px;background:#fff;color:#475569;font-size:8px;font-weight:750}.demo-output-grid{position:relative;display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:9px;padding:12px 16px 16px}.demo-output-grid article{display:grid;align-content:start;min-height:92px;padding:12px;border:1px solid #e7ebf1;border-radius:13px;background:#fff}.demo-output-grid span{color:#94a3b8;font-size:8px}.demo-output-grid strong{margin:4px 0;color:#172033;font-size:17px;letter-spacing:-.04em}.demo-output-grid small{color:#64748b;font-size:8px;line-height:1.35}.mini-bars{display:flex;align-items:end;gap:4px;height:24px;margin-top:5px}.mini-bars i{width:7px;height:var(--v);min-height:5px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#6366f1,#38bdf8)}
.campaign-flow-section{background:#f8fafc}.campaign-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.campaign-stage{position:relative;overflow:hidden;padding:24px;box-shadow:0 10px 34px rgba(15,23,42,.045)}.campaign-stage:after{position:absolute;right:-28px;bottom:-34px;width:100px;height:100px;border:20px solid rgba(99,102,241,.035);border-radius:50%;content:""}.campaign-stage-top{display:flex;align-items:center;justify-content:space-between}.stage-number{color:#6366f1;font-size:10px;font-weight:850;letter-spacing:.08em}.campaign-stage h3,.trust-principle h3{margin:32px 0 9px;font-size:19px;letter-spacing:-.035em}.campaign-stage>p,.trust-principle>p{min-height:84px;margin:0 0 18px;color:#64748b;font-size:13px;line-height:1.65}.campaign-stage .clean{gap:7px}.campaign-stage .clean li{font-size:11px}.campaign-output-section{overflow:hidden}.output-story-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);align-items:center;gap:clamp(48px,7vw,100px)}.output-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.output-feature{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;padding:19px;border:1px solid #e3e8f1;border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.output-feature--wide{grid-column:1/-1;grid-template-columns:46px minmax(0,1fr) 38px}.output-feature-icon,.output-check{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.output-check{width:34px;height:34px;border-radius:50%;background:#ecfdf5;color:#059669}.output-feature h3{margin:3px 0 0;color:#27324a;font-size:13px;line-height:1.45;letter-spacing:-.015em}.public-cta-section{padding-top:28px}.public-cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:clamp(34px,5vw,62px);border-radius:30px;background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.25),transparent 20rem),linear-gradient(135deg,#312e81,#4f46e5 58%,#2563eb);color:#fff;box-shadow:0 32px 80px rgba(49,46,129,.25)}.public-cta-card:after{position:absolute;right:-90px;bottom:-140px;width:340px;height:340px;border:65px solid rgba(255,255,255,.07);border-radius:50%;content:""}.public-cta-card .eyebrow{color:#c7d2fe}.public-cta-card h2{position:relative;z-index:1;max-width:790px;margin:8px 0 0;font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.05em}.public-cta-card .button{position:relative;z-index:1}
.control-plane{padding:18px}.control-plane-head{position:relative;display:flex;align-items:center;gap:12px;padding:7px 4px 16px}.control-plane-head>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.control-plane-head>div{display:grid}.control-plane-head strong{font-size:13px}.control-lanes{position:relative;display:grid;gap:8px}.control-lanes article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #e8ebf1;border-radius:13px;background:#fff}.lane-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f8fafc;color:#475569}.control-lanes article>div{display:grid}.control-lanes strong{font-size:10px;color:#334155}.lane-pill{padding:5px 8px;border-radius:999px;font-size:7px;letter-spacing:.03em}.lane-pill.automatic{background:#eef2ff;color:#4f46e5}.lane-pill.approval{background:#fffbeb;color:#b45309}.lane-pill.connected{background:#eff6ff;color:#2563eb}.lane-pill.measured{background:#ecfdf5;color:#047857}.control-plane-foot{position:relative;display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;border-radius:11px;background:#f8fafc;color:#64748b;font-size:9px}.control-plane-foot i{color:#4f46e5}.workflow-section{background:#f8fafc}.workflow-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.workflow-step{position:relative;display:grid;align-content:start;min-width:0;padding:24px;border-right:1px solid #edf0f4}.workflow-step:last-child{border-right:0}.workflow-index{color:#94a3b8;font-size:9px;font-weight:850}.workflow-icon{display:grid;width:42px;height:42px;margin:28px 0 20px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.workflow-step h3{margin:0 0 8px;font-size:15px}.workflow-step p{margin:0;color:#64748b;font-size:11px;line-height:1.6}.workflow-arrow{position:absolute;top:62px;right:-9px;z-index:2;display:grid;width:18px;height:18px;place-items:center;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:#94a3b8;font-size:7px}.authority-section{overflow:hidden}.authority-grid{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(560px,1.38fr);align-items:start;gap:clamp(46px,7vw,96px)}.authority-note{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:10px;margin-top:28px;padding:14px;border:1px solid #dfe4ff;border-radius:14px;background:#f8f9ff;color:#64748b;font-size:11px;line-height:1.55}.authority-note i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5}.authority-matrix{display:grid;gap:10px}.authority-card{padding:20px;border:1px solid #e4e8ef;border-radius:17px;background:#fff}.authority-card>div{display:flex;align-items:center;gap:8px}.authority-dot{width:8px;height:8px;border-radius:50%}.authority-card--auto .authority-dot{background:#6366f1}.authority-card--approve .authority-dot{background:#f59e0b}.authority-card--blocked .authority-dot{background:#94a3b8}.authority-card>div small{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.authority-card h3{margin:8px 0 12px;font-size:16px}.authority-card .clean{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.authority-card .clean li{font-size:10px}.system-principles-section{padding-top:20px}.system-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.system-principles article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.system-principles article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#fff;color:#4f46e5;box-shadow:var(--shadow-xs)}.system-principles strong{font-size:12px}.system-principles p{margin:5px 0 0;color:#64748b;font-size:10px;line-height:1.55}
.trust-visual{position:relative;min-height:480px}.trust-visual:before,.trust-visual:after{position:absolute;left:50%;top:50%;border:1px solid rgba(99,102,241,.16);border-radius:50%;transform:translate(-50%,-50%);content:""}.trust-visual:before{width:400px;height:400px}.trust-visual:after{width:275px;height:275px}.trust-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;width:205px;height:205px;place-items:center;align-content:center;border:1px solid #dfe4ff;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#eef2ff);box-shadow:0 24px 70px rgba(79,70,229,.14);transform:translate(-50%,-50%);text-align:center}.trust-core>span{display:grid;width:52px;height:52px;margin-bottom:9px;place-items:center;border-radius:16px;background:#4f46e5;color:#fff;font-size:20px}.trust-core small{color:#818cf8;font-size:8px;font-weight:850;text-transform:uppercase}.trust-core strong{margin-top:3px;font-size:14px}.trust-orbit{position:absolute;z-index:3}.trust-orbit span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.95);color:#475569;font-size:9px;font-weight:750;box-shadow:var(--shadow-sm)}.trust-orbit i{color:#4f46e5}.trust-orbit--one{left:0;top:17%}.trust-orbit--two{right:0;top:26%}.trust-orbit--three{left:3%;bottom:19%}.trust-orbit--four{right:4%;bottom:11%}.trust-principles-section{background:#f8fafc}.trust-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-principle{padding:24px}.trust-principle>div{display:flex;align-items:center;justify-content:space-between}.trust-principle>p{min-height:0}.boundary-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr);align-items:center;gap:clamp(48px,7vw,100px)}.boundary-map{display:grid;gap:12px;padding:18px;border:1px solid #e2e8f0;border-radius:24px;background:#f8fafc}.boundary-zone{padding:18px;border:1px solid #e5e9f1;border-radius:16px;background:#fff}.boundary-zone-head{display:flex;align-items:center;gap:11px}.boundary-zone-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.boundary-zone-head>div{display:grid}.boundary-zone-head strong{font-size:12px}.boundary-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.boundary-tags span{padding:6px 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:8px;font-weight:700}.boundary-zone--authority{border-color:#d7e8e4}.boundary-zone--authority .boundary-zone-head>span{background:#ecfdf5;color:#059669}.boundary-divider{display:flex;align-items:center;gap:9px;color:#94a3b8;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.boundary-divider:before,.boundary-divider:after{height:1px;flex:1;background:#d9dfe7;content:""}.boundary-divider span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff;color:#6366f1}.trust-details-section{padding-top:28px}.trust-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.trust-detail-grid article{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:22px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.trust-detail-grid article>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#f1f5ff;color:#4f46e5}.trust-detail-grid h3{margin:1px 0 6px;font-size:14px}.trust-detail-grid p{margin:0;color:#64748b;font-size:11px;line-height:1.6}
.insights-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.65fr)}.insight-topic-cloud{display:flex;flex-wrap:wrap;align-content:center;gap:9px;padding:28px;border:1px solid #dfe4ee;border-radius:24px;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}.insight-topic-cloud span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e9f1;border-radius:999px;background:#fff;color:#475569;font-size:10px;font-weight:750}.insight-topic-cloud i{color:#6366f1}.featured-insight-section{padding-bottom:48px}.featured-insight{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #dfe4ee;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.08);transition:transform .25s var(--ease),box-shadow .25s ease}.featured-insight:hover{transform:translateY(-4px);box-shadow:0 30px 78px rgba(15,23,42,.12)}.featured-insight-visual{position:relative;display:grid;min-height:390px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(129,140,248,.3),transparent 13rem),linear-gradient(145deg,#171b36,#312e81 55%,#1d4ed8);color:#fff}.featured-insight-visual:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;content:""}.insight-signal{position:absolute;inset:40px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.insight-signal span{display:grid;min-height:60px;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.08);font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.insight-signal>i{height:1px;background:rgba(255,255,255,.28)}.signal-center{position:relative;z-index:2;display:grid;width:120px;height:120px;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(15,23,42,.42);box-shadow:0 20px 60px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.signal-center i{font-size:24px}.signal-center span{margin-top:7px;font-size:9px;font-weight:800}.featured-insight-copy{display:grid;align-content:center;padding:clamp(32px,5vw,64px)}.insight-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:#94a3b8;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.featured-insight-copy h2{max-width:650px;margin:16px 0 14px;font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.05em}.featured-insight-copy>p{max-width:640px;margin:0;color:#64748b;font-size:14px;line-height:1.75}.featured-insight-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid #edf0f4;color:#94a3b8;font-size:10px}.featured-insight-foot strong{display:inline-flex;align-items:center;gap:8px;color:#4f46e5}.insights-library-section{background:#f8fafc}.insight-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.insight-library-card{display:grid;padding:26px;box-shadow:0 10px 32px rgba(15,23,42,.04);transition:transform .22s var(--ease),box-shadow .22s ease,border-color .22s ease}.insight-library-card:hover{transform:translateY(-3px);border-color:#cfd5f7;box-shadow:0 18px 44px rgba(15,23,42,.08)}.insight-card-head,.insight-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.insight-card-index{color:#a5b4fc;font-size:10px;font-weight:850}.insight-library-card h3{max-width:560px;margin:32px 0 12px;font-size:25px;line-height:1.14;letter-spacing:-.04em}.insight-library-card>p{margin:0;color:#64748b;font-size:13px;line-height:1.7}.insight-card-foot{margin-top:28px;padding-top:16px;border-top:1px solid #edf0f4;color:#94a3b8;font-size:9px}.insight-card-foot i{color:#4f46e5}.insight-method-section{padding-top:38px}.insight-method-card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);align-items:center;gap:48px;padding:clamp(30px,5vw,52px);border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(135deg,#fff,#f6f8ff)}.insight-method-card h2{margin:8px 0 12px;font-size:clamp(28px,3.3vw,44px);letter-spacing:-.05em}.insight-method-card p{margin:0;color:#64748b}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.method-steps span{display:grid;gap:22px;min-height:128px;padding:15px;border:1px solid #e4e8f1;border-radius:14px;background:#fff;color:#475569;font-size:9px;font-weight:750}.method-steps b{color:#6366f1;font-size:9px}
@media(max-width:1120px){.product-hero-grid,.system-hero-grid,.trust-hero-grid,.insights-hero-grid,.output-story-grid,.authority-grid,.boundary-grid{grid-template-columns:1fr}.campaign-demo,.control-plane{width:min(780px,100%)}.trust-visual{width:min(680px,100%);margin-inline:auto}.campaign-stage-grid,.trust-principle-grid,.system-principles{grid-template-columns:repeat(2,1fr)}.workflow-rail{grid-template-columns:1fr 1fr}.workflow-step{border-bottom:1px solid #edf0f4}.workflow-arrow{display:none}.workflow-step:nth-child(2n){border-right:0}.workflow-step:last-child{grid-column:1/-1}.featured-insight{grid-template-columns:1fr}.featured-insight-visual{min-height:300px}.insight-method-card{grid-template-columns:1fr}.public-cta-card{grid-template-columns:1fr}.public-cta-card .button{width:fit-content}}
@media(max-width:700px){.public-product-hero,.system-hero,.trust-hero,.insights-hero{padding-top:56px}.demo-context,.demo-output-grid{grid-template-columns:1fr}.demo-context{gap:0}.demo-output-grid article{min-height:0}.demo-plan-head{grid-template-columns:38px 1fr}.demo-plan-head>.badge{grid-column:2;justify-self:start}.campaign-stage-grid,.trust-principle-grid,.system-principles,.trust-detail-grid,.insight-card-grid{grid-template-columns:1fr}.campaign-stage>p{min-height:0}.output-stack{grid-template-columns:1fr}.output-feature,.output-feature--wide{grid-column:auto;grid-template-columns:42px 1fr}.output-check{display:none}.workflow-rail{grid-template-columns:1fr}.workflow-step{border-right:0}.workflow-step:last-child{grid-column:auto}.authority-card .clean{grid-template-columns:1fr}.trust-visual{min-height:420px;transform:scale(.9)}.trust-orbit--one{left:-4%}.trust-orbit--two{right:-4%}.trust-orbit--three{left:-2%}.trust-orbit--four{right:-2%}.insight-topic-cloud{padding:18px}.featured-insight-visual{min-height:270px}.insight-signal{inset:28px;grid-template-columns:1fr 1fr}.insight-signal i{display:none}.signal-center{width:100px;height:100px}.method-steps{grid-template-columns:1fr 1fr}.public-cta-card .button{width:100%}}
@media(max-width:430px){.trust-visual{min-height:390px;transform:scale(.8);transform-origin:center}.trust-orbit span{font-size:8px}.method-steps{grid-template-columns:1fr}.method-steps span{min-height:90px}.featured-insight-copy{padding:28px}.featured-insight-copy h2{font-size:30px}}

/* Membership visibility + campaign automation consistency */
.membership-chip{display:flex;min-height:44px;align-items:center;gap:8px;padding:5px 9px;border:1px solid #dbe4ff;border-radius:12px;background:#f8faff;color:#334155;white-space:nowrap;transition:.18s ease}.membership-chip:hover{border-color:#a5b4fc;background:#f4f5ff;color:#3730a3}.membership-chip>i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5;font-size:12px}.membership-chip>span{display:grid;gap:1px}.membership-chip small{color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.membership-chip strong{font-size:10px;line-height:1.2}.membership-chip>b{padding:5px 7px;border-radius:8px;background:#4f46e5;color:#fff;font-size:9px}.membership-chip--active{border-color:#d1fae5;background:#f7fff9}.membership-chip--active>i{background:#dcfce7;color:#15803d}.membership-chip--active>b{background:#15803d}.membership-chip--urgent{border-color:#fed7aa;background:#fffaf5}.membership-chip--urgent>i{background:#ffedd5;color:#c2410c}.membership-chip--urgent>b{background:#c2410c}.membership-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(18px,3vw,36px);border-bottom:1px solid #dbe4ff;background:linear-gradient(90deg,#f8faff,#f0fdfa);color:#334155}.membership-banner>div{display:flex;align-items:center;gap:10px;min-width:0}.membership-banner>div>i{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5}.membership-banner span{display:grid;gap:1px;min-width:0}.membership-banner strong{font-size:12px}.membership-banner small{color:#64748b;font-size:10px;line-height:1.45}.membership-banner--urgent{border-color:#fed7aa;background:#fff7ed}.membership-banner--urgent>div>i{background:#ffedd5;color:#c2410c}.copilot-launcher>i{display:grid;width:24px;height:24px;place-items:center;font-size:14px}.campaign-automation-card{border-color:#dbe4ff!important;background:linear-gradient(180deg,#fff,#fbfcff)}.campaign-automation-card .section-bar{align-items:flex-start}.campaign-automation-card .automation-form{gap:11px}.automation-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.automation-meta>span{display:grid;grid-template-columns:24px 1fr;gap:2px 8px;align-items:center;padding:10px;border:1px solid #e6eaf0;border-radius:11px;background:#f8fafc}.automation-meta i{grid-row:1/3;display:grid;width:24px;height:24px;place-items:center;color:#6366f1}.automation-meta strong{font-size:10px}.automation-meta small{color:#64748b;font-size:9px}.automation-run-form{margin-top:8px}.campaign-automation-card .guardrail-note{margin-top:10px}.email-preview-safe{overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.email-preview-safe *{max-width:100%}
@media(max-width:1180px){.membership-chip>span,.membership-chip>b{display:none}.membership-chip{width:44px;justify-content:center;padding:5px}.membership-chip>i{background:transparent}}
@media(max-width:760px){.membership-chip{display:none}.membership-banner{align-items:flex-start;padding:10px 12px}.membership-banner small{display:none}.membership-banner .button{min-height:38px;padding:0 11px;white-space:nowrap}.automation-meta{grid-template-columns:1fr}}
.email-template-preview,.creative-preview--email{overflow:hidden;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.email-template-chrome{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid #edf1f5;background:#f8fafc}.email-template-chrome span{width:7px;height:7px;border-radius:999px;background:#cbd5e1}.email-template-chrome b{margin-left:auto;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.email-template-content{max-height:220px;overflow:auto;padding:14px;color:#475569;font-size:11px;line-height:1.65;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.creative-preview--email{display:block!important;min-height:180px;height:180px!important;color:#475569}.creative-preview--email .email-template-content{max-height:143px;padding:12px;font-size:10px}.asset-card .email-template-preview{margin:10px 0 14px}

.copilot-drawer[hidden]{display:none!important}.copilot-open{overflow:hidden}

/* Product operations release: onboarding, approvals, automation, usage, admin ops */
.portal-content{font-size:14px}.portal-content h1,.portal-content h2,.portal-content h3{letter-spacing:-.035em}.portal-content p{line-height:1.65}.dashboard-panel,.panel.card{border-color:#e1e7f0;box-shadow:0 12px 34px rgba(15,23,42,.045)}
.topbar-icon{position:relative}.topbar-count{position:absolute;top:-4px;right:-4px;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:99px;background:#dc2626;color:#fff;font-size:9px;font-weight:800;line-height:1}
.admin-view-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(18px,3vw,36px);border-bottom:1px solid #c7d2fe;background:#eef2ff;color:#312e81}.admin-view-banner>div{display:flex;align-items:center;gap:10px}.admin-view-banner>div>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#fff;color:#4f46e5}.admin-view-banner span{display:grid}.admin-view-banner strong{font-size:12px}.admin-view-banner small{font-size:10px;color:#6366f1}
.copilot-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.copilot-suggestions button{padding:7px 9px;border:1px solid #dbe4ff;border-radius:9px;background:#f8faff;color:#4338ca;font-size:10px;font-weight:700;cursor:pointer}.copilot-suggestions button:hover{border-color:#a5b4fc;background:#eef2ff}
.onboarding-step-hidden{display:none!important}.onboarding-step-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #e8edf4}.onboarding-step-nav .button:last-child{margin-left:auto}.onboarding-progress>span.active{background:var(--primary)!important;opacity:1!important}
.setup-progress-ring{--progress:0;display:grid;width:104px;height:104px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--primary) calc(var(--progress)*1%),#e5e7eb 0);box-shadow:var(--shadow-sm)}.setup-progress-ring strong{font-size:21px}.setup-progress-ring span{color:var(--muted);font-size:9px;font-weight:700}.onboarding-hub{overflow:hidden}.onboarding-hub-summary{display:grid;grid-template-columns:1fr minmax(220px,420px);align-items:end;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.progress-track{height:9px;overflow:hidden;border-radius:99px;background:#e8edf5}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--teal))}.onboarding-checklist{display:grid;margin-top:6px}.onboarding-check{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px 2px;border-bottom:1px solid #edf1f5}.onboarding-check:last-child{border-bottom:0}.onboarding-check-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.onboarding-check.is-done .onboarding-check-icon{background:#dcfce7;color:#15803d}.onboarding-check strong{font-size:13px}.onboarding-check p{margin:3px 0 0;color:var(--muted);font-size:11px}.onboarding-check-state{display:flex;align-items:center;gap:8px;color:#4f46e5;font-size:10px;font-weight:800}.onboarding-check.is-done .onboarding-check-state{color:#15803d}
.automation-campaign-list{display:grid;gap:14px}.automation-campaign-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff)}.automation-campaign-head,.automation-campaign-meta,.automation-timeline-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.automation-campaign-head small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.automation-campaign-head h3{margin:3px 0 0;font-size:18px}.automation-control-grid{display:grid;grid-template-columns:1.25fr .7fr .7fr;gap:12px;margin-top:16px;padding:16px;border-radius:13px;background:#f8fafc}.automation-control-grid>label{display:grid;gap:6px}.automation-control-grid>label>span{font-size:10px;font-weight:700;color:#475569}.automation-control-grid .toggle-row{align-self:center}.input-suffix{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #dbe2ea;border-radius:10px;background:#fff}.input-suffix input{border:0!important;background:transparent!important}.input-suffix b{padding:0 11px;color:#64748b;font-size:11px}.automation-actions{display:flex;align-items:end}.automation-campaign-meta{margin-top:12px;color:#64748b;font-size:10px}.automation-campaign-meta strong{color:#334155}.automation-timeline{display:grid}.automation-timeline>article{display:grid;grid-template-columns:38px 1fr auto;gap:13px;padding:16px 0;border-bottom:1px solid #edf1f5}.automation-timeline>article:last-child{border-bottom:0}.automation-timeline-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.automation-timeline-title span{color:#94a3b8;font-size:9px}.automation-timeline p{margin:5px 0;color:#64748b;font-size:11px}.automation-reason{margin-top:7px;padding:8px 10px;border-radius:9px;background:#f8fafc;color:#475569;font-size:10px}.automation-reason b{margin-right:5px;color:#0f172a}
.approval-summary{display:flex;gap:8px;margin:-4px 0 18px}.approval-summary span{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#64748b;font-size:10px}.approval-summary strong{color:#0f172a}.approval-inbox{display:grid;gap:12px}.approval-inbox-card{display:grid;grid-template-columns:120px 1fr minmax(250px,330px);gap:18px;padding:20px;border:1px solid #e3e8f0;border-radius:15px;background:#fff}.approval-kind{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:8px;color:#4f46e5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.approval-kind i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eef2ff}.approval-copy small{color:#94a3b8;font-size:9px}.approval-copy h3{margin:4px 0 7px;font-size:17px}.approval-copy p{margin:0;color:#64748b;font-size:11px}.approval-copy details{margin-top:10px}.approval-copy summary{cursor:pointer;color:#4f46e5;font-size:10px;font-weight:700}.approval-copy pre{max-height:220px;overflow:auto;padding:10px;border-radius:10px;background:#0f172a;color:#e2e8f0;font-size:9px;white-space:pre-wrap}.approval-actions{display:grid;align-content:center;gap:8px}.approval-actions input{width:100%}.approval-actions>div{display:flex;flex-wrap:wrap;gap:6px}.button.ghost-danger{border:1px solid #fecaca;background:#fff;color:#b91c1c}.confidence-chip{display:inline-block;margin-top:9px;padding:4px 7px;border-radius:99px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:800}.approval-history{display:grid}.approval-history article{display:grid;grid-template-columns:110px 1fr 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.approval-history small{display:block;color:#94a3b8;font-size:9px}.approval-history p{margin:0;color:#64748b;font-size:10px}
.billing-usage{margin-top:18px}.usage-meter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.usage-meter-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.usage-meter-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.usage-meter-card span{font-size:9px;color:#64748b}.usage-meter-card strong{font-size:11px}.usage-meter{height:6px;margin:10px 0 7px;overflow:hidden;border-radius:99px;background:#e2e8f0}.usage-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#0f9d8a)}.usage-meter-card small{color:#94a3b8;font-size:8px}.usage-limit-warning{color:#b45309!important;font-weight:700}
.admin-note-form{display:grid;grid-template-columns:140px 1fr auto;align-items:end;gap:10px;margin-bottom:18px}.support-note-list{display:grid}.support-note-list article{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5}.support-note-list p{margin:0 0 4px;font-size:11px}.support-note-list small{color:#94a3b8;font-size:9px}.detail-list{display:grid;gap:10px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf1f5}.detail-list dt{color:#64748b;font-size:10px}.detail-list dd{margin:0;font-size:11px;font-weight:700}
.clean-empty,.empty-state{border-radius:14px}.state-panel,.clean-empty,.empty-state{min-height:130px}.state-panel a,.clean-empty a,.empty-state a{font-weight:700}
@media(max-width:1180px){.usage-meter-grid{grid-template-columns:repeat(3,1fr)}.approval-inbox-card{grid-template-columns:100px 1fr}.approval-actions{grid-column:2}.automation-control-grid{grid-template-columns:1fr 1fr}.automation-control-grid .toggle-row:first-of-type{grid-column:1/-1}}
@media(max-width:760px){.portal-content{font-size:14px}.admin-view-banner{align-items:flex-start;padding:10px 12px}.admin-view-banner small{display:none}.setup-progress-ring{width:88px;height:88px}.onboarding-hub-summary{grid-template-columns:1fr}.onboarding-check{grid-template-columns:40px 1fr}.onboarding-check-state{grid-column:2;justify-self:start}.automation-control-grid{grid-template-columns:1fr}.automation-campaign-head,.automation-campaign-meta{align-items:flex-start;flex-direction:column}.automation-timeline>article{grid-template-columns:36px 1fr}.automation-timeline>article>.status-pill{grid-column:2;justify-self:start}.approval-inbox-card{grid-template-columns:1fr}.approval-actions{grid-column:auto}.approval-history article{grid-template-columns:1fr}.usage-meter-grid{grid-template-columns:1fr 1fr}.admin-note-form{grid-template-columns:1fr}.support-note-list article{grid-template-columns:1fr}.portal-dashboard-head{gap:18px}.portal-dashboard-head>.button{width:100%}.copilot-suggestions{display:grid;grid-template-columns:1fr}.copilot-suggestions button{text-align:left}}
@media(max-width:480px){.usage-meter-grid{grid-template-columns:1fr}.approval-summary{display:grid;grid-template-columns:repeat(3,1fr)}.approval-summary span{text-align:center}.onboarding-step-nav{display:grid;grid-template-columns:1fr}.onboarding-step-nav .button{width:100%;margin:0!important}}

/* Product operations finishing pass */
.automation-timeline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.automation-timeline-actions form{margin:0}.automation-timeline-actions .button{white-space:nowrap}.referral-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.onboarding-step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.onboarding-step-nav .button:only-child{margin-left:auto}.optional-details[hidden]{display:none!important}.admin-table td small{display:block;margin-top:3px;color:#7b8495}.usage-meter-card strong{font-variant-numeric:tabular-nums}.readonly-admin-note{padding:10px 12px;border:1px solid #dbe4ff;background:#f7f9ff;border-radius:12px;color:#475569;font-size:12px}
@media(max-width:1200px){.referral-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.referral-kpis{grid-template-columns:1fr 1fr}.portal-dashboard-head{align-items:flex-start}.approval-inbox-card{grid-template-columns:1fr}.automation-card-head{align-items:flex-start;flex-direction:column}.usage-meter-grid{grid-template-columns:1fr}.onboarding-step-nav{position:sticky;bottom:8px;z-index:3;padding:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.12)}}
@media(max-width:520px){.referral-kpis{grid-template-columns:1fr}.onboarding-step-nav{flex-direction:column-reverse}.onboarding-step-nav .button{width:100%;justify-content:center}}

/* Navigation, calendar, workspace and Live AI polish */
.metric-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.metric-band article{display:grid;align-content:center;gap:5px;min-width:0;min-height:112px;padding:17px 18px;border:1px solid var(--portal-border,#e5eaf1);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03)}.metric-band article small{color:#718096;font-weight:750;letter-spacing:.01em}.metric-band article strong{display:block;overflow-wrap:anywhere;color:#0f172a;font-size:clamp(22px,2.3vw,31px);line-height:1.05;letter-spacing:-.035em}.metric-band article span{color:#7b8798;line-height:1.4}.metric-band.measurement-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-band.executive-band{display:grid}
.portal-sidebar{padding-top:0}.portal-sidebar-top{top:0;padding-top:0}.portal-brand{padding-top:8px;padding-bottom:14px}.portal-nav{gap:8px}.portal-nav-group{display:grid;gap:3px}.portal-nav-group+.portal-nav-group{margin-top:7px}.portal-nav-label{padding:0 10px 2px}.sidebar-help{margin-top:auto}
.portal-subnav{display:flex;gap:7px;overflow-x:auto;margin:-7px 0 22px;padding:4px 1px 8px;scrollbar-width:none}.portal-subnav::-webkit-scrollbar{display:none}.portal-subnav a{display:inline-flex;min-height:39px;align-items:center;gap:7px;padding:0 12px;border:1px solid #e5eaf1;border-radius:999px;background:#fff;color:#64748b;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.02)}.portal-subnav a:hover{border-color:#c7d2fe;color:#4338ca}.portal-subnav a.active{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}.portal-subnav i{font-size:10px}

/* Live AI as a real conversation surface */
.copilot-launcher{min-height:52px;padding:0 18px 0 10px;border-color:#312e81;background:linear-gradient(135deg,#312e81,#4f46e5 60%,#2563eb);box-shadow:0 18px 44px rgba(49,46,129,.3);font-size:12px}.copilot-launcher:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(49,46,129,.34)}.copilot-launcher-icon{position:relative;display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)}.copilot-live-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #4338ca;border-radius:999px;background:#34d399}.copilot-panel{width:min(470px,100%);background:#f8fafc}.copilot-panel>header{padding:15px 17px;background:rgba(255,255,255,.96)}.copilot-panel header strong{font-size:13px}.copilot-panel header small{margin-top:2px;font-size:9px}.copilot-status-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.copilot-body{display:flex;flex-direction:column;gap:13px;padding:18px 16px 22px;scroll-behavior:smooth}.copilot-message{display:flex;align-items:flex-end;gap:8px}.copilot-message--user{justify-content:flex-end}.copilot-avatar{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:11px}.copilot-avatar--user{background:#e2e8f0;color:#475569}.copilot-bubble{max-width:82%;padding:11px 13px;border:1px solid #e1e7f0;border-radius:15px 15px 15px 5px;background:#fff;color:#334155;box-shadow:0 2px 10px rgba(15,23,42,.035)}.copilot-message--user .copilot-bubble{border-color:#4338ca;border-radius:15px 15px 5px 15px;background:linear-gradient(135deg,#4338ca,#4f46e5);color:#fff}.copilot-bubble strong{display:block;margin-bottom:3px;color:inherit;font-size:11px}.copilot-bubble p{margin:0;color:inherit;font-size:10.5px;line-height:1.6}.copilot-message.is-error .copilot-bubble{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.copilot-result-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#4f46e5;font-size:10px;font-weight:800}.copilot-suggestion-wrap{display:grid;gap:7px;margin:2px 0 4px;padding-left:37px}.copilot-suggestion-wrap>small{color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.copilot-suggestions{margin:0}.copilot-suggestions button{border-radius:999px;background:#fff}.copilot-response{margin:0;padding:0;border:0;background:transparent}.copilot-form{padding:12px 14px 14px;background:#fff}.copilot-composer{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:end;gap:8px;padding:7px 7px 7px 12px;border:1px solid #dbe2ea;border-radius:17px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.06)}.copilot-composer:focus-within{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.copilot-composer textarea{min-height:36px;max-height:120px;padding:7px 2px;border:0;border-radius:0;box-shadow:none!important;resize:none}.copilot-send{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:12px;background:#4338ca;color:#fff;cursor:pointer}.copilot-send:disabled{opacity:.55;cursor:wait}.copilot-form>small{display:block;margin-top:7px;padding-inline:4px;line-height:1.45}.copilot-typing{display:flex;align-items:center;gap:4px;min-height:18px}.copilot-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:copilotTyping 1s infinite ease-in-out}.copilot-typing i:nth-child(2){animation-delay:.15s}.copilot-typing i:nth-child(3){animation-delay:.3s}@keyframes copilotTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}

/* Workspace management */
.workspace-manager-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.workspace-manager-list{display:grid;gap:12px}.workspace-manager-card{display:grid;gap:14px;padding:16px;border:1px solid #e5eaf1;border-radius:16px;background:#fff}.workspace-manager-card.is-current{border-color:#c7d2fe;box-shadow:0 0 0 3px rgba(99,102,241,.06)}.workspace-manager-main{display:flex;align-items:center;gap:12px;min-width:0}.workspace-manager-main>div{min-width:0}.workspace-manager-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5}.workspace-manager-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.workspace-manager-title strong{font-size:13px}.workspace-manager-main small{display:block;margin-top:4px;color:#7b8798;font-size:10px}.workspace-manager-main a{display:block;overflow:hidden;max-width:540px;margin-top:3px;color:#4f46e5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workspace-manager-actions{display:flex;flex-wrap:wrap;gap:7px}.workspace-manager-actions form{margin:0}.workspace-manager-edit{padding-top:14px;border-top:1px solid #edf1f5}.workspace-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:15px;padding:14px;border:1px solid #fecdd3;border-radius:13px;background:#fff8f8}.workspace-danger-zone strong{font-size:11px;color:#9f1239}.workspace-danger-zone p{max-width:620px;margin:4px 0 0;color:#7f1d1d;font-size:9px;line-height:1.5}.workspace-delete-form{display:grid;grid-template-columns:120px auto;gap:7px}.workspace-delete-form input{min-height:38px}.workspace-create-card{position:sticky;top:96px}

/* Click-to-create calendar */
.calendar-interactive{padding:0!important;overflow:hidden}.calendar-day{position:relative;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.calendar-day:hover{background:#fafbff}.calendar-day:focus-visible{z-index:2;outline:2px solid #818cf8;outline-offset:-2px}.calendar-day.is-adding{z-index:3;background:#f8faff;box-shadow:inset 0 0 0 2px #818cf8}.calendar-day-add{position:absolute;right:8px;bottom:8px;display:flex;min-height:28px;align-items:center;gap:5px;padding:0 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#94a3b8;font-size:8px;font-weight:800;opacity:0;cursor:pointer}.calendar-day:hover .calendar-day-add,.calendar-day:focus-within .calendar-day-add{opacity:1}.calendar-day-add:hover{border-color:#dbe4ff;background:#eef2ff;color:#4338ca}.calendar-event-chip{width:100%;border:0;text-align:left;cursor:pointer}.calendar-event-chip:hover{filter:brightness(.98);box-shadow:inset 0 0 0 1px rgba(99,102,241,.15)}.calendar-event-chip.status-complete{opacity:.58;text-decoration:line-through}.calendar-quick-add{display:grid;gap:7px;margin-top:8px;padding:8px;border:1px solid #a5b4fc;border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(79,70,229,.12)}.calendar-quick-add>input{min-height:34px;padding:6px 8px;border:0;border-bottom:1px solid #eef2f7;border-radius:0;font-size:10px}.calendar-quick-add>div{display:grid;grid-template-columns:78px 1fr 30px;gap:5px;align-items:center}.calendar-quick-add input[type=time]{min-height:32px;padding:4px 6px;font-size:9px}.calendar-quick-add .button{min-height:32px}.calendar-quick-add .icon-button{width:30px;height:30px}.calendar-agenda-event{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.calendar-agenda-event:hover{background:#f8fafc}.calendar-modal{position:fixed;inset:0;z-index:650;display:grid;place-items:center;padding:20px}.calendar-modal[hidden]{display:none!important}.calendar-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}.calendar-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(90vh,820px);overflow:auto;border:1px solid #dce3ec;border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28)}.calendar-modal-card>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #edf1f5;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.calendar-modal-card h2{margin:2px 0 0;font-size:20px}.calendar-modal-card form{padding:20px}.calendar-modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding-top:4px}.calendar-modal-open{overflow:hidden}

/* Public blog */
.blog-hero{padding:92px 0 42px;background:radial-gradient(circle at 80% 0,rgba(99,102,241,.14),transparent 35%),linear-gradient(180deg,#fff,#f8fafc)}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:44px;align-items:end}.blog-hero h1{max-width:820px;margin:10px 0 14px;font-size:clamp(38px,6vw,68px);line-height:.99;letter-spacing:-.055em}.blog-hero p{max-width:700px;color:#64748b;font-size:15px;line-height:1.7}.blog-hero-note{padding:20px;border:1px solid #e5eaf1;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.05)}.blog-hero-note strong{display:block;font-size:14px}.blog-hero-note p{margin:7px 0 0;font-size:11px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:34px 0 84px}.blog-card{display:flex;min-height:320px;flex-direction:column;padding:22px;border:1px solid #e5eaf1;border-radius:20px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.035);transition:.2s ease}.blog-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 16px 38px rgba(15,23,42,.08)}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94a3b8;font-size:9px;font-weight:750;text-transform:uppercase}.blog-card h2{margin:18px 0 10px;font-size:22px;line-height:1.15;letter-spacing:-.035em}.blog-card p{margin:0;color:#64748b;font-size:12px;line-height:1.65}.blog-card>a{margin-top:auto;padding-top:24px;color:#4f46e5;font-size:11px;font-weight:800}.blog-article{padding:78px 0 90px}.blog-article-head{max-width:900px;margin:0 auto 42px;text-align:center}.blog-article-head h1{margin:12px 0 16px;font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.055em}.blog-article-head>p{max-width:760px;margin:0 auto;color:#64748b;font-size:16px;line-height:1.7}.blog-article-meta{display:flex;justify-content:center;gap:12px;margin-top:18px;color:#94a3b8;font-size:10px}.blog-prose{max-width:800px;margin:0 auto;color:#334155;font-size:16px;line-height:1.82}.blog-prose h2{margin:44px 0 12px;color:#0f172a;font-size:30px;letter-spacing:-.035em}.blog-prose h3{margin:32px 0 10px;color:#0f172a;font-size:21px}.blog-prose p,.blog-prose ul,.blog-prose ol{margin:0 0 20px}.blog-prose li+li{margin-top:8px}.blog-prose a{color:#4f46e5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-prose blockquote{margin:28px 0;padding:18px 20px;border-left:4px solid #6366f1;border-radius:0 14px 14px 0;background:#f8faff;color:#4338ca;font-weight:650}.blog-prose code{padding:2px 5px;border-radius:5px;background:#f1f5f9;font-size:.9em}.blog-cta{max-width:900px;margin:52px auto 0;padding:28px;border:1px solid #dbe4ff;border-radius:22px;background:linear-gradient(135deg,#f8faff,#f0fdfa);text-align:center}.blog-cta h2{margin:0 0 8px}.blog-cta p{margin:0 0 18px;color:#64748b}

@media(max-width:1000px){.workspace-manager-layout,.blog-hero-grid{grid-template-columns:1fr}.workspace-create-card{position:static}.blog-grid{grid-template-columns:1fr 1fr}.metric-band.measurement-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.portal-sidebar{padding-top:0}.portal-subnav{margin-top:-4px}.metric-band,.metric-band.measurement-kpis,.metric-band.executive-band{grid-template-columns:1fr 1fr}.metric-band article{min-height:98px;padding:14px}.metric-band article strong{font-size:23px}.copilot-panel{width:100%}.copilot-bubble{max-width:88%}.workspace-danger-zone{grid-template-columns:1fr}.workspace-delete-form{grid-template-columns:1fr}.calendar-day-add{opacity:1}.calendar-modal{padding:8px}.calendar-modal-card{max-height:94vh;border-radius:17px}.calendar-modal-actions{grid-template-columns:1fr 1fr}.calendar-modal-actions>span{display:none}.calendar-modal-actions .danger{grid-column:1/-1}.blog-grid{grid-template-columns:1fr}.blog-hero{padding-top:68px}.blog-article{padding-top:58px}}
@media(max-width:460px){.metric-band,.metric-band.measurement-kpis,.metric-band.executive-band{grid-template-columns:1fr}.copilot-launcher{width:50px;height:50px;padding:0;justify-content:center}.copilot-launcher>span:last-child{display:none}.copilot-suggestion-wrap{padding-left:0}.calendar-modal-actions{grid-template-columns:1fr}.calendar-modal-actions .danger{grid-column:auto}}

/* Hermes command-center release */
.creative-intelligence{margin:18px 0}.intelligence-winner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,.8fr) auto;gap:18px;align-items:center}.intelligence-winner>div:first-child{display:grid;gap:3px}.intelligence-winner>div:first-child small{color:#818a9a;font-weight:750}.intelligence-winner>div:first-child strong{font-size:18px;color:#111827}.pipeline-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.filter-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filter-row label{min-width:170px}.save-view-inline{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.saved-view-strip{display:flex;gap:8px;overflow-x:auto;margin:-4px 0 16px;padding:2px 1px 5px;scrollbar-width:none}.saved-view-strip a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #e5eaf1;border-radius:999px;background:#fff;color:#475569;font-size:10px;font-weight:800;white-space:nowrap}.pipeline-note{margin:7px 0 2px;padding:7px 9px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:9px;line-height:1.45}.pipeline-note b{color:#4338ca}.notification-section-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0 2px;color:#334155;font-size:10px}.notification-section-label span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#fff7ed;color:#c2410c}.notification-digest{margin-top:13px;border-top:1px solid #edf1f5;padding-top:11px}.notification-digest summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:8px 2px}.notification-digest summary::-webkit-details-marker{display:none}.notification-digest summary span{display:grid;gap:2px}.notification-digest summary small{color:#94a3b8}.copilot-orchestrator{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.copilot-orchestrator span{display:inline-flex;align-items:center;gap:5px;color:#4338ca;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.copilot-orchestrator b{padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:8px;text-transform:capitalize}.copilot-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.copilot-action-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dbe4ff;border-radius:999px;background:#f8faff;color:#4338ca;font-size:9px;font-weight:800}.button.is-loading{opacity:.72;pointer-events:none}.button.is-loading::after{content:"";width:10px;height:10px;margin-left:4px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:aimmSpin .7s linear infinite}@keyframes aimmSpin{to{transform:rotate(360deg)}}
.product-proof-section{background:linear-gradient(180deg,#f8faff 0,#fff 100%)}.product-proof-shell{display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;border:1px solid #dfe5ee;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.09)}.product-proof-nav{display:grid;align-content:start;gap:5px;padding:20px 14px;border-right:1px solid #e7ebf1;background:#111827;color:#94a3b8}.product-proof-nav>strong{margin:0 7px 12px;color:#fff;font-size:11px}.product-proof-nav span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-size:10px;font-weight:750}.product-proof-nav span.active{background:#312e81;color:#fff}.product-proof-nav i{width:14px;text-align:center}.product-proof-main{padding:22px}.product-proof-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.product-proof-top>div{display:grid;gap:3px}.product-proof-top small{color:#818a9a;font-size:9px;font-weight:800;text-transform:uppercase}.product-proof-top strong{color:#111827;font-size:20px}.product-proof-top>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:850}.product-proof-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-proof-kpis article{display:grid;gap:4px;padding:14px;border:1px solid #e7ebf1;border-radius:14px;background:#fbfcfe}.product-proof-kpis small{color:#8490a0;font-size:8px;font-weight:800;text-transform:uppercase}.product-proof-kpis strong{font-size:23px;color:#111827}.product-proof-kpis span{color:#64748b;font-size:9px;line-height:1.45}.product-proof-feed{display:grid;gap:9px;margin-top:14px}.product-proof-feed article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #e7ebf1;border-radius:13px}.product-proof-feed div{display:grid;gap:2px}.product-proof-feed small{color:#818a9a;font-size:8px;font-weight:800;text-transform:uppercase}.product-proof-feed strong{font-size:11px;color:#1f2937}.product-proof-feed p{margin:0;color:#718096;font-size:9px;line-height:1.45}.product-proof-feed button{border:1px solid #dbe2eb;border-radius:9px;background:#fff;padding:7px 9px;color:#475569;font-size:9px;font-weight:800}.proof-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.proof-icon.warn{background:#fff7ed;color:#ea580c}.proof-icon.success{background:#ecfdf5;color:#059669}.product-proof-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:18px 20px;border:1px solid #dfe5ee;border-radius:18px;background:#fff}.product-proof-actions>div:first-child{display:grid;gap:3px}.product-proof-actions strong{font-size:14px;color:#111827}.product-proof-actions span{color:#64748b;font-size:10px}.product-proof-actions>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.intelligence-winner{grid-template-columns:1fr}.pipeline-toolbar{align-items:stretch;flex-direction:column}.product-proof-shell{grid-template-columns:1fr}.product-proof-nav{grid-template-columns:repeat(6,max-content);overflow-x:auto;border-right:0;border-bottom:1px solid #e7ebf1}.product-proof-nav>strong{display:none}.product-proof-kpis{grid-template-columns:1fr 1fr}.product-proof-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.product-proof-main{padding:15px}.product-proof-top{align-items:flex-start;flex-direction:column}.product-proof-kpis{grid-template-columns:1fr}.product-proof-feed article{grid-template-columns:34px minmax(0,1fr)}.product-proof-feed article button{grid-column:2;justify-self:start}.product-proof-actions>div:last-child{width:100%}.product-proof-actions .button{flex:1;justify-content:center}}

/* Command-center final integration */
.campaign-filter-panel{margin:0 0 18px;padding:15px 16px!important}.campaign-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.35fr) auto;gap:10px;align-items:end}.campaign-filter-form label{display:grid;gap:5px}.campaign-filter-form label>span{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.campaign-filter-actions{display:flex;gap:7px;align-items:center}.campaign-filter-panel .saved-view-strip{align-items:center;margin:12px 0 0;padding-top:11px;border-top:1px solid #edf1f5;overflow:visible;flex-wrap:wrap}.campaign-filter-panel .saved-view-strip>span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:9px;font-weight:850;text-transform:uppercase}.saved-view-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #e5eaf1;border-radius:999px;background:#fff;color:#475569;font-size:10px;font-weight:800;white-space:nowrap}.saved-view-create{display:flex;align-items:center;gap:6px;margin-left:auto}.saved-view-create input{min-width:150px;padding:8px 10px;border-radius:9px}.shared-report-title{min-width:0}.report-print{flex:none}@media print{.report-print,.site-header,.footer{display:none!important}.shared-report-page{padding:0!important}.shared-report-panel,.shared-report-kpis article{box-shadow:none!important}.shared-report-page .container{max-width:none!important;width:100%!important}}
body.portal-navigating::before{position:fixed;z-index:99999;top:0;left:0;width:34%;height:3px;background:linear-gradient(90deg,#4f46e5,#14b8a6);content:"";animation:aimmNavProgress .8s ease-in-out infinite;box-shadow:0 1px 8px rgba(79,70,229,.2)}@keyframes aimmNavProgress{0%{transform:translateX(-100%)}60%{transform:translateX(170%)}100%{transform:translateX(320%)}}
@media(max-width:760px){.campaign-filter-form{grid-template-columns:1fr}.campaign-filter-actions{width:100%}.campaign-filter-actions .button{flex:1;justify-content:center}.saved-view-create{width:100%;margin-left:0}.saved-view-create input{min-width:0;flex:1}.shared-report-head{align-items:flex-start!important;flex-wrap:wrap}.report-print{width:100%;justify-content:center}}
.resource-copy-field{display:grid;gap:5px;margin:10px 0}.resource-copy-field>span{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.embed-code{margin:9px 0 12px;padding:10px;border:1px solid #e5eaf1;border-radius:11px;background:#f8fafc}.embed-code summary{cursor:pointer;color:#4338ca;font-size:10px;font-weight:800}.embed-code textarea{width:100%;margin-top:9px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.5}.embed-code small{display:block;margin-top:6px;color:#64748b;font-size:9px;line-height:1.45}

/* Command Center layout hotfix */
.today-command-center{position:relative;display:grid;overflow:hidden;margin:0 0 20px;border:1px solid #dfe5ee;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.07)}
.today-command-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center;padding:28px 30px;background:radial-gradient(circle at 88% 10%,rgba(99,102,241,.14),transparent 34%),radial-gradient(circle at 68% 115%,rgba(20,184,166,.10),transparent 34%),linear-gradient(135deg,#fff 0,#fafbff 68%,#f7fffd 100%)}
.today-command-head::after{position:absolute;right:164px;bottom:0;width:210px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent);content:""}
.today-command-copy{display:grid;min-width:0;gap:0}
.today-command-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#64748b;font-size:9px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.today-command-copy h1{max-width:760px;margin:0 0 9px;color:#0f172a;font-size:clamp(31px,3.2vw,45px);line-height:1.02;letter-spacing:-.052em}
.today-command-copy>p{max-width:780px;margin:0;color:#64748b;font-size:11px;line-height:1.65}
.today-command-copy>p strong{color:#334155;font-weight:800}
.today-command-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}
.today-command-actions .button{min-height:40px}
.today-health-card{display:grid;justify-items:center;align-content:center;min-height:148px;padding:13px;border:1px solid rgba(199,210,254,.9);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(79,70,229,.06);backdrop-filter:blur(8px)}
.today-health-ring{--health-score:0;position:relative;display:grid;width:82px;height:82px;place-items:center;margin-bottom:7px;border-radius:50%;background:conic-gradient(#4f46e5 calc(var(--health-score)*1%),#e9edf5 0);color:#111827}
.today-health-ring::before{position:absolute;inset:7px;border-radius:50%;background:#fff;content:"";box-shadow:inset 0 0 0 1px rgba(226,232,240,.8)}
.today-health-ring strong,.today-health-ring span{position:relative;z-index:1}
.today-health-ring strong{margin-top:10px;font-size:25px;line-height:1;letter-spacing:-.045em}
.today-health-ring span{margin-top:-11px;color:#94a3b8;font-size:7px;font-weight:800}
.today-health-card>small{color:#64748b;font-size:8px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}
.today-health-card>a{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:#4f46e5;font-size:8px;font-weight:850}
.today-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fbfcfe}
.today-summary-strip>span{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 14px;border-right:1px solid #edf0f4;color:#64748b;font-size:8px;font-weight:750;white-space:nowrap}
.today-summary-strip>span:last-child{border-right:0}
.today-summary-strip i{color:#6366f1;font-size:9px}.today-summary-strip strong{color:#1e293b;font-size:9px}
.today-feed-shell{display:grid;gap:13px;padding:21px 22px 20px}
.today-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 2px}
.today-feed-heading>div{display:grid;gap:2px}.today-feed-heading h2{margin:0;color:#172033;font-size:16px;letter-spacing:-.025em}.today-feed-heading>span{display:inline-grid;min-width:27px;height:27px;place-items:center;padding:0 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:8px;font-weight:850}
.today-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.today-feed-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;min-width:0;padding:14px;border:1px solid #e7ebf1;border-radius:15px;background:linear-gradient(180deg,#fff,#fcfdff);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.today-feed-item:hover{transform:translateY(-1px);border-color:#d7def8;box-shadow:0 10px 25px rgba(15,23,42,.055)}
.today-feed-item::before{position:absolute;top:12px;bottom:12px;left:-1px;width:3px;border-radius:0 4px 4px 0;background:#818cf8;content:""}
.today-feed-item.high::before{background:#f43f5e}.today-feed-item.medium::before{background:#f59e0b}.today-feed-item.low::before{background:#14b8a6}
.today-feed-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5;font-size:12px}
.today-feed-item.high .today-feed-icon{background:#fff1f2;color:#e11d48}.today-feed-item.medium .today-feed-icon{background:#fffbeb;color:#d97706}.today-feed-item.low .today-feed-icon{background:#ecfdf5;color:#0f766e}
.today-feed-item>div{display:grid;min-width:0;align-content:start}.today-feed-item h3{margin:1px 0 4px;color:#1e293b;font-size:10px;line-height:1.35}.today-feed-item p{margin:0;color:#7b8798;font-size:8px;line-height:1.55}
.today-feed-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.today-feed-actions form{display:inline-flex;margin:0}.today-feed-actions .button{min-height:31px;padding:0 10px;font-size:8px}
.today-feed-clear{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px dashed #cfe8dc;border-radius:15px;background:#f8fffc}
.today-feed-clear>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#dff8ec;color:#059669}.today-feed-clear>div{display:grid;gap:4px}.today-feed-clear strong{color:#14532d;font-size:11px}.today-feed-clear p{margin:0 0 6px;color:#64748b;font-size:9px}
.today-command-footer{display:flex;align-items:center;justify-content:flex-end;gap:0;padding:0 18px;border-top:1px solid #edf0f4;background:#fafbfc}
.today-command-footer a{display:inline-flex;min-height:43px;align-items:center;gap:6px;padding:0 12px;border-left:1px solid #edf0f4;color:#64748b;font-size:8px;font-weight:800;transition:.16s ease}.today-command-footer a:hover{background:#fff;color:#4338ca}.today-command-footer i{color:#818cf8}
@media(max-width:1040px){.today-command-head{grid-template-columns:minmax(0,1fr) 132px;padding:24px}.today-feed{grid-template-columns:1fr}.today-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.today-summary-strip>span:nth-child(2){border-right:0}.today-summary-strip>span:nth-child(-n+2){border-bottom:1px solid #edf0f4}}
@media(max-width:760px){.today-command-center{border-radius:18px}.today-command-head{grid-template-columns:1fr;gap:18px;padding:21px 18px}.today-command-head::after{display:none}.today-command-copy h1{font-size:31px}.today-command-actions{display:grid;grid-template-columns:1fr 1fr}.today-command-actions .button{justify-content:center}.today-health-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-items:start;column-gap:11px;min-height:0;padding:11px 13px}.today-health-ring{grid-row:1/3;width:57px;height:57px;margin:0}.today-health-ring::before{inset:5px}.today-health-ring strong{margin-top:7px;font-size:18px}.today-health-ring span{margin-top:-8px;font-size:6px}.today-health-card>small{align-self:end}.today-health-card>a{align-self:start;margin-top:1px}.today-feed-shell{padding:17px 15px}.today-command-footer{justify-content:stretch;padding:0}.today-command-footer a{flex:1;justify-content:center;padding:0 8px}.today-command-footer a:first-child{border-left:0}}
@media(max-width:500px){.today-command-actions{grid-template-columns:1fr}.today-summary-strip{grid-template-columns:1fr}.today-summary-strip>span{justify-content:flex-start;border-right:0!important;border-bottom:1px solid #edf0f4}.today-summary-strip>span:last-child{border-bottom:0}.today-feed-heading{align-items:center}.today-command-footer{display:grid;grid-template-columns:1fr}.today-command-footer a{border-top:1px solid #edf0f4;border-left:0}.today-command-footer a:first-child{border-top:0}}

/* Command Center page cohesion */
.today-command-copy>p{font-size:13px}.today-command-kicker{font-size:10px}.today-health-card>small,.today-health-card>a{font-size:10px}.today-summary-strip>span{font-size:11px}.today-summary-strip strong{font-size:12px}.today-feed-heading h2{font-size:18px}.today-feed-heading>span{font-size:10px}.today-feed-item h3{font-size:13px}.today-feed-item p{font-size:11px}.today-feed-actions .button{min-height:34px;padding-inline:11px;font-size:10px}.today-feed-clear strong{font-size:13px}.today-feed-clear p{font-size:11px}.today-command-footer a{font-size:10px}
.today-command-center~.command-kpi-band{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:visible;border:0;background:transparent;box-shadow:none}
.today-command-center~.command-kpi-band article{min-height:112px;padding:18px;border:1px solid #e5e9f1!important;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.today-command-center~.command-kpi-band article:hover{border-color:#d7def8!important;box-shadow:0 12px 30px rgba(15,23,42,.055)}
.today-command-center~.command-kpi-band small{font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.today-command-center~.command-kpi-band strong{font-size:clamp(24px,2.15vw,31px)}.today-command-center~.command-kpi-band span,.today-command-center~.command-kpi-band a{font-size:10px;line-height:1.4}
.today-command-center~.command-center-grid,.today-command-center~.command-lower-grid{gap:14px}.today-command-center~.command-center-grid .performance-surface,.today-command-center~.command-center-grid .next-actions-surface,.today-command-center~.command-lower-grid .insight-surface,.today-command-center~.command-lower-grid .channel-health-surface,.today-command-center~.dashboard-section{border-radius:17px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.today-command-center~.command-center-grid .surface-head h2,.today-command-center~.command-lower-grid .surface-head h2,.today-command-center~.dashboard-section .section-bar h2{font-size:18px}.today-command-center~.command-center-grid .surface-head p:not(.eyebrow),.today-command-center~.command-lower-grid .surface-head p:not(.eyebrow),.today-command-center~.dashboard-section .section-bar p{font-size:11px;line-height:1.5}.today-command-center~.command-center-grid .quiet-link,.today-command-center~.command-lower-grid .quiet-link,.today-command-center~.dashboard-section .section-bar>a{font-size:10px}
.today-command-center~.command-center-grid .next-action-list strong{font-size:12px}.today-command-center~.command-center-grid .next-action-list small{font-size:10px}.today-command-center~.command-lower-grid .insight-card h3{font-size:14px}.today-command-center~.command-lower-grid .insight-card>p{font-size:11px}.today-command-center~.command-lower-grid .insight-meta,.today-command-center~.command-lower-grid .insight-evidence,.today-command-center~.command-lower-grid .insight-action>span,.today-command-center~.command-lower-grid .insight-action a{font-size:9px}.today-command-center~.command-lower-grid .channel-health-list strong{font-size:11px}.today-command-center~.command-lower-grid .channel-health-list small,.today-command-center~.command-lower-grid .connection-health{font-size:9px}
.today-command-center~.dashboard-section .pulse-head{font-size:9px}.today-command-center~.dashboard-section .pulse-row{font-size:11px}.today-command-center~.dashboard-section .pulse-campaign strong{font-size:12px}.today-command-center~.dashboard-section .pulse-campaign small{font-size:10px}
@media(max-width:1180px){.today-command-center~.command-kpi-band{grid-template-columns:repeat(3,minmax(0,1fr))}.today-command-center~.command-kpi-band article:nth-child(n+4){min-height:100px}}
@media(max-width:760px){.today-command-center~.command-kpi-band{grid-template-columns:repeat(2,minmax(0,1fr))}.today-command-center~.command-kpi-band article{min-height:100px}.today-command-center~.dashboard-section .pulse-row{font-size:10px}}
@media(max-width:460px){.today-command-center~.command-kpi-band{grid-template-columns:1fr}.today-command-center~.command-kpi-band article{min-height:94px}}
/* Milestones */
.success-moment {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 0 0 18px;
  padding: 20px 22px;
  overflow: hidden;
  border: 1px solid #ddd6fe;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(34, 193, 195, .12), transparent 15rem),
    linear-gradient(135deg, #ffffff 0%, #fafaff 58%, #f3f7ff 100%);
  box-shadow: var(--shadow-sm);
}
.success-moment::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--primary), var(--teal));
  content: "";
}
.success-moment-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid #ddd6fe;
  border-radius: 17px;
  background: linear-gradient(145deg, #eef2ff, #ecfeff);
  color: var(--primary);
  box-shadow: 0 10px 24px rgba(79, 70, 229, .10);
  font-size: 20px;
}
.success-moment-copy { min-width: 0; }
.success-moment-copy .eyebrow { margin-bottom: 4px; }
.success-moment-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.18;
  letter-spacing: -.025em;
}
.success-moment-copy > p:last-child {
  max-width: 62ch;
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.success-moment-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}
.success-moment-actions form { margin: 0; }
.success-moment-actions .button { white-space: nowrap; }

.milestone-list { gap: 10px; }
.milestone-list > article {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  padding: 15px 16px;
  border-color: var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #fbfcfe);
}
.milestone-list > article > div { min-width: 0; }
.milestone-list .milestone-icon {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  font-size: 12px;
}
.milestone-list .timeline-meta { align-items: flex-start; }
.milestone-list .timeline-meta h3 {
  min-width: 0;
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.35;
}
.milestone-list .timeline-meta time {
  flex: 0 0 auto;
  padding-top: 2px;
  color: var(--muted-2);
  font-size: 9px;
  white-space: nowrap;
}
.milestone-list article p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
}
.milestone-list .bar.small { margin-top: 12px; }

@media (max-width: 820px) {
  .success-moment {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
  }
  .success-moment-icon { width: 48px; height: 48px; border-radius: 15px; }
  .success-moment-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-left: 64px;
  }
}
@media (max-width: 560px) {
  .success-moment { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 16px; border-radius: 17px; }
  .success-moment-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 16px; }
  .success-moment-copy h2 { font-size: 18px; }
  .success-moment-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding-left: 0;
  }
  .success-moment-actions form, .success-moment-actions .button { width: 100%; }
  .milestone-list > article { grid-template-columns: 38px minmax(0, 1fr); padding: 14px; }
  .milestone-list .milestone-icon { width: 36px; height: 36px; }
  .milestone-list .timeline-meta { display: grid; gap: 3px; }
}


/* ===== Portal visual consistency sweep ===== */
/* Shared actions and header resilience */
.head-actions,.card-actions,.command-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.head-actions{justify-content:flex-end}.card-actions{margin-top:14px}.card-actions form,.head-actions form,.command-actions form{margin:0}.portal-dashboard-head>div,.dashboard-panel-head>div,.panel-head>div,.section-bar>div{min-width:0}.portal-dashboard-head .head-actions,.portal-dashboard-head .command-actions{flex:0 0 auto}.button.quiet{border-color:transparent;background:transparent;color:#64748b;box-shadow:none}.button.quiet:hover{border-color:#e2e8f0;background:#f8fafc;color:#334155}.button.danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}.button.danger:hover{border-color:#fda4af;background:#ffe4e6}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
/* copy-field is a wrapper in referrals, but an input in forms/reports */
input.copy-field{display:block!important;width:100%;min-width:0!important;grid-template-columns:none!important}.resource-copy-field{display:grid;gap:6px;margin-top:12px}.resource-copy-field>span{color:#64748b;font-size:10px;font-weight:800}.embed-code{margin-top:12px}.embed-code>summary{cursor:pointer;color:#4f46e5;font-size:11px;font-weight:800}.embed-code textarea{width:100%;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.embed-code small{display:block;margin-top:6px;color:#64748b;font-size:10px;line-height:1.5}

/* Team and permissions */
.role-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.role-explainer-grid article{min-width:0;padding:14px 15px;border:1px solid var(--portal-border);border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcfe)}.role-explainer-grid strong{display:block;color:#27324a;font-size:12px}.role-explainer-grid p{margin:4px 0 0;color:#64748b;font-size:10px;line-height:1.55}.team-member-stack{display:grid;gap:10px}.team-member-card{padding:16px;border:1px solid var(--portal-border);border-radius:15px;background:#fff}.team-member-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px}.team-member-head>div{display:grid;min-width:0;gap:2px}.team-member-head strong{overflow:hidden;color:#27324a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.team-member-head small{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-member-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid #edf1f5}.permission-details{flex:1 1 100%;padding:10px 12px;border:1px solid #e7ebf1;border-radius:12px;background:#fbfcfe}.permission-details>summary{cursor:pointer;color:#475569;font-size:11px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.permission-grid label{display:flex!important;min-width:0;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #e7ebf1;border-radius:10px;background:#fff;font-size:10px!important;font-weight:650!important}.permission-grid input[type=checkbox]{flex:none;margin-top:2px;accent-color:#4f46e5}.permission-grid .button{grid-column:1/-1;justify-self:start}

/* System health */
.health-score-chip{display:grid;min-width:104px;place-items:center;padding:12px 16px;border:1px solid #dbe4ff;border-radius:16px;background:linear-gradient(145deg,#f8faff,#f0fdfa);box-shadow:var(--shadow-xs)}.health-score-chip strong{color:#4338ca;font-size:26px;line-height:1}.health-score-chip small{margin-top:4px;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.system-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.system-health-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:16px;border:1px solid var(--portal-border);border-radius:15px;background:#fff}.system-health-card>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f1f5f9;color:#64748b}.system-health-card.pass>span{background:#ecfdf5;color:#0f766e}.system-health-card.warn>span{background:#fff7ed;color:#b45309}.system-health-card.fail>span{background:#fff1f2;color:#be123c}.system-health-card>div{display:grid;min-width:0;gap:2px}.system-health-card small{color:#94a3b8;font-size:8px;font-weight:850;text-transform:uppercase}.system-health-card strong{font-size:13px}.system-health-card p{margin:3px 0 0;color:#64748b;font-size:10px;line-height:1.5}.ops-signal-list{display:grid}.ops-signal-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);align-items:center;gap:16px;padding:11px 0;border-top:1px solid #edf1f5}.ops-signal-list>div:first-child{border-top:0}.ops-signal-list span{color:#64748b;font-size:11px}.ops-signal-list strong{min-width:0;overflow-wrap:anywhere;text-align:right;font-size:11px}.health-checklist{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:health-step}.health-checklist li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #edf1f5;counter-increment:health-step}.health-checklist li:first-child{border-top:0}.health-checklist li:before{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5;font-size:9px;font-weight:850;content:counter(health-step)}.health-checklist strong,.health-checklist span{display:block}.health-checklist strong{font-size:11px}.health-checklist span{margin-top:2px;color:#64748b;font-size:10px;line-height:1.45}.health-component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.health-component-grid article{padding:13px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.health-component-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-component-grid strong{font-size:11px}.health-component-grid span{color:#4338ca;font-size:10px;font-weight:850}.health-component-grid progress{width:100%;height:7px;margin-top:9px;border:0;border-radius:999px;overflow:hidden;background:#edf1f5}.health-component-grid progress::-webkit-progress-bar{background:#edf1f5}.health-component-grid progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#4f46e5,#14b8a6)}.health-component-grid progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#4f46e5,#14b8a6)}.next-health-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.next-health-actions span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e1e7ff;border-radius:999px;background:#f8faff;color:#475569;font-size:9px;font-weight:700}.next-health-actions i{color:#4f46e5}

/* Global search */
.search-command-surface{margin-bottom:18px;padding:14px;border:1px solid #dfe5f1;border-radius:18px;background:linear-gradient(135deg,#fff,#f8faff);box-shadow:var(--shadow-sm)}.global-search-form{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(130px,.28fr) auto;align-items:center;gap:9px}.global-search-form>i{display:grid;width:42px;height:42px;place-items:center;color:#64748b}.global-search-form input,.global-search-form select{width:100%;min-width:0}.global-search-results{display:grid}.global-search-results>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1f5;color:inherit}.global-search-results>a:first-child{border-top:0}.global-search-results>a>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.global-search-results>a>div{display:grid;min-width:0;gap:2px}.global-search-results small{color:#94a3b8;font-size:8px;font-weight:850;text-transform:uppercase}.global-search-results strong{font-size:12px}.global-search-results p{overflow:hidden;margin:0;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.global-search-results>a>i{color:#a5b4c5;font-size:9px}.saved-view-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.saved-view-list>a{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #e7ebf1;border-radius:12px;background:#fbfcfe;color:inherit}.saved-view-list>a>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5}.saved-view-list span{display:grid;min-width:0}.saved-view-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.saved-view-list small{color:#64748b;font-size:9px}.mini-popover-form{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:7px;margin-top:8px;padding:10px;border:1px solid #e7ebf1;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}

/* Forms and reusable resource cards */
.feature-check-list{display:grid;gap:9px}.feature-check-list>span{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid #e7ebf1;border-radius:11px;background:#fbfcfe;color:#475569;font-size:11px;line-height:1.45}.feature-check-list>span>i{display:grid;width:20px;height:20px;flex:none;place-items:center;border-radius:50%;background:#ecfdf5;color:#0f766e;font-size:8px}.resource-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:13px;min-width:0;padding:16px;border:1px solid var(--portal-border);border-radius:15px;background:#fff}.resource-card>div:last-child{min-width:0}.resource-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.resource-card h3{margin:8px 0 3px;font-size:14px}.resource-card p{margin:0;color:#64748b;font-size:10px}.resource-card .card-actions{align-items:center}

/* Landing pages */
.landing-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-page-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);gap:16px;min-width:0;padding:17px;border:1px solid var(--portal-border);border-radius:16px;background:#fff}.landing-page-info{display:grid;align-content:start;min-width:0}.landing-page-info h3{margin:8px 0 4px;font-size:15px}.landing-page-info p{margin:0;color:#64748b;font-size:10px;line-height:1.5}.landing-page-preview{display:grid;min-height:150px;align-content:center;padding:16px;border:1px solid #e1e7ff;border-radius:13px;background:radial-gradient(circle at 85% 15%,rgba(99,102,241,.11),transparent 10rem),#f8faff}.landing-page-preview small{color:#64748b;font-size:8px;font-weight:850;text-transform:uppercase}.landing-page-preview strong{margin-top:5px;font-size:16px;line-height:1.25}.authority-stack{display:grid;gap:8px}.authority-stack>div,.authority-stack>article{padding:10px 12px;border:1px solid #e7ebf1;border-radius:11px;background:#fbfcfe}.authority-stack strong{font-size:11px}.authority-stack p,.authority-stack small{margin:3px 0 0;color:#64748b;font-size:9px;line-height:1.45}

/* SEO content center */
.seo-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.seo-kpi-grid article{display:grid;gap:4px;padding:14px 15px;border:1px solid var(--portal-border);border-radius:14px;background:#fff}.seo-kpi-grid small{color:#64748b;font-size:9px;font-weight:800}.seo-kpi-grid strong{font-size:24px;letter-spacing:-.04em}.cluster-list{display:grid;gap:8px}.cluster-list>div:not(.clean-empty){display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e7ebf1;border-radius:11px;background:#fbfcfe}.cluster-list>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5}.cluster-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cluster-list b{color:#64748b;font-size:9px}.content-pipeline-list{display:grid;gap:9px}.content-pipeline-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 15px;border:1px solid #e7ebf1;border-radius:13px;background:#fff}.content-pipeline-main{display:grid;min-width:0}.content-pipeline-main>div{display:flex;flex-wrap:wrap;gap:6px}.content-pipeline-main h3{margin:7px 0 3px;font-size:13px}.content-pipeline-main p{overflow:hidden;margin:0;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.content-pipeline-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.content-pipeline-actions form{margin:0}.content-pipeline-actions select{min-width:130px}

/* Activity timeline */
.filter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:11px 12px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.filter-toolbar form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.activity-timeline{display:grid}.activity-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px 0}.activity-event:not(:last-child):after{position:absolute;top:52px;bottom:-2px;left:18px;width:1px;background:#e7ebf1;content:""}.activity-dot{position:relative;z-index:1;display:grid;width:36px;height:36px;place-items:center;border:1px solid #dfe5ee;border-radius:50%;background:#fff;color:#64748b}.activity-dot.customer{background:#eef2ff;color:#4f46e5}.activity-dot.staff{background:#eff6ff;color:#2563eb}.activity-dot.hermes,.activity-dot.ai{background:#ecfeff;color:#0e7490}.activity-dot.system{background:#f8fafc;color:#64748b}.activity-event>div{min-width:0}.activity-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;color:#94a3b8;font-size:9px}.activity-event h3{margin:4px 0 3px;font-size:12px}.activity-event p{margin:0;color:#64748b;font-size:10px;line-height:1.5}.activity-event a{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:#4f46e5;font-size:9px;font-weight:800}

/* Reports */
.share-report-list{display:grid;gap:9px}.share-report-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.share-report-list>article>div{display:grid;min-width:0;gap:4px}.share-report-list strong{font-size:12px}.share-report-list small{color:#64748b;font-size:9px}.share-report-list input.copy-field{margin-top:5px;font-size:10px}.share-report-list form{margin:0}

/* Public shared report */
.shared-report-page{min-height:100vh;padding:40px 0 70px;background:#f8fafc}.shared-report-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:24px;padding:22px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.shared-report-title{min-width:0}.shared-report-title h1{margin:3px 0 4px;font-size:clamp(25px,4vw,40px);letter-spacing:-.045em}.shared-report-title>p:last-child{margin:0;color:#64748b;font-size:11px}.shared-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.shared-report-kpis article{display:grid;gap:4px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.shared-report-kpis small{color:#64748b;font-size:9px;font-weight:800}.shared-report-kpis strong{font-size:23px;letter-spacing:-.04em}.shared-report-panel{padding:22px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:var(--shadow-xs)}.shared-report-panel h2{margin:2px 0 16px;font-size:19px}.shared-report-table{overflow:hidden;border:1px solid #e7ebf1;border-radius:13px}.shared-report-row{display:grid;grid-template-columns:1.5fr repeat(4,minmax(82px,.6fr));align-items:center;gap:12px;padding:12px 13px;border-top:1px solid #edf1f5;font-size:11px}.shared-report-row:first-child{border-top:0}.shared-report-row.head{background:#f8fafc;color:#64748b;font-size:9px;font-weight:850;text-transform:uppercase}.shared-report-row>span:first-child{display:grid;min-width:0}.shared-report-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-report-row small{color:#64748b;font-size:9px}.shared-report-foot{margin-top:14px;color:#94a3b8;font-size:9px;text-align:center}

/* Minor specialty surfaces */
.admin-ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-head,.calendar-head,.billing-head{align-items:flex-start}.clean-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.clean-list li{display:flex;align-items:flex-start;gap:8px;color:#475569;font-size:10px;line-height:1.5}.verify-experience{display:grid;gap:18px;max-width:640px;margin-inline:auto}.verify-experience .card,.verify-experience .panel{width:100%}

/* Global polish and overflow hardening */
.app-body.portal .dashboard-panel,.app-body.portal .panel,.app-body.portal .card{min-width:0}.app-body.portal .dashboard-panel-head,.app-body.portal .panel-head,.app-body.portal .section-bar{flex-wrap:wrap}.app-body.portal .dashboard-panel-head>*:last-child:not(:first-child),.app-body.portal .panel-head>*:last-child:not(:first-child),.app-body.portal .section-bar>*:last-child:not(:first-child){max-width:100%}.app-body.portal .portal-content h1,.app-body.portal .portal-content h2,.app-body.portal .portal-content h3{overflow-wrap:anywhere}.app-body.portal .portal-content input,.app-body.portal .portal-content select,.app-body.portal .portal-content textarea{max-width:100%}.app-body.portal .portal-content code{overflow-wrap:anywhere}.app-body.portal .empty-state{max-width:100%}.dashboard-row.two-equal>*{min-width:0}

@media(max-width:1100px){.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page-grid{grid-template-columns:1fr}.saved-view-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.portal-dashboard-head{align-items:flex-start!important;flex-direction:column}.portal-dashboard-head .head-actions,.portal-dashboard-head .command-actions{width:100%;justify-content:flex-start}.role-explainer-grid,.permission-grid,.system-health-grid,.health-component-grid,.resource-card-grid,.saved-view-list{grid-template-columns:1fr}.global-search-form{grid-template-columns:auto minmax(0,1fr) auto}.global-search-form select{grid-column:2/3}.global-search-form .button{grid-column:3/4;grid-row:1/3;align-self:stretch}.landing-page-card{grid-template-columns:1fr}.content-pipeline-list>article{grid-template-columns:1fr}.content-pipeline-actions{justify-content:flex-start}.share-report-list>article{grid-template-columns:1fr}.share-report-list>article form{justify-self:start}.shared-report-head{grid-template-columns:1fr;gap:16px}.shared-report-head .brand{justify-self:start}.shared-report-head .report-print{justify-self:start}.shared-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-report-table{overflow-x:auto}.shared-report-row{min-width:660px}.team-member-controls>.inline-actions{flex:1 1 100%}.seo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ops-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.head-actions,.card-actions,.command-actions{display:grid;grid-template-columns:1fr;width:100%}.head-actions .button,.card-actions .button,.command-actions .button,.head-actions form,.card-actions form,.command-actions form{width:100%}.team-member-head{grid-template-columns:36px minmax(0,1fr)}.team-member-head>.status-pill{grid-column:2/3;justify-self:start}.team-member-controls{display:grid;grid-template-columns:1fr}.team-member-controls .inline-actions{display:grid;grid-template-columns:1fr}.team-member-controls select,.team-member-controls .button{width:100%}.ops-signal-list>div{grid-template-columns:1fr;gap:3px}.ops-signal-list strong{text-align:left}.global-search-form{grid-template-columns:1fr}.global-search-form>i{display:none}.global-search-form input,.global-search-form select,.global-search-form .button{grid-column:1!important;grid-row:auto!important;width:100%}.resource-card{grid-template-columns:38px minmax(0,1fr);padding:14px}.resource-icon{width:36px;height:36px}.seo-kpi-grid,.shared-report-kpis,.admin-ops-kpis{grid-template-columns:1fr}.content-pipeline-actions{display:grid;grid-template-columns:1fr}.content-pipeline-actions form,.content-pipeline-actions select,.content-pipeline-actions .button{width:100%}.activity-meta{display:grid;justify-content:start}.shared-report-page{padding-top:20px}.shared-report-head,.shared-report-panel{padding:16px;border-radius:16px}}

/* Public runtime surfaces and editorial consistency */
.container.narrow{max-width:900px}.article-intro{margin:0 0 28px;padding:16px 18px;border-left:3px solid #6366f1;border-radius:0 12px 12px 0;background:#f8faff;color:#334155;font-size:17px!important;line-height:1.7!important}.form-actions .status{min-height:20px;margin:0;color:#64748b;font-size:11px}.form-actions .status:not(:empty){padding:7px 10px;border-radius:9px;background:#f8fafc}.boundary-section{overflow:hidden}.boundary-zone--context{border-color:#dfe3ff;background:linear-gradient(180deg,#fff,#fbfbff)}
.generated-landing{min-height:100vh;background:#fff}.generated-landing-hero{padding:clamp(72px,10vw,126px) 0 64px;background:radial-gradient(circle at 82% 16%,rgba(99,102,241,.13),transparent 25rem),linear-gradient(180deg,#fff,#f8faff);border-bottom:1px solid #eef1f5}.generated-landing-hero .narrow{display:grid;justify-items:start}.generated-landing-hero h1{max-width:800px;margin:8px 0 16px;font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-.055em}.generated-landing-hero p:not(.eyebrow){max-width:690px;margin:0 0 24px;color:#64748b;font-size:clamp(16px,2vw,20px);line-height:1.65}.generated-landing-body{padding-top:58px;padding-bottom:78px}.generated-landing-body>section{padding:30px 0;border-bottom:1px solid #edf1f5}.generated-landing-body>section:first-child{padding-top:0}.generated-landing-body h2{max-width:760px;margin:0 0 12px;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}.generated-landing-body p{max-width:760px;margin:0;color:#475569;font-size:15px;line-height:1.78}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:28px!important;border:1px solid #dfe4ff!important;border-radius:20px;background:linear-gradient(135deg,#f8faff,#f0fdfa)}.landing-cta h2{margin:0!important;font-size:24px!important}
.hosted-form-page{display:grid;min-height:calc(100vh - 80px);place-items:center;padding:64px 20px;background:radial-gradient(circle at 80% 10%,rgba(99,102,241,.11),transparent 22rem),#f8fafc}.hosted-form-card{width:min(100%,680px);padding:28px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.12)}.hosted-form-card>.brand{margin-bottom:28px}.hosted-form-card>.eyebrow{margin-bottom:7px}.hosted-form-card>h1{margin:0 0 9px;font-size:clamp(28px,5vw,42px);letter-spacing:-.045em}.hosted-form-card>p:not(.eyebrow){margin:0 0 22px;color:#64748b;font-size:13px;line-height:1.6}.hosted-form-card .form{margin-top:24px}.hosted-form-card .form>small{color:#94a3b8;font-size:10px;line-height:1.5}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-success{display:grid;justify-items:center;padding:38px 14px;text-align:center}.form-success>i{display:grid;width:58px;height:58px;margin-bottom:18px;place-items:center;border-radius:50%;background:#ecfdf5;color:#0f766e;font-size:24px}.form-success h1{margin:0 0 8px;font-size:28px}.form-success p{margin:0;color:#64748b}.portal-command-trigger--sidebar{width:100%}
@media(max-width:700px){.landing-cta{align-items:flex-start;flex-direction:column}.landing-cta .button{width:100%}.hosted-form-page{padding:32px 14px}.hosted-form-card{padding:20px;border-radius:18px}.generated-landing-body{padding-top:40px;padding-bottom:54px}.generated-landing-body>section{padding:24px 0}.article-intro{font-size:15px!important}}

/* ===== Product experience 20 ===== */
.playbook-picker{margin:0 0 18px;padding:18px;border:1px solid var(--portal-border);border-radius:18px;background:linear-gradient(145deg,#fff,#f8faff)}.playbook-picker>.dashboard-panel-head{margin-bottom:13px}.playbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.playbook-card{display:grid;min-width:0;gap:6px;padding:14px;text-align:left;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#334155;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.playbook-card:hover,.playbook-card.active{border-color:#a5b4fc;box-shadow:0 10px 24px rgba(79,70,229,.09);transform:translateY(-1px)}.playbook-card.active{background:#f8faff}.playbook-card strong{font-size:12px}.playbook-card span{color:#64748b;font-size:10px;line-height:1.45}.brand-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.brand-card-actions form{margin:0}
.ai-work-queue-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:16px}.ai-work-queue-summary p{margin:4px 0 0;color:#64748b;font-size:10px;line-height:1.55}.ai-work-queue-summary .card-actions{margin:0}
.opportunity-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.opportunity-kpis article{padding:15px;border:1px solid var(--portal-border);border-radius:14px;background:#fff}.opportunity-kpis small{display:block;color:#64748b;font-size:9px;font-weight:800}.opportunity-kpis strong{display:block;margin-top:4px;font-size:23px;letter-spacing:-.04em}.opportunity-list{display:grid;gap:10px}.opportunity-card{padding:16px;border:1px solid var(--portal-border);border-radius:16px;background:#fff}.opportunity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.opportunity-card-head>div{min-width:0}.opportunity-card h3{margin:3px 0 5px;font-size:14px}.opportunity-card p{margin:0;color:#64748b;font-size:10px;line-height:1.55}.opportunity-recommendation{margin-top:11px;padding:10px 12px;border:1px solid #dfe4ff;border-radius:11px;background:#f8faff;color:#475569;font-size:10px;line-height:1.5}.today-opportunities{display:grid;gap:16px;margin-bottom:18px;padding:22px;border:1px solid #e5e9f1;border-radius:var(--portal-surface-radius);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025)}.today-opportunities .section-bar{width:100%;margin:0}.today-opportunities .section-bar>div{min-width:0}.today-opportunities .section-bar>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.opportunity-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opportunity-mini-grid article{display:flex;min-width:0;min-height:178px;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #e5eaf1;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 1px 2px rgba(15,23,42,.02)}.opportunity-mini-grid h3{margin:10px 0 6px;color:#1e293b;font-size:14px;line-height:1.3;letter-spacing:-.015em}.opportunity-mini-grid strong{display:block;font-size:12px}.opportunity-mini-grid p{margin:0 0 14px;color:#64748b;font-size:11px;line-height:1.55}.opportunity-mini-grid .card-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:auto;padding-top:2px}.opportunity-mini-grid .card-actions .button{justify-content:center}.opportunity-mini-grid .priority-chip{flex:0 0 auto}
.policy-stack{display:grid;gap:10px}.policy-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.7fr) minmax(140px,.45fr);align-items:end;gap:12px;padding:15px;border:1px solid var(--portal-border);border-radius:14px;background:#fff}.policy-row>div:first-child{align-self:center}.policy-row strong{display:block;font-size:12px}.policy-row p{margin:4px 0 0;color:#64748b;font-size:9px;line-height:1.45}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-grid label{display:flex!important;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e7ebf1;border-radius:11px;background:#fbfcfe;font-size:10px!important}.check-grid input{flex:none;margin-top:2px}
.connection-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.connection-status-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--portal-border);border-radius:15px;background:#fff}.connection-status-card>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f1f5f9;color:#64748b}.connection-status-card.pass>span,.connection-status-card.healthy>span{background:#ecfdf5;color:#0f766e}.connection-status-card.warn>span,.connection-status-card.attention>span{background:#fff7ed;color:#b45309}.connection-status-card.fail>span{background:#fff1f2;color:#be123c}.connection-status-card strong{display:block;font-size:12px}.connection-status-card p{margin:4px 0;color:#64748b;font-size:10px;line-height:1.5}
.brand-kit-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);gap:16px}.brand-kit-layout>.dashboard-panel{margin:0}.brand-kit-preview{position:sticky;top:82px}.brand-kit-swatch-row{display:flex;flex-wrap:wrap;gap:8px}.brand-kit-swatch{width:40px;height:40px;border:1px solid #dfe5ed;border-radius:11px;box-shadow:inset 0 0 0 3px #fff}
.bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.bulk-toolbar label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:10px!important}.bulk-toolbar select{min-width:150px}.bulk-check,.approval-bulk-check{display:inline-flex!important;align-items:center;justify-content:center;flex:none;margin:0!important}.bulk-check input,.approval-bulk-check input{accent-color:#4f46e5}.bulk-row-wrap{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px}.bulk-row-wrap>.campaign-row{min-width:0}.quick-view-button{white-space:nowrap}.lead-inbox-list{display:grid;gap:8px}.lead-inbox-list>article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e7ebf1;border-radius:13px;background:#fff}.lead-inbox-list>article>div{min-width:0}.lead-inbox-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.lead-inbox-list small{display:block;color:#64748b;font-size:9px}.benchmark-context{margin-bottom:16px}.benchmark-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.benchmark-change-grid article,.benchmark-strip>div{padding:13px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.benchmark-change-grid small{display:block;color:#64748b;font-size:9px}.benchmark-change-grid strong{display:block;margin-top:4px;font-size:18px}.benchmark-change-grid span{display:block;margin-top:2px;color:#64748b;font-size:9px}.benchmark-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.activity-details{margin-top:9px;padding:8px 10px;border:1px solid #e7ebf1;border-radius:10px;background:#fbfcfe}.activity-details>summary{cursor:pointer;color:#475569;font-size:9px;font-weight:800}.activity-details dl{display:grid;gap:6px;margin:8px 0 0}.activity-details dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px}.activity-details dt{color:#64748b;font-size:9px;font-weight:800}.activity-details dd{margin:0;overflow-wrap:anywhere;color:#334155;font-size:9px;line-height:1.45}
.detail-drawer{position:fixed;inset:0;z-index:1200;pointer-events:none;visibility:hidden}.detail-drawer.detail-open{pointer-events:auto;visibility:visible}.detail-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.38);opacity:0;transition:opacity .18s}.detail-open .detail-drawer-backdrop{opacity:1}.detail-drawer-panel{position:absolute;top:0;right:0;width:min(460px,94vw);height:100%;padding:0;background:#fff;box-shadow:-24px 0 60px rgba(15,23,42,.18);transform:translateX(102%);transition:transform .22s ease;overflow:auto}.detail-open .detail-drawer-panel{transform:translateX(0)}.detail-drawer-body{padding:22px}.detail-close{position:sticky;top:12px;z-index:2;display:grid;width:36px;height:36px;margin:12px 12px 0 auto;place-items:center;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#475569;cursor:pointer}.detail-title{margin:4px 0;font-size:22px;letter-spacing:-.035em}.detail-subtitle{margin:0 0 16px;color:#64748b;font-size:10px}.detail-body{display:grid;gap:12px}.detail-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-kpis>div,.detail-callout{padding:11px;border:1px solid #e7ebf1;border-radius:11px;background:#fbfcfe}.detail-list{display:grid;gap:7px}.detail-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;padding:8px 0;border-top:1px solid #edf1f5}.detail-list>div:first-child{border-top:0}.detail-list small{color:#64748b;font-size:9px}.detail-list strong{overflow-wrap:anywhere;font-size:10px}.detail-loading{display:grid;min-height:180px;place-items:center;color:#64748b}.is-loading{cursor:wait!important;opacity:.72!important}.is-loading i.fa-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1100px){.playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-kit-layout{grid-template-columns:1fr}.brand-kit-preview{position:static}.opportunity-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.policy-row{grid-template-columns:1fr}.ai-work-queue-summary{grid-template-columns:1fr}.ai-work-queue-summary .card-actions{justify-content:flex-start}.benchmark-change-grid,.benchmark-strip{grid-template-columns:1fr}.bulk-toolbar{align-items:stretch}.bulk-toolbar>*{flex:1 1 180px}.lead-inbox-list>article{grid-template-columns:24px minmax(0,1fr)}.lead-inbox-list>article>.card-actions,.lead-inbox-list>article>.button{grid-column:2}.connection-status-grid{grid-template-columns:1fr}}
@media(max-width:560px){.playbook-grid,.opportunity-kpis,.opportunity-mini-grid,.check-grid{grid-template-columns:1fr}.today-opportunities{gap:14px;padding:17px;border-radius:16px}.today-opportunities .section-bar>a{width:100%;justify-content:space-between}.opportunity-mini-grid article{min-height:0;padding:15px}.opportunity-mini-grid .card-actions{display:grid;grid-template-columns:1fr 1fr}.opportunity-mini-grid .card-actions .button{width:100%}.bulk-toolbar{display:grid;grid-template-columns:1fr}.bulk-toolbar select,.bulk-toolbar .button,.bulk-toolbar label{width:100%}.bulk-row-wrap{grid-template-columns:22px minmax(0,1fr)}.opportunity-card-head{flex-direction:column}.detail-drawer-panel{width:100%}.detail-drawer-body{padding:17px}.detail-kpis{grid-template-columns:1fr}.detail-list>div,.activity-details dl>div{grid-template-columns:1fr;gap:2px}}

/* Public operating modes and conversion path */
.operating-modes-section{background:linear-gradient(180deg,#fff,#f8faff)}.operating-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.operating-mode-grid article{position:relative;min-width:0;padding:24px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.05)}.operating-mode-grid article.featured{border-color:#c7d2fe;background:linear-gradient(145deg,#fff,#f5f7ff);box-shadow:0 18px 48px rgba(79,70,229,.1)}.operating-mode-grid article>span{display:grid;width:44px;height:44px;margin-bottom:24px;place-items:center;border-radius:14px;background:#eef2ff;color:#4f46e5}.operating-mode-grid small{display:block;color:#4f46e5;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.operating-mode-grid h3{margin:6px 0 8px;font-size:20px;letter-spacing:-.035em}.operating-mode-grid p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.workflow-proof-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:14px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.workflow-proof-line span,.workflow-proof-line strong{padding:7px 10px;border-radius:999px;background:#f8fafc;color:#334155;font-size:11px}.workflow-proof-line strong{background:#ecfdf5;color:#0f766e}.workflow-proof-line i{color:#94a3b8;font-size:9px}.conversion-cta-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;padding:20px 22px;border:1px solid #dfe4ff;border-radius:18px;background:linear-gradient(135deg,#f8faff,#f0fdfa)}.conversion-cta-row>div{display:grid;gap:3px}.conversion-cta-row strong{font-size:14px}.conversion-cta-row span{color:#64748b;font-size:11px}@media(max-width:820px){.operating-mode-grid{grid-template-columns:1fr}.conversion-cta-row{align-items:flex-start;flex-direction:column}.conversion-cta-row .button{width:100%}.workflow-proof-line i{transform:rotate(90deg)}}
/* Detail drawer state follows the body class set by the shared JS. */
body.detail-open{overflow:hidden}body.detail-open .detail-drawer{pointer-events:auto;visibility:visible}body.detail-open .detail-drawer-backdrop{opacity:1}body.detail-open .detail-drawer-panel{transform:translateX(0)}.detail-drawer-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 14px;border-bottom:1px solid #edf1f5}.detail-drawer-panel>header>div{min-width:0}.detail-drawer-panel>header small{color:#6366f1;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.detail-drawer-panel>header [data-detail-close]{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;cursor:pointer}.detail-drawer-panel>footer{position:sticky;bottom:0;display:flex;gap:8px;padding:14px 20px;border-top:1px solid #edf1f5;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
/* Product-experience component alignment fixes */
.opportunity-kpis>a{display:block;padding:15px;border:1px solid var(--portal-border);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.opportunity-kpis>a:hover,.opportunity-kpis>a.active{border-color:#a5b4fc;box-shadow:0 10px 24px rgba(79,70,229,.08);transform:translateY(-1px)}.opportunity-kpis>a.active{background:#f8faff}.opportunity-kpis>a small{display:block;color:#64748b;font-size:9px;font-weight:800}.opportunity-kpis>a strong{display:block;margin-top:4px;font-size:23px;letter-spacing:-.04em}.connection-status-card{grid-template-columns:42px minmax(0,1fr) auto;color:inherit;text-decoration:none}.connection-status-card>i{align-self:center;color:#94a3b8;font-size:10px}.brand-kit-layout>section:last-child{grid-column:1/-1}@media(max-width:1100px){.brand-kit-layout>section:last-child{grid-column:auto}}
.policy-scope-note{display:grid;align-self:stretch;align-content:center;gap:2px;padding:9px 10px;border:1px solid #e7ebf1;border-radius:10px;background:#fbfcfe}.policy-scope-note small{color:#64748b;font-size:8px;font-weight:850;text-transform:uppercase}.policy-scope-note strong{font-size:10px}.policy-scope-note span{color:#64748b;font-size:9px;line-height:1.35}.input-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.input-suffix small{font-size:10px;font-weight:800;color:#64748b}
.calendar-bulk-form{display:grid;gap:10px}.calendar-agenda-select{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px}.calendar-agenda-select>.calendar-event{width:100%}.calendar-agenda-select>.bulk-check{justify-self:center}@media(max-width:560px){.calendar-agenda-select{grid-template-columns:20px minmax(0,1fr)}}
.creative-card{position:relative}.creative-bulk-check{position:absolute;z-index:3;top:10px;left:10px;width:26px;height:26px;border:1px solid #dfe5ed;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(15,23,42,.08)}.creative-bulk-check input{margin:0}
.creative-card{position:relative}.creative-bulk-check{position:absolute;z-index:3;top:10px;left:10px;display:grid!important;width:26px;height:26px;place-items:center;border:1px solid #dfe5ed;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(15,23,42,.08)}.creative-bulk-check input{margin:0}

/* Product value + intelligence 2.5 */
.value-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1rem 0 1.25rem}.value-kpi-grid .metric-card{min-width:0}.conversion-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem}.conversion-path article{position:relative;display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.conversion-path article>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.conversion-path article div{display:grid;gap:.15rem;min-width:0}.conversion-path small,.conversion-path em{color:var(--muted);font-style:normal}.conversion-path strong{font-size:1.35rem;line-height:1.1}.quality-score{display:flex;align-items:baseline;gap:.7rem;margin:1rem 0;padding:1rem;border-radius:16px;background:var(--surface-soft);border:1px solid var(--border)}.quality-score strong{font-size:2.2rem}.quality-score span{color:var(--muted)}.health-signal-grid{display:grid;gap:.75rem;margin-top:1rem}.health-signal{display:flex;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.health-signal>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:var(--surface)}.health-signal.warning{border-color:color-mix(in srgb,#f59e0b 45%,var(--border))}.health-signal.critical{border-color:color-mix(in srgb,#ef4444 45%,var(--border))}.health-signal strong{display:block}.health-signal p{margin:.3rem 0;color:var(--muted)}.health-signal a{font-weight:700;font-size:.9rem}.ai-quality-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;margin:1rem 0}.ai-quality-banner h2{margin:.15rem 0 .25rem;font-size:1.05rem}.ai-quality-banner p{margin:0;color:var(--muted)}.ai-why{margin:.55rem 0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.ai-why summary{cursor:pointer;font-weight:700}.ai-why p{margin:.45rem 0 .2rem}.ai-feedback{display:flex;align-items:center;gap:.55rem;margin-top:.65rem}.ai-feedback>span{font-size:.82rem;color:var(--muted)}.ai-feedback form{display:flex;gap:.25rem}.button.tiny{padding:.35rem .5rem;min-height:30px}.ai-memory-editor{margin-top:1rem}.reusable-asset-list{display:grid;gap:.75rem}.reusable-asset-card{padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.reusable-asset-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reusable-asset-card h3{margin:.65rem 0 .25rem}.reusable-asset-card p{color:var(--muted);margin:.2rem 0 .75rem;overflow-wrap:anywhere}.budget-intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.budget-intelligence-grid article{display:grid;gap:.25rem}.budget-intelligence-grid small,.budget-intelligence-grid em{color:var(--muted);font-style:normal}.budget-intelligence-grid strong{font-size:1.35rem}.channel-pacing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.channel-pacing-list span{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.channel-pacing-list em{font-style:normal;color:var(--muted);text-align:right}.experiment-ai-callout{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;margin:1rem 0}.experiment-ai-callout>span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.experiment-ai-callout p{margin:.25rem 0 0;color:var(--muted)}.experiment-card{align-items:flex-start!important}.experiment-card-main{min-width:0}.experiment-actions{display:grid;gap:.5rem;justify-items:end}.experiment-learning{margin:.65rem 0;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.experiment-learning p{margin:.25rem 0}.experiment-result-editor{margin-top:.65rem}.experiment-result-editor summary{cursor:pointer;font-weight:700;color:var(--accent)}
@media(max-width:1180px){.value-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conversion-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.value-kpi-grid,.budget-intelligence-grid{grid-template-columns:1fr 1fr}.channel-pacing-list{grid-template-columns:1fr}.ai-quality-banner{align-items:flex-start;flex-direction:column}.experiment-actions{justify-items:stretch;width:100%}.experiment-actions form,.experiment-actions select,.experiment-actions .button{width:100%}}
@media(max-width:560px){.value-kpi-grid,.budget-intelligence-grid,.conversion-path{grid-template-columns:1fr}.channel-pacing-list span{flex-direction:column}.channel-pacing-list em{text-align:left}.health-signal{padding:.85rem}}
.outcome-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.outcome-feedback-grid article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.outcome-feedback-grid article>div{display:grid;gap:.35rem;min-width:0}.outcome-feedback-grid form{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.outcome-feedback-grid form>span{font-size:.78rem;color:var(--muted);width:100%;text-align:right}@media(max-width:820px){.outcome-feedback-grid{grid-template-columns:1fr}}@media(max-width:560px){.outcome-feedback-grid article{align-items:flex-start;flex-direction:column}.outcome-feedback-grid form{justify-content:flex-start}.outcome-feedback-grid form>span{text-align:left}}
/* Value intelligence refinements */
.value-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.conversion-path{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.conversion-leak-note{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;padding:.85rem 1rem;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed}.conversion-leak-note>i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#ffedd5;color:#c2410c}.conversion-leak-note>div{display:grid;gap:.1rem}.conversion-leak-note strong{font-size:.88rem}.conversion-leak-note span{color:var(--muted);font-size:.8rem}

/* Analytics stability + customer portal consistency patch */
.app-body.portal .analytics-hero{align-items:center;gap:20px;margin-bottom:18px}
.app-body.portal .analytics-hero>div{min-width:0;max-width:820px}
.app-body.portal .analytics-hero .period-select{margin-left:auto;flex:0 0 auto}
.app-body.portal .analytics-hero .period-select select{min-width:142px}
.app-body.portal .benchmark-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 20px;border-color:#dfe5ee;background:linear-gradient(145deg,#fff,#f8faff)}
.app-body.portal .benchmark-context h2{margin:.15rem 0 .3rem;font-size:18px;letter-spacing:-.025em}
.app-body.portal .benchmark-context p{margin:0;color:var(--portal-subtle);font-size:12px;line-height:1.55}
.app-body.portal .benchmark-change-grid{min-width:330px}
.app-body.portal .benchmark-change-grid>span{display:grid;gap:3px;padding:12px 13px;border:1px solid #e5eaf1;border-radius:13px;background:#fff}
.app-body.portal .benchmark-change-grid>span small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.app-body.portal .benchmark-change-grid>span strong{font-size:20px;line-height:1.05}
.app-body.portal .benchmark-change-grid>span.up strong{color:#047857}
.app-body.portal .benchmark-change-grid>span.down strong{color:#be123c}
.app-body.portal .benchmark-change-grid>span.flat strong{color:#475569}
.app-body.portal .analytics-grid{grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);align-items:start}
.app-body.portal .analytics-grid>.panel{min-width:0}
.app-body.portal .analytics-chart{min-height:0}
.app-body.portal .line-chart{min-height:280px;padding-top:4px}
.app-body.portal .line-chart:empty{display:grid;min-height:240px;place-items:center;border:1px dashed #dbe2ea;border-radius:14px;background:#f8fafc}
.app-body.portal .line-chart:empty::before{content:'Performance trends will appear after connected campaign data is available.';max-width:360px;padding:20px;color:#718096;font-size:12px;line-height:1.55;text-align:center}
.app-body.portal .data-table{max-width:100%}
.app-body.portal .data-row>span{min-width:0;overflow-wrap:anywhere}
.app-body.portal .campaign-performance-table .data-row:first-child{border-radius:14px 14px 0 0}
.app-body.portal .campaign-performance-table a.data-row{color:inherit;text-decoration:none}
.app-body.portal .campaign-performance-table a.data-row:hover{background:#f8faff}
.app-body.portal .value-kpi-grid .metric-card{min-height:122px}
.app-body.portal .value-kpi-grid .metric-card em{line-height:1.4}
.app-body.portal .outcome-feedback-grid article{min-width:0}
.app-body.portal .outcome-feedback-grid article>div strong{overflow-wrap:anywhere}
.app-body.portal .health-signal>div{min-width:0}
.app-body.portal .health-signal p{line-height:1.55}
@media(max-width:1180px){
  .app-body.portal .analytics-grid{grid-template-columns:1fr}
  .app-body.portal .benchmark-context{grid-template-columns:1fr}
  .app-body.portal .benchmark-change-grid{min-width:0}
}
@media(max-width:760px){
  .app-body.portal .analytics-hero{align-items:stretch}
  .app-body.portal .analytics-hero .period-select{width:100%;margin-left:0}
  .app-body.portal .analytics-hero .period-select select{width:100%}
  .app-body.portal .benchmark-context{padding:16px}
  .app-body.portal .benchmark-change-grid{grid-template-columns:1fr 1fr 1fr}
  .app-body.portal .benchmark-change-grid>span{padding:10px}
}
@media(max-width:520px){
  .app-body.portal .benchmark-change-grid{grid-template-columns:1fr}
  .app-body.portal .line-chart{min-height:220px}
}

/* Shared form/admin consistency fixes */
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.checkbox-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e5eaf1;border-radius:13px;background:#f8fafc}
.checkbox-row>input{flex:0 0 auto;margin-top:3px;accent-color:#4f46e5}
.checkbox-row>span{display:grid;gap:2px;min-width:0}
.checkbox-row>span strong{color:#334155;font-size:12px}
.checkbox-row>span small{color:#718096;font-size:10px;line-height:1.45}
.table-note{margin:10px 2px 0;color:#718096;font-size:10px;line-height:1.5}
.experiment-design-form{min-width:0}
@media(max-width:1000px){.form-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.form-grid.four{grid-template-columns:1fr}}

/* Experience coherence 2.6: priorities, lifecycle, evidence, drawers, templates, IA */
.since-last-visit{display:grid;gap:14px;margin:0 0 18px;padding:18px;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(135deg,#eff6ff 0%,#fff 58%,#f5f3ff 100%);box-shadow:0 10px 28px rgba(30,64,175,.06)}
.since-last-visit-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.since-last-visit-head>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#fff;color:#4f46e5;box-shadow:0 8px 18px rgba(79,70,229,.1)}.since-last-visit-head h2{margin:1px 0 2px;font-size:18px}.since-last-visit-head p{margin:0;color:#64748b}.since-last-visit-head>a{display:inline-flex;align-items:center;gap:7px;color:#4338ca;font-size:11px;font-weight:800;white-space:nowrap}
.since-last-visit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.since-last-visit-grid article{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;min-width:0;padding:12px;border:1px solid rgba(203,213,225,.7);border-radius:14px;background:rgba(255,255,255,.82)}.since-last-visit-grid strong{display:block;color:#27364a;font-size:11px}.since-last-visit-grid p{margin:3px 0;color:#64748b;font-size:10px;line-height:1.45}.since-last-visit-grid small{color:#94a3b8;font-size:9px}.since-last-visit-grid>a{align-self:center;color:#94a3b8}
.today-secondary{margin:18px 0 0;border:1px solid #e5eaf1;border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.035);overflow:hidden}.today-secondary>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;cursor:pointer;list-style:none}.today-secondary>summary::-webkit-details-marker{display:none}.today-secondary>summary>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.today-secondary>summary>span>i{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#f1f5f9;color:#475569}.today-secondary>summary strong{font-size:12px}.today-secondary>summary small{color:#64748b;font-size:10px;font-weight:500}.today-secondary>summary>i{color:#94a3b8;transition:transform .18s}.today-secondary[open]>summary>i{transform:rotate(180deg)}.today-secondary-body{display:grid;gap:18px;padding:0 17px 18px;border-top:1px solid #edf1f5}.today-secondary-body>.command-kpi-band{margin-top:18px}
.opportunity-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.opportunity-impact-grid>span{display:grid;gap:2px;padding:9px 10px;border:1px solid #e7ebf1;border-radius:11px;background:#f8fafc}.opportunity-impact-grid small{color:#64748b;font-size:9px}.opportunity-impact-grid strong{color:#26374b;font-size:11px}.opportunity-why{margin:10px 0;padding:10px 11px;border:1px solid #e0e7ff;border-radius:11px;background:#f8faff}.opportunity-why summary{cursor:pointer;color:#4338ca;font-size:10px;font-weight:850}.opportunity-why p{margin:8px 0 5px!important;color:#475569!important;font-size:10px!important}.opportunity-why small{display:block;color:#64748b;line-height:1.45}
.workspace-template-panel{display:grid;gap:16px}.workspace-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workspace-template-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;padding:14px;border:1px solid #e4e9f1;border-radius:16px;background:#fff}.workspace-template-card form{grid-column:2}.workspace-template-card.is-selected{border-color:#a5b4fc;background:#f8faff;box-shadow:inset 0 0 0 1px #c7d2fe}.workspace-template-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.workspace-template-card strong{font-size:12px}.workspace-template-card p{margin:3px 0 5px;color:#64748b;font-size:10px;line-height:1.45}.workspace-template-card small{color:#94a3b8;font-size:9px}.workspace-template-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4}.workspace-template-next>div{display:grid;gap:2px}.workspace-template-next strong{font-size:11px}.workspace-template-next span{color:#64748b;font-size:10px}
.status-pill[class*="lifecycle-"]{gap:6px}.lifecycle-draft{background:#f8fafc!important;color:#64748b!important}.lifecycle-ready{background:#fff7ed!important;color:#c2410c!important}.lifecycle-scheduled{background:#eef2ff!important;color:#4338ca!important}.lifecycle-live{background:#ecfdf5!important;color:#047857!important}.lifecycle-optimizing{background:#eff6ff!important;color:#1d4ed8!important}.lifecycle-completed{background:#f0fdf4!important;color:#166534!important}.lifecycle-archived{background:#f1f5f9!important;color:#475569!important}.campaign-lifecycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0 0 18px;padding:12px 14px;border:1px solid #e5eaf1;border-radius:16px;background:#fff;overflow:auto}.campaign-lifecycle span{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:90px;padding:6px;color:#94a3b8;font-size:9px;font-weight:800;white-space:nowrap}.campaign-lifecycle span:not(:last-child):after{content:"";position:absolute;right:-3px;width:8px;height:1px;background:#dbe2ea}.campaign-lifecycle span i{width:8px;height:8px;border:2px solid #cbd5e1;border-radius:50%;background:#fff}.campaign-lifecycle span.active{color:#4338ca}.campaign-lifecycle span.active i{border-color:#6366f1;background:#6366f1;box-shadow:0 0 0 4px #eef2ff}
.ai-evidence-inline{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.ai-evidence-inline span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e5eaf1;border-radius:999px;background:#f8fafc;color:#64748b;font-size:9px;font-weight:700}.ai-evidence-inline i{color:#6366f1}
.detail-section{display:grid;gap:8px;padding:13px 0;border-top:1px solid #edf1f5}.detail-section:first-child{padding-top:0;border-top:0}.detail-section h3{margin:0;color:#26374b;font-size:11px;letter-spacing:-.01em}.detail-section p{margin:0;color:#53657a;font-size:10px;line-height:1.55}.detail-history{display:grid;gap:0}.detail-history article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:9px 0;border-top:1px solid #eef2f6}.detail-history article:first-child{border-top:0}.detail-history-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#818cf8;box-shadow:0 0 0 4px #eef2ff}.detail-history strong{display:block;color:#334155;font-size:10px}.detail-history p{margin:2px 0!important;color:#64748b!important;font-size:9px!important}.detail-history small{color:#94a3b8;font-size:8px}.detail-evidence{display:grid;gap:5px;margin:0;padding:0;list-style:none}.detail-evidence li{padding:7px 8px;border-radius:9px;background:#f8fafc;color:#53657a;font-size:9px;line-height:1.45}.detail-muted{color:#64748b!important}
.billing-value-proof{overflow:hidden}.billing-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.billing-value-grid article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e7ebf1;border-radius:14px;background:#fbfcfe}.billing-value-grid article>span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.billing-value-grid article>div{display:grid;gap:1px;min-width:0}.billing-value-grid small{color:#64748b;font-size:9px}.billing-value-grid strong{color:#24354a;font-size:14px;overflow-wrap:anywhere}
.portal-subnav-more{position:relative;flex:none}.portal-subnav-more>summary{display:inline-flex;min-height:39px;align-items:center;gap:7px;padding:0 12px;border:1px solid #e5eaf1;border-radius:999px;background:#fff;color:#64748b;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;list-style:none}.portal-subnav-more>summary::-webkit-details-marker{display:none}.portal-subnav-more>summary:hover,.portal-subnav-more>summary.active{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}.portal-subnav-more .caret{font-size:8px;transition:transform .16s}.portal-subnav-more[open] .caret{transform:rotate(180deg)}.portal-subnav-menu{position:absolute;z-index:45;top:46px;right:0;display:grid;min-width:210px;padding:7px;border:1px solid #e3e8f0;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14)}.portal-subnav-menu a{width:100%;border:0;border-radius:9px;box-shadow:none}.portal-subnav-menu a.active{background:#eef2ff}
.ui-diagnostic-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ui-diagnostic-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e5eaf1;border-radius:13px;background:#fbfcfe}.ui-diagnostic-card strong{display:block;color:#334155;font-size:10px}.ui-diagnostic-card p{margin:2px 0 0;color:#64748b;font-size:9px;overflow-wrap:anywhere}.ui-diagnostic-card>b{color:#64748b;font-size:9px}.status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #f1f5f9}.status-dot.ok{background:#10b981;box-shadow:0 0 0 4px #ecfdf5}.status-dot.warn{background:#f59e0b;box-shadow:0 0 0 4px #fffbeb}.status-dot.bad{background:#ef4444;box-shadow:0 0 0 4px #fef2f2}
@media(max-width:1100px){.since-last-visit-grid{grid-template-columns:1fr 1fr}.workspace-template-grid{grid-template-columns:1fr 1fr}.opportunity-impact-grid{grid-template-columns:1fr 1fr}.billing-value-grid{grid-template-columns:1fr 1fr}.ui-diagnostic-kpis{grid-template-columns:1fr 1fr}.ui-diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.since-last-visit-head{grid-template-columns:auto minmax(0,1fr)}.since-last-visit-head>a{grid-column:2}.since-last-visit-grid,.workspace-template-grid,.billing-value-grid,.ui-diagnostic-grid{grid-template-columns:1fr}.workspace-template-next{align-items:flex-start;flex-direction:column}.workspace-template-next .button{width:100%}.campaign-lifecycle{justify-content:start}.portal-subnav-more{position:static}.portal-subnav-menu{position:fixed;left:12px;right:12px;top:auto;margin-top:7px;max-height:60vh;overflow:auto}.ui-diagnostic-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.since-last-visit-grid,.opportunity-impact-grid,.ui-diagnostic-kpis{grid-template-columns:1fr}.today-secondary>summary>span{grid-template-columns:auto minmax(0,1fr)}.billing-value-grid strong{font-size:13px}}

/* Topbar, reporting and contextual navigation polish */
.portal-topbar{overflow:visible}
.topbar-leading,.workspace-context,.topbar-tools{overflow:visible}
.topbar-dropdown{position:relative;flex:none}
.topbar-dropdown>summary{list-style:none}
.topbar-dropdown>summary::-webkit-details-marker{display:none}
.topbar-dropdown[open]>summary{border-color:#c7d2fe;background:#f7f8ff;color:#3730a3}
.topbar-popover>summary{cursor:pointer}
.topbar-popover-panel,.reporting-menu-panel{position:absolute;top:calc(100% + 10px);z-index:260;width:min(380px,calc(100vw - 24px));overflow:hidden;border:1px solid #dfe5ee;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.topbar-popover-panel{right:0}
.reporting-menu-panel{left:0;width:min(410px,calc(100vw - 24px));padding:10px}
.topbar-popover-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fff,#fbfcff)}
.reporting-menu-panel>.topbar-popover-head{margin:-10px -10px 9px}
.topbar-popover-head>span{display:grid;gap:2px;min-width:0}
.topbar-popover-head strong{font-size:13px;color:#172033}
.topbar-popover-head small{color:#7c8ba1;font-size:10px;line-height:1.4}
.topbar-popover-head>i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}
.topbar-popover-action{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border-radius:9px;background:#f4f6fb;color:#475569;font-size:10px;font-weight:800;white-space:nowrap}
.topbar-popover-action:hover{background:#eef2ff;color:#4338ca}
.topbar-popover-list{display:grid;max-height:390px;overflow:auto;padding:5px 8px}
.topbar-popover-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 8px;border-radius:12px;color:#334155}
.topbar-popover-row:hover{background:#f8fafc}
.topbar-popover-row.is-unread{background:#f8faff}
.topbar-popover-row.is-unread:hover{background:#f2f5ff}
.topbar-popover-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#f1f5f9;color:#64748b}
.topbar-popover-icon.is-team{background:#eef2ff;color:#4f46e5}
.topbar-popover-copy{display:grid;gap:2px;min-width:0}
.topbar-popover-copy strong{overflow:hidden;color:#1e293b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.topbar-popover-copy small{display:-webkit-box;overflow:hidden;color:#64748b;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.topbar-popover-copy time{margin-top:2px;color:#9aa6b8;font-size:8px;font-weight:700}
.topbar-unread-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.10)}
.topbar-popover-empty{display:grid;justify-items:center;gap:5px;padding:28px 20px;text-align:center}
.topbar-popover-empty>i{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#f1f5f9;color:#94a3b8}
.topbar-popover-empty strong{font-size:12px;color:#334155}
.topbar-popover-empty small{max-width:270px;color:#7c8ba1;font-size:10px;line-height:1.5}
.topbar-popover-foot{padding:9px 12px;border-top:1px solid #edf1f5;background:#fbfcfe}
.topbar-popover-foot a{display:flex;min-height:34px;align-items:center;justify-content:center;gap:7px;border-radius:9px;color:#4338ca;font-size:10px;font-weight:800}
.topbar-popover-foot a:hover{background:#eef2ff}
.reporting-filter-label{padding:8px 7px 5px;color:#94a3b8;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.reporting-range-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.reporting-range{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #e6eaf1;border-radius:10px;background:#fff;color:#475569;font-size:10px;font-weight:750}
.reporting-range:hover{border-color:#c7d2fe;background:#f8faff;color:#4338ca}
.reporting-range.active{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}
.reporting-range i{font-size:9px}
.reporting-destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-bottom:2px}
.reporting-destination-grid>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:11px;color:#475569}
.reporting-destination-grid>a:hover{background:#f8fafc;color:#4338ca}
.reporting-destination-grid>a>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#f1f5f9;color:#6366f1}
.reporting-destination-grid span{display:grid;gap:1px;min-width:0}
.reporting-destination-grid strong{font-size:10px}
.reporting-destination-grid small{color:#94a3b8;font-size:8px;line-height:1.35}
.context-chip--period{cursor:pointer}
.context-chip--period>i:last-child,.context-chip--workspace>i:last-child{font-size:8px;transition:transform .16s ease}
.topbar-dropdown[open] .context-chip--period>i:last-child,.topbar-dropdown[open] .context-chip--workspace>i:last-child{transform:rotate(180deg)}
.connection-safety{margin-bottom:18px}
.portal-subnav{position:relative;z-index:80;flex-wrap:wrap;overflow:visible}
.portal-subnav-more{z-index:90}
.portal-subnav-menu{z-index:300}

@media(max-width:1000px){
  .reporting-menu-panel{left:auto;right:0}
  .topbar-popover-panel{position:fixed;top:64px;right:12px;left:auto;width:min(380px,calc(100vw - 24px))}
}
@media(max-width:760px){
  .portal-subnav{gap:6px;padding-bottom:6px}
  .portal-subnav-more{position:relative}
  .portal-subnav-menu{position:absolute;top:46px;right:0;left:auto;width:min(260px,calc(100vw - 24px));max-height:60vh;overflow:auto;margin-top:0}
  .reporting-range-list,.reporting-destination-grid{grid-template-columns:1fr}
}

/* 2.7 maturity + safety design system */
.app-body.portal{
  --space-page:clamp(16px,2vw,28px);
  --space-section:clamp(18px,2vw,26px);
  --space-card:clamp(16px,1.7vw,22px);
  --text-page:clamp(28px,3vw,42px);
  --text-section:18px;
  --text-body:14px;
  --status-info:#4f46e5;
  --status-success:#047857;
  --status-warning:#b45309;
  --status-critical:#be123c;
}

/* Shared popover language */
.ui-popover,.portal-subnav-more,.account-menu{position:relative;z-index:120}
.ui-popover-panel,.topbar-popover-panel,.workspace-menu-panel,.reporting-menu-panel,.portal-subnav-menu,.account-menu-panel{
  border:1px solid rgba(226,232,240,.96)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,23,42,.16),0 4px 14px rgba(15,23,42,.06)!important;
}
.topbar-popover-panel,.workspace-menu-panel,.reporting-menu-panel{z-index:160!important}
.portal-subnav-menu{z-index:170!important}
.account-menu-panel{z-index:180!important}
.topbar-dropdown[open],.portal-subnav-more[open]{z-index:190}
.topbar-popover-row{transition:background .16s ease,transform .16s ease}
.topbar-popover-row:hover{background:#f8faff;transform:translateY(-1px)}

/* Page context and actionable badges */
.topbar-page-context{display:grid;min-width:0;margin-left:4px;padding-left:14px;border-left:1px solid #e8edf4}
.topbar-page-context small{color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.topbar-page-context strong{max-width:210px;overflow:hidden;color:#334155;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.portal-nav a{position:relative}
.nav-count{display:grid;min-width:20px;height:20px;margin-left:auto;padding:0 6px;place-items:center;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:850;line-height:1}
.ai-status-trigger .fa-wand-magic-sparkles{color:#4f46e5}

/* One visual language for items that need attention */
.attention-chip{display:inline-flex;min-height:26px;align-items:center;gap:6px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap}
.attention-chip--neutral{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
.attention-chip--info{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
.attention-chip--working{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.attention-chip--success{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
.attention-chip--warning{border-color:#fde68a;background:#fffbeb;color:#b45309}
.attention-chip--critical{border-color:#fecdd3;background:#fff1f2;color:#be123c}

/* Toasts use server flash messages and the same client API */
.flash-stack{position:fixed;z-index:300;top:76px;right:18px;display:grid;width:min(390px,calc(100vw - 28px));gap:10px;pointer-events:none}
.flash{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 20px 55px rgba(15,23,42,.16);pointer-events:auto;animation:toast-enter .2s ease both}
.flash-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}
.flash-copy{color:#334155;font-size:12px;font-weight:680;line-height:1.45}
.flash-dismiss{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:9px;background:transparent;color:#94a3b8;cursor:pointer}
.flash-dismiss:hover{background:#f1f5f9;color:#475569}
.flash-success .flash-icon{background:#ecfdf5;color:#047857}.flash-warning .flash-icon{background:#fffbeb;color:#b45309}.flash-error .flash-icon{background:#fff1f2;color:#be123c}
.flash.is-leaving{animation:toast-leave .18s ease forwards}@keyframes toast-enter{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-leave{to{opacity:0;transform:translateY(-6px) scale(.98)}}

/* Stronger form/action feedback */
form.is-submitting{opacity:.82;pointer-events:none}
form.is-submitting button[type="submit"]{cursor:wait}
.portal-navigating::before{position:fixed;z-index:500;top:0;left:0;width:34%;height:3px;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#4f46e5,#06b6d4);content:"";animation:portal-progress 1.2s ease-in-out infinite}
@keyframes portal-progress{0%{transform:translateX(-100%)}55%{transform:translateX(140%)}100%{transform:translateX(320%)}}

/* Tables: lighter, clearer, and mobile friendly */
.responsive-table,.data-table-wrap{overflow:auto;border:1px solid #e7ecf3;border-radius:16px;background:#fff}
.responsive-table .table-head,.data-table thead{position:sticky;z-index:2;top:0;background:#f8fafc}
.responsive-table .table-row{transition:background .14s ease}
.responsive-table .table-row:hover{background:#fbfdff}
.data-table{width:100%;border-collapse:separate;border-spacing:0}
.data-table th{padding:11px 12px;border-bottom:1px solid #e6ebf2;color:#64748b;font-size:9px;font-weight:850;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}
.data-table td{padding:13px 12px;border-bottom:1px solid #eef2f6;color:#475569;font-size:12px;vertical-align:middle}
.data-table tbody tr{transition:background .14s ease}.data-table tbody tr:hover{background:#fbfdff}.data-table tbody tr:last-child td{border-bottom:0}

/* Product tour */
.product-tour[hidden]{display:none!important}.product-tour{position:fixed;z-index:420;inset:0;display:grid;place-items:center;padding:20px}.product-tour-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.38);backdrop-filter:blur(7px)}
.product-tour-panel{position:relative;z-index:1;display:grid;width:min(520px,100%);gap:18px;padding:24px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fff;box-shadow:0 34px 100px rgba(15,23,42,.28)}
.product-tour-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-tour-panel header>div{display:grid;gap:4px}.product-tour-panel h2{margin:0;color:#0f172a;font-size:24px}.product-tour-step{color:#6366f1;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.product-tour-panel header>button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:12px;background:#f1f5f9;color:#64748b;cursor:pointer}
.product-tour-visual{display:grid;width:72px;height:72px;place-items:center;border-radius:22px;background:linear-gradient(145deg,#eef2ff,#ecfeff);color:#4f46e5;font-size:26px}.product-tour-panel>p{margin:0;color:#64748b;font-size:14px;line-height:1.7}.product-tour-route{display:flex}.product-tour-panel footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.product-tour-dots{display:flex;justify-content:center;gap:6px}.product-tour-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer}.product-tour-dots button.active{width:20px;background:#4f46e5}
.tour-open{overflow:hidden}
.account-menu-action{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:7px 9px;border:0;border-radius:12px;background:transparent;color:#475569;text-align:left;cursor:pointer}.account-menu-action:hover,.account-menu-action:focus-visible{background:#f7f8ff;color:#3730a3}.account-menu-action>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:12px}.account-menu-action>span{display:grid}.account-menu-action strong{font-size:12px}.account-menu-action small{color:#94a3b8;font-size:10px}

/* Feature flags and release controls */
.feature-flag-list{display:grid;gap:12px}.feature-flag-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:22px;align-items:center;padding:18px;border:1px solid #e7ecf3;border-radius:16px;background:#fff}.feature-flag-copy{display:grid;justify-items:start;gap:7px}.feature-flag-copy h3{margin:0;color:#1e293b;font-size:15px}.feature-flag-copy p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.feature-flag-copy small{color:#94a3b8;font-size:9px}.feature-flag-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.feature-flag-form>.toggle-row{grid-column:1/-1}.range-field{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:8px}.range-field input{min-height:0!important}.range-field output{color:#4338ca;font-size:11px;font-weight:850;text-align:right}.feature-override-form{align-items:end}

/* Release/health surfaces */
.release-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.release-health-card{display:grid;gap:7px;padding:16px;border:1px solid #e7ecf3;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff)}.release-health-card>span{display:flex;align-items:center;gap:7px;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.release-health-card strong{color:#1e293b;font-size:14px}.release-health-card small{color:#94a3b8;font-size:10px;line-height:1.5}

/* More useful skeleton language */
.skeleton-card{display:grid;gap:12px;padding:18px;border:1px solid #e7ecf3;border-radius:16px;background:#fff}.skeleton-line{height:10px;border-radius:999px;background:#edf1f5;overflow:hidden;position:relative}.skeleton-line::after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);content:"";transform:translateX(-100%);animation:skeleton-shimmer 1.2s infinite}.skeleton-line.short{width:42%}.skeleton-line.medium{width:68%}.skeleton-block{height:82px;border-radius:12px;background:#edf1f5}

/* Consistent page/card spacing */
.app-body.portal .portal-content{padding:var(--space-page)}
.app-body.portal .portal-content>section+section,.app-body.portal .portal-content>.dashboard-row+section,.app-body.portal .portal-content>section+.dashboard-row{margin-top:var(--space-section)}
.app-body.portal .dashboard-panel,.app-body.portal .panel{padding:var(--space-card)}
.app-body.portal .portal-dashboard-head,.app-body.portal .portal-hero{margin-bottom:var(--space-section)}
.app-body.portal .portal-dashboard-head h1,.app-body.portal .portal-hero h1{font-size:var(--text-page)}

/* Public proof expansion */
.product-proof-deep{padding:clamp(56px,8vw,96px) 0;background:linear-gradient(180deg,#f8fafc,#fff)}.product-proof-deep-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.product-proof-deep-copy{display:grid;gap:16px}.product-proof-deep-copy h2{margin:0;color:#0f172a;font-size:clamp(30px,4vw,50px);line-height:1.04}.product-proof-deep-copy p{margin:0;color:#64748b;font-size:15px;line-height:1.75}.product-proof-tabs{display:flex;flex-wrap:wrap;gap:8px}.product-proof-tabs button{padding:9px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-weight:750;cursor:pointer}.product-proof-tabs button.active{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}.product-proof-screen{overflow:hidden;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.13)}.product-proof-screen-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #edf1f5;background:#f8fafc;color:#64748b;font-size:10px}.product-proof-screen-body{display:grid;grid-template-columns:150px 1fr;min-height:390px}.product-proof-mini-nav{display:grid;align-content:start;gap:8px;padding:15px;border-right:1px solid #edf1f5;background:#fbfcfe}.product-proof-mini-nav span{padding:9px;border-radius:10px;color:#64748b;font-size:10px}.product-proof-mini-nav span.active{background:#eef2ff;color:#4338ca;font-weight:800}.product-proof-canvas{display:grid;gap:12px;padding:18px}.product-proof-canvas-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.product-proof-canvas-head h3{margin:0;color:#1e293b;font-size:19px}.product-proof-canvas-head small{color:#94a3b8}.product-proof-demo-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-proof-demo-cards article{display:grid;gap:7px;padding:14px;border:1px solid #e8edf3;border-radius:14px;background:#fff}.product-proof-demo-cards strong{font-size:12px}.product-proof-demo-cards small{color:#94a3b8;font-size:9px}.product-proof-demo-cards .wide{grid-column:1/-1}

@media(max-width:1100px){.release-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-page-context{display:none}.feature-flag-card{grid-template-columns:1fr}.product-proof-deep-grid{grid-template-columns:1fr}}
@media(max-width:760px){.flash-stack{top:68px;right:10px;width:calc(100vw - 20px)}.feature-flag-form{grid-template-columns:1fr}.feature-flag-form>*{grid-column:auto!important}.release-health-grid{grid-template-columns:1fr}.product-tour{padding:10px}.product-tour-panel{padding:18px;border-radius:20px}.product-tour-panel footer{grid-template-columns:1fr 1fr}.product-tour-dots{grid-column:1/-1;grid-row:1}.product-tour-panel footer .button{width:100%}.product-proof-screen-body{grid-template-columns:1fr}.product-proof-mini-nav{display:none}.product-proof-demo-cards{grid-template-columns:1fr}.product-proof-demo-cards .wide{grid-column:auto}}


/* Maturity release finishing layer */
body.nav-loading::before{content:"";position:fixed;z-index:10050;left:0;top:0;height:3px;width:42%;background:linear-gradient(90deg,var(--accent,#5b5bd6),#24b7a5);box-shadow:0 0 18px rgba(91,91,214,.35);animation:aimm-nav-progress 1.15s ease-in-out infinite;pointer-events:none}@keyframes aimm-nav-progress{0%{transform:translateX(-110%)}70%{transform:translateX(170%)}100%{transform:translateX(260%)}}
.table-filter-shell{display:grid;gap:10px;min-width:0}.table-quick-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px}.table-quick-filter label{min-width:min(360px,100%);display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line,#dde2ec);border-radius:12px;background:var(--surface,#fff)}.table-quick-filter label i{color:var(--muted,#697386)}.table-quick-filter input{width:100%;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;min-height:0!important}.table-quick-filter>span{font-size:.76rem;color:var(--muted,#697386);font-weight:700;white-space:nowrap}.portal-content table thead th{position:sticky;top:0;z-index:2;background:var(--surface,#fff);box-shadow:inset 0 -1px 0 var(--line,#e2e7f0)}.portal-content table tbody tr{transition:background-color .16s ease}.portal-content table tbody tr:hover{background:rgba(91,91,214,.035)}
.topbar-page-context{display:grid;align-content:center;gap:1px;min-width:0;padding-inline:6px 12px;border-left:1px solid var(--line,#e2e7f0)}.topbar-page-context small{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#697386);font-weight:800}.topbar-page-context strong{font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.product-proof-deep{padding-top:0}.product-proof-deep-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:28px;border:1px solid rgba(81,92,125,.14);border-radius:24px;background:linear-gradient(145deg,#fff,rgba(245,247,255,.94));box-shadow:0 24px 55px rgba(32,41,78,.08)}.product-proof-deep-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.product-proof-deep-copy h3{margin:0;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.04;letter-spacing:-.035em}.product-proof-deep-copy>p{margin:0;color:var(--muted,#697386);font-size:1rem;line-height:1.65}.product-proof-deep-tabs{display:flex;gap:7px;flex-wrap:wrap}.product-proof-deep-tabs button{border:1px solid var(--line,#dde2ec);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer;color:var(--ink,#1f2737)}.product-proof-deep-tabs button.active{background:#20253b;color:#fff;border-color:#20253b}.product-proof-deep-screen{position:relative;overflow:hidden;border:1px solid rgba(62,73,110,.14);border-radius:20px;background:#101426;min-height:360px;color:#fff;padding:20px;box-shadow:0 22px 40px rgba(17,22,44,.18)}.product-proof-deep-screen::before{content:"Illustrative interface preview";position:absolute;right:16px;top:14px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.48);font-weight:800}.product-proof-deep-window{margin-top:28px;display:grid;gap:16px}.product-proof-deep-window>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#8fa1ff;font-weight:800}.product-proof-deep-window h4{margin:0;font-size:1.45rem;line-height:1.12}.product-proof-deep-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-proof-deep-items span{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.055);font-size:.78rem;font-weight:700}.product-proof-deep-items i{color:#6ee7c8}.product-proof-deep-bars{display:grid;grid-template-columns:1.1fr .8fr;gap:10px}.product-proof-deep-bars>div{min-height:110px;border-radius:14px;background:linear-gradient(135deg,rgba(111,125,255,.2),rgba(85,220,190,.08));border:1px solid rgba(255,255,255,.07);padding:14px;display:flex;align-items:flex-end}.product-proof-deep-bars span{width:100%;height:8px;border-radius:999px;background:rgba(255,255,255,.11);position:relative;overflow:hidden}.product-proof-deep-bars span::after{content:"";position:absolute;inset:0 auto 0 0;width:64%;background:linear-gradient(90deg,#7889ff,#52d7ba);border-radius:inherit}.product-proof-deep-bars>div:last-child span::after{width:42%}
.skeleton-card{display:grid;gap:10px;padding:16px}.skeleton-line,.skeleton-block{display:block;border-radius:9px;background:linear-gradient(90deg,#eef1f6 25%,#f7f8fb 37%,#eef1f6 63%);background-size:400% 100%;animation:aimm-skeleton 1.25s ease infinite}.skeleton-line{height:12px;width:100%}.skeleton-line.short{width:34%}.skeleton-line.medium{width:68%}.skeleton-block{height:86px;margin-top:6px}@keyframes aimm-skeleton{0%{background-position:100% 0}100%{background-position:0 0}}
@media(max-width:980px){.product-proof-deep-card{grid-template-columns:1fr}.topbar-page-context{display:none}.product-proof-deep-screen{min-height:320px}}@media(max-width:640px){.table-quick-filter{align-items:stretch;flex-direction:column}.table-quick-filter label{min-width:0;width:100%}.table-quick-filter>span{padding-left:4px}.product-proof-deep-card{padding:18px;border-radius:18px}.product-proof-deep-items{grid-template-columns:1fr}.product-proof-deep-bars{grid-template-columns:1fr}.product-proof-deep-screen{min-height:0}}

.diagnostic-file-list{display:grid;gap:8px;margin-top:14px}.diagnostic-file-list>span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line,#e2e7f0);border-radius:12px;background:var(--surface,#fff)}.diagnostic-file-list code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-file-list b{flex:0 0 auto;font-size:.75rem;color:var(--muted,#697386)}@media(max-width:640px){.diagnostic-file-list>span{align-items:flex-start;flex-direction:column}.diagnostic-file-list code{white-space:normal;overflow-wrap:anywhere}}


/* Long-table mobile cards and heavy-route loading skeletons */
.portal-transition-skeleton{position:fixed;z-index:9900;inset:var(--portal-topbar-h,68px) 0 0 var(--portal-sidebar-w,252px);padding:28px;background:rgba(247,249,253,.94);backdrop-filter:blur(4px);pointer-events:none}.portal-transition-skeleton-inner{max-width:1320px;margin:0 auto;display:grid;gap:18px}.portal-transition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-transition-skeleton .skeleton-card{border:1px solid var(--line,#e2e7f0);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(32,41,78,.05)}
@media(max-width:880px){.portal-transition-skeleton{left:0;padding:18px}.portal-transition-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.portal-transition-grid{grid-template-columns:1fr}.auto-mobile-cards thead{display:none}.auto-mobile-cards,.auto-mobile-cards tbody{display:block;width:100%}.auto-mobile-cards tr{display:grid!important;gap:8px;margin:0 0 12px;padding:13px;border:1px solid var(--line,#e2e7f0);border-radius:14px;background:var(--surface,#fff);box-shadow:0 6px 20px rgba(32,41,78,.035)}.auto-mobile-cards td{display:grid!important;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:10px;align-items:start;padding:5px 0!important;border:0!important;white-space:normal!important;min-width:0}.auto-mobile-cards td::before{content:attr(data-label);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#697386);font-weight:800}.auto-mobile-cards td[colspan]::before{display:none}.auto-mobile-cards td[colspan]{grid-template-columns:1fr}.portal-transition-skeleton{top:58px}}

/* Intelligence & admin control-plane finishing layer */
.admin-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.admin-intel-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-signal-list{display:grid;gap:10px;margin-top:12px}.admin-signal-list>article,.admin-signal-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line,#e2e7f0);border-radius:14px;background:var(--surface,#fff)}.admin-signal-list strong{display:block;color:var(--ink,#1f2737)}.admin-signal-list small,.admin-signal-list p{margin:2px 0 0;color:var(--muted,#697386);line-height:1.5}.goal-plan-panel{overflow:hidden}.goal-plan-list{display:grid;gap:12px;margin-top:14px}.goal-plan-list>article,.goal-plan-list>.goal-card{padding:15px;border:1px solid var(--line,#e2e7f0);border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff)}.privacy-request-list{display:grid;gap:10px}.privacy-request-list>li{padding:12px 14px;border:1px solid var(--line,#e2e7f0);border-radius:13px;background:var(--surface-soft,#f8fafc)}.proof-candidate-row{display:grid;gap:6px;min-width:0}.proof-candidate-row strong{color:var(--ink,#1f2737)}.proof-candidate-row small,.proof-candidate-row p{margin:0;color:var(--muted,#697386);line-height:1.45}.admin-control-plane .admin-quick-grid{margin-top:4px}.admin-table-wrap{scrollbar-width:thin}.admin-table th,.admin-table td{vertical-align:top}.admin-table td .inline-actions{justify-content:flex-start}.setup-diagnostic{border-radius:14px}.attention-chip{white-space:nowrap}
@media(max-width:1120px){.admin-intel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-control-grid{grid-template-columns:1fr}.admin-intel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-intel-kpis{grid-template-columns:1fr}.admin-signal-list>article,.admin-signal-list>div{grid-template-columns:1fr}.admin-signal-list>article>span,.admin-signal-list>div>span{justify-self:start}.privacy-request-list>li{padding:11px}.goal-plan-list>article,.goal-plan-list>.goal-card{padding:13px}}

/* Intelligence customer-surface finishing styles */
.autonomy-policy-panel{border-color:color-mix(in srgb,var(--accent,#5b5bd6) 20%,var(--line,#e2e7f0));background:linear-gradient(180deg,#fff,#fbfbff)}
.connection-health-note{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412}.connection-health-note>i{margin-top:2px}.connection-health-note>span{display:grid;gap:2px}.connection-health-note strong{font-size:.84rem}.connection-health-note small{color:#b45309;line-height:1.45}
.integration-credential-form{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line,#e2e7f0);border-radius:13px;background:var(--surface-soft,#f8fafc)}.integration-credential-form>small{color:var(--muted,#697386);line-height:1.45}.integration-credential-form .button{justify-self:start}
.knowledge-graph-panel{overflow:hidden}.knowledge-graph-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.knowledge-graph-summary article{display:grid;gap:3px;padding:13px;border:1px solid var(--line,#e2e7f0);border-radius:13px;background:var(--surface-soft,#f8fafc)}.knowledge-graph-summary strong{font-size:1.25rem;color:var(--ink,#1f2737)}.knowledge-graph-summary small{color:var(--muted,#697386);font-weight:700}
.experiment-evaluation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px 11px;border:1px solid var(--line,#e2e7f0);border-radius:12px;background:var(--surface-soft,#f8fafc)}.experiment-evaluation strong{font-size:.82rem;color:var(--ink,#1f2737)}.experiment-evaluation small{flex-basis:100%;color:var(--muted,#697386);line-height:1.45}
.first-value-path{overflow:hidden}.first-value-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.first-value-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--line,#e2e7f0);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}.first-value-step:hover{transform:translateY(-1px);border-color:#c7d2fe;box-shadow:0 8px 20px rgba(32,41,78,.06)}.first-value-step>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#f1f5f9;color:#64748b}.first-value-step>div{display:grid;gap:2px}.first-value-step strong{font-size:.8rem;color:var(--ink,#1f2737)}.first-value-step small{font-size:.68rem;color:var(--muted,#697386)}.first-value-step.is-done{border-color:#bbf7d0;background:#f0fdf4}.first-value-step.is-done>span{background:#dcfce7;color:#15803d}
@media(max-width:1050px){.knowledge-graph-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.first-value-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.knowledge-graph-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.first-value-track{grid-template-columns:1fr}.integration-credential-form .form-grid{grid-template-columns:1fr}}
.privacy-request-list>span{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line,#e2e7f0);border-radius:13px;background:var(--surface-soft,#f8fafc)}.privacy-request-list>span>i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.privacy-request-list>span>div{display:grid;gap:2px}.privacy-request-list>span strong{font-size:.82rem}.privacy-request-list>span small{color:var(--muted,#697386);font-size:.7rem}

/* Admin + AI work queue stability/polish patch */
.admin-control-plane{position:relative;overflow:hidden;border-color:#dfe5f1;background:linear-gradient(145deg,#ffffff 0%,#fbfcff 58%,#f4f6ff 100%)}
.admin-control-plane:before{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.11),rgba(79,70,229,0) 68%);pointer-events:none}
.admin-control-plane>.dashboard-panel-head{position:relative;z-index:1;margin-bottom:16px}
.admin-control-plane>.dashboard-panel-head h2{max-width:720px;font-size:clamp(20px,2vw,25px);line-height:1.16}
.admin-control-plane>.dashboard-panel-head p:not(.eyebrow){max-width:680px;font-size:12.5px;line-height:1.55}
.admin-control-plane .admin-quick-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:4px}
.admin-control-plane .admin-quick-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #e1e6f0;border-radius:15px;background:rgba(255,255,255,.88);color:#334155;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.admin-control-plane .admin-quick-grid>a:hover{transform:translateY(-1px);border-color:#c7d2fe;background:#fff;box-shadow:0 10px 24px rgba(55,65,110,.08)}
.admin-control-plane .admin-quick-grid>a>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5;font-size:16px}
.admin-control-plane .admin-quick-grid>a>span{display:grid;min-width:0;gap:2px}
.admin-control-plane .admin-quick-grid strong{color:#1e293b;font-size:12.5px;line-height:1.3}
.admin-control-plane .admin-quick-grid small{color:#718096;font-size:10.5px;line-height:1.42}
.ai-work-queue-summary.card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 0 18px;padding:20px 22px;overflow:hidden;border:1px solid #dde4f2;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbfcff 62%,#f1f5ff 100%);box-shadow:0 10px 28px rgba(30,41,59,.045)}
.ai-work-queue-summary.card:after{content:"";position:absolute;right:-65px;bottom:-95px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.09),rgba(14,165,233,0) 70%);pointer-events:none}
.ai-work-queue-summary>div:first-child{position:relative;z-index:1;min-width:0}
.ai-work-queue-summary .eyebrow{margin:0 0 5px}
.ai-work-queue-summary h2{margin:0;color:#172033;font-size:19px;line-height:1.2;letter-spacing:-.025em}
.ai-work-queue-summary p:not(.eyebrow){max-width:720px;margin:7px 0 0;color:#64748b;font-size:12.5px;line-height:1.58}
.ai-work-queue-summary .card-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0}
@media(max-width:1100px){.admin-control-plane .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.ai-work-queue-summary.card{grid-template-columns:1fr;gap:15px}.ai-work-queue-summary .card-actions{justify-content:flex-start}}
@media(max-width:620px){.admin-control-plane .admin-quick-grid{grid-template-columns:1fr}.admin-control-plane .admin-quick-grid>a{padding:13px}.ai-work-queue-summary.card{padding:17px}.ai-work-queue-summary .card-actions{display:grid;grid-template-columns:1fr;width:100%}.ai-work-queue-summary .card-actions .button{width:100%;justify-content:center}}

/* 2.8.2 trial, plan and mobile Live AI polish */
.billing-plan-grid--polished{align-items:stretch}.billing-plan{min-height:100%;gap:0}.billing-plan .plan-description{min-height:58px;margin:8px 0 14px;color:#64748b;font-size:11.5px;line-height:1.62}.plan-fit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin:0 0 16px;padding:11px 12px;border:1px solid #e6e9ff;border-radius:12px;background:#f8f9ff}.plan-fit>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:12px}.plan-fit span{display:grid;gap:2px}.plan-fit small,.plan-section-label{color:#7c8495;font-size:8.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.plan-fit strong{color:#283247;font-size:10.5px;line-height:1.45}.plan-benefit-block{padding-top:2px}.plan-features{gap:9px;margin:10px 0 16px}.plan-features li{align-items:flex-start;gap:8px;color:#475569;font-size:10.5px;line-height:1.45}.plan-features i{margin-top:2px;color:#0f9d8a;font-size:10px}.plan-features span{min-width:0}.plan-capacity{margin:0 0 18px;padding-top:14px;border-top:1px solid #edf0f5}.plan-capacity>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.plan-capacity span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #e5e9f1;border-radius:999px;background:#f8fafc;color:#536074;font-size:8.5px;font-weight:750;white-space:nowrap}.plan-capacity span i{color:#6366f1;font-size:7px}.plan-action{margin-top:auto}.plan-action form{margin:0}.billing-plan--featured .plan-fit{border-color:#d9dcff;background:#f6f6ff}.billing-plan--current{border-color:#a7f3d0!important;background:linear-gradient(180deg,#fff,#f8fffb)}
@media(max-width:760px){.billing-plan .plan-description{min-height:0}.plan-capacity span{white-space:normal}.copilot-launcher>.copilot-launcher-icon{display:grid!important}}

/* 2.9.0 monetization, mobile workflow, executive brief and operations polish */
.plan-gate{max-width:980px;margin:34px auto;display:grid;grid-template-columns:84px minmax(0,1fr);gap:24px;padding:30px;border:1px solid #dbe4ff;background:linear-gradient(145deg,#fff 0%,#f7f8ff 60%,#eef4ff 100%);box-shadow:0 24px 70px rgba(39,53,120,.10)}
.plan-gate-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:28px;box-shadow:0 14px 34px rgba(79,70,229,.25)}
.plan-gate-copy h1{margin:5px 0 10px;font-size:34px}.plan-gate-copy>p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.7}.plan-gate-copy ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;padding:0;list-style:none}.plan-gate-copy li{display:flex;gap:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:700;font-size:13px}.plan-gate-copy li i{color:#16a34a;margin-top:2px}.plan-gate-actions{display:flex;gap:10px;align-items:center;margin:20px 0 12px}.plan-gate-copy>small{color:var(--muted)}
.upgrade-nudge{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 24px 0;padding:12px 15px;border:1px solid #dbe4ff;border-radius:15px;background:linear-gradient(90deg,#f7f8ff,#fff);box-shadow:0 8px 28px rgba(39,53,120,.05)}.upgrade-nudge>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}.upgrade-nudge div{display:grid;gap:2px}.upgrade-nudge strong{font-size:13px}.upgrade-nudge small{color:var(--muted);font-size:11px;line-height:1.45}.upgrade-nudge>a{font-size:12px;font-weight:850;color:#4338ca;white-space:nowrap}.upgrade-nudge--capacity{border-color:#fde68a;background:linear-gradient(90deg,#fffbeb,#fff)}.upgrade-nudge--capacity>span{background:#fef3c7;color:#b45309}
.executive-brief{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;margin:16px 0;padding:18px 20px;border:1px solid #dfe4ff;background:linear-gradient(135deg,#fff,#f8f9ff)}.executive-brief-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-size:18px}.executive-brief-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.executive-brief h2{margin:2px 0 8px;font-size:20px;line-height:1.35}.executive-brief ul{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.executive-brief li{display:flex;gap:9px;color:#334155;font-size:13px}.executive-brief li i{color:#6366f1;margin-top:3px}.executive-brief-fallback{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.executive-brief-fallback span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px}.executive-brief-fallback strong{color:var(--text)}.executive-brief-copy>small{display:block;color:var(--muted);line-height:1.5}
.plan-access-matrix{overflow:hidden}.plan-matrix-table{display:grid;border:1px solid var(--line);border-radius:15px;overflow:hidden}.plan-matrix-row{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(100px,.6fr));align-items:center;min-height:52px;border-bottom:1px solid var(--line);background:#fff}.plan-matrix-row:last-child{border-bottom:0}.plan-matrix-row>span{padding:12px 14px}.plan-matrix-row>span:first-child{display:flex;gap:10px;align-items:center}.plan-matrix-row>span:first-child i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}.plan-matrix-row>span:not(:first-child){text-align:center;border-left:1px solid var(--line);font-size:12px}.plan-matrix-head{background:#f8fafc;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.plan-matrix-head>span:first-child{display:block}.plan-matrix-row .included{color:#166534}.plan-matrix-row .included i{margin-right:5px}.plan-matrix-row .locked{color:#94a3b8}
.error-monitor-toolbar{padding:14px}.admin-error-filters{display:grid;grid-template-columns:160px 160px minmax(220px,1fr) auto auto;gap:10px;align-items:end}.admin-error-filters label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted)}.error-detail-panel{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fffafa)}.error-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.error-detail-grid article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.error-detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.error-detail-grid strong{overflow-wrap:anywhere;font-size:13px}.error-detail-grid span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.error-call-path{display:grid;gap:6px;margin-top:14px;padding:13px;border-radius:12px;background:#0f172a;color:#e2e8f0}.error-call-path>small{color:#94a3b8}.error-call-path code{font-size:11px;white-space:normal;overflow-wrap:anywhere}
.plan-economics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-economics-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.plan-economics-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.plan-economics-card>div:first-child>strong{font-size:12px}.plan-economics-card dl{display:grid;gap:0;margin:14px 0}.plan-economics-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7}.plan-economics-card dt{color:var(--muted);font-size:11px}.plan-economics-card dd{margin:0;font-weight:850;font-size:12px}.plan-economics-card>small{display:block;color:var(--muted);font-size:10px;line-height:1.5}

/* Mobile-first operating workflows */
@media(max-width:900px){.plan-economics-grid{grid-template-columns:1fr 1fr}.error-detail-grid{grid-template-columns:1fr 1fr}.admin-error-filters{grid-template-columns:1fr 1fr}.error-route-filter{grid-column:1/-1}.plan-matrix-table{overflow-x:auto}.plan-matrix-row{min-width:700px}.upgrade-nudge{margin-inline:14px}}
@media(max-width:760px){
  .portal-content{padding:14px 12px 100px}.portal-dashboard-head,.portal-hero,.dashboard-panel-head,.section-bar{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.head-actions,.command-actions,.card-actions,.approval-actions,.campaign-filter-actions,.workspace-manager-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.head-actions>.button,.command-actions>.button,.card-actions>.button,.approval-actions>.button,.campaign-filter-actions>.button,.workspace-manager-actions>.button{width:100%;justify-content:center}
  .upgrade-nudge{grid-template-columns:38px minmax(0,1fr);margin:9px 8px 0}.upgrade-nudge>a{grid-column:1/-1;display:flex;justify-content:center;padding:9px;border-radius:10px;background:#fff;border:1px solid var(--line)}
  .executive-brief{grid-template-columns:1fr;padding:15px}.executive-brief-icon{width:42px;height:42px}.executive-brief-head{flex-direction:column}.executive-brief-head form,.executive-brief-head button{width:100%}.executive-brief-fallback{display:grid;grid-template-columns:1fr 1fr}.plan-gate{grid-template-columns:1fr;margin:18px 0;padding:20px}.plan-gate-copy h1{font-size:28px}.plan-gate-copy ul{grid-template-columns:1fr}.plan-gate-actions{display:grid}.plan-gate-actions .button{width:100%}
  .campaign-list,.lead-inbox-list,.notification-list,.workspace-manager-list,.approval-inbox{gap:10px}.campaign-row,.notification-row,.approval-inbox-card,.workspace-manager-card{border-radius:15px}.campaign-row-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.campaign-row-main{min-width:0}.pipeline-board{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.pipeline-column{min-width:min(86vw,340px);scroll-snap-align:start}.calendar-month-panel{overflow:hidden}.calendar-month-grid{min-width:700px}.calendar-interactive{overflow-x:auto;border-radius:16px}.calendar-agenda-event{grid-template-columns:auto minmax(0,1fr)!important}.notification-row{grid-template-columns:42px minmax(0,1fr)!important}.messages-shell{grid-template-columns:1fr!important}.conversation-list{max-height:260px;overflow:auto}.message-panel{min-height:60vh}.billing-plan-grid{grid-template-columns:1fr!important}.billing-plan{padding:18px}.usage-meter-grid,.billing-value-grid{grid-template-columns:1fr 1fr!important}.workspace-manager-layout{grid-template-columns:1fr!important}.approval-summary{grid-template-columns:1fr 1fr!important}.bulk-toolbar{position:sticky;bottom:78px;z-index:30;display:flex;flex-wrap:wrap;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(15,23,42,.12);backdrop-filter:blur(12px)}
  .error-detail-grid,.plan-economics-grid{grid-template-columns:1fr}.admin-error-filters{grid-template-columns:1fr}.error-route-filter{grid-column:auto}.plan-matrix-row{min-width:620px}.portal-topbar .membership-chip span{display:none}.portal-topbar .membership-chip{padding:8px 10px}.portal-topbar .membership-chip b{display:none}
}
@media(max-width:480px){.usage-meter-grid,.billing-value-grid,.approval-summary,.executive-brief-fallback{grid-template-columns:1fr!important}.head-actions,.command-actions,.card-actions,.approval-actions,.campaign-filter-actions,.workspace-manager-actions{grid-template-columns:1fr}.campaign-row-metrics{grid-template-columns:1fr 1fr!important}.topbar-tools{gap:4px}.topbar-icon{width:40px;height:40px}.portal-mobile-nav{min-height:60px}.copilot-launcher{right:14px;bottom:84px;width:48px;height:48px;padding:0;border-radius:16px}.copilot-launcher .copilot-launcher-icon{margin:0}.copilot-launcher>span:not(.copilot-launcher-icon){display:none}}
.portal-subnav a.plan-locked{color:#94a3b8}.portal-subnav a.plan-locked:hover{color:#475569;background:#f8fafc}.portal-subnav .subnav-lock{margin-left:auto;font-size:9px;color:#94a3b8}.feature-inline-lock{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px dashed #c7d2fe;border-radius:14px;background:#f8f9ff}.feature-inline-lock>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.feature-inline-lock strong{display:block}.feature-inline-lock p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:760px){.feature-inline-lock{grid-template-columns:40px minmax(0,1fr)}.feature-inline-lock .button{grid-column:1/-1;width:100%}}

/* 2.9.1 consistency and functionality pass */
.admin-shell .portal-sidebar{border-right-color:#253047;background:linear-gradient(180deg,#111827 0%,#0f172a 100%);color:#e5e7eb}
.admin-shell .portal-brand{color:#fff}.admin-shell .portal-brand span{color:#f8fafc}
.admin-shell .admin-nav{gap:5px;padding-top:4px}
.admin-shell .admin-nav-label{display:block;margin:12px 10px 3px;color:#7f8ba3;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.admin-shell .admin-nav-label:first-child{margin-top:3px}
.admin-shell .portal-nav a{color:#aeb9cc;background:transparent}
.admin-shell .portal-nav a i{color:#78869f}
.admin-shell .portal-nav a:hover{background:rgba(255,255,255,.065);color:#f8fafc}
.admin-shell .portal-nav a:hover i{color:#c7d2fe}
.admin-shell .portal-nav a.active{background:linear-gradient(135deg,rgba(99,102,241,.23),rgba(59,130,246,.13));color:#fff;box-shadow:inset 0 0 0 1px rgba(129,140,248,.28)}
.admin-shell .portal-nav a.active i{color:#a5b4fc}
.admin-shell .sidebar-foot{border-top:1px solid rgba(148,163,184,.15);margin-top:auto;padding-top:14px}
.admin-shell .sidebar-foot a{color:#8492a9}.admin-shell .sidebar-foot a:hover{color:#e0e7ff}
.admin-topbar{border-bottom-color:#e7ebf2;background:rgba(255,255,255,.96)}
.status-chip.status-active{border-color:#d6f5e7;background:#f0fdf4;color:#0f766e}.status-chip.status-active i{background:#10b981}
.status-chip.status-warning{border-color:#fde7b0;background:#fffbeb;color:#a16207}.status-chip.status-warning i{background:#f59e0b}
.status-chip.status-past_due,.status-chip.status-error,.status-chip.status-critical{border-color:#fecdd3;background:#fff1f2;color:#be123c}.status-chip.status-past_due i,.status-chip.status-error i,.status-chip.status-critical i{background:#e11d48}
.status-chip.status-neutral,.status-chip.status-paused{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.status-chip.status-neutral i,.status-chip.status-paused i{background:#94a3b8}
.plan-economics-panel{border-color:#e1e6f0;background:linear-gradient(145deg,#fff 0%,#fbfcff 68%,#f7f9ff 100%)}
.plan-economics-panel>.dashboard-panel-head{padding-bottom:4px}
.setup-diagnostic,.state-panel{overflow-wrap:anywhere}
.setup-diagnostic code,.state-panel code{font-size:.9em}
@media(max-width:760px){.admin-shell .admin-nav-label{margin-top:10px}.admin-shell .portal-nav a{min-height:43px}.admin-topbar .topbar-tools{gap:6px}.admin-topbar .button.small{padding-inline:10px}}


/* 2.9.2 form + decision-surface consistency patch */
/* Budget: four intelligence cards must remain one intentional grid, not a 3+1 wrap. */
.budget-intelligence-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.budget-intelligence-grid>.card{
  position:relative;
  min-width:0;
  min-height:132px;
  align-content:start;
  gap:7px;
  padding:18px;
  overflow:hidden;
  border:1px solid #e4e9f1;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.budget-intelligence-grid>.card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#6366f1,#22c1c3);
  opacity:.7;
}
.budget-intelligence-grid small{
  color:#64748b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.budget-intelligence-grid strong{
  color:#1e293b;
  font-size:clamp(19px,1.65vw,25px);
  line-height:1.15;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.budget-intelligence-grid em{
  color:#64748b;
  font-size:11px;
  line-height:1.5;
}
.budget-overview.card{
  gap:18px;
  border-color:#dfe5ee;
  background:linear-gradient(180deg,#fff,#fbfcff);
}
.os-two-col>.panel.card{
  min-width:0;
  padding:22px;
  border-color:#e4e9f1;
}
.os-two-col>.panel.card>h2{
  margin:0 0 16px;
  color:#1e293b;
  font-size:18px;
}
.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.scenario-card{min-width:0;padding:16px;border-color:#e4e9f1;background:linear-gradient(180deg,#fff,#fbfcfe)}
.scenario-card h3{font-size:13px;line-height:1.35}
.scenario-alloc{gap:7px}
.scenario-alloc span{font-size:9px;border:1px solid #edf1f5}

/* Experiment discipline: use the same hierarchy and card language as the experiment register. */
.experiment-discipline{
  position:relative;
  align-self:start;
  overflow:hidden;
  border-color:#dfe5ff!important;
  background:linear-gradient(155deg,#fff 0%,#fafaff 54%,#f5fbff 100%)!important;
}
.experiment-discipline::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-95px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(99,102,241,.10),rgba(34,193,195,0) 70%);
  pointer-events:none;
}
.experiment-discipline>h2{
  position:relative;
  z-index:1;
  margin:3px 0 16px;
  color:#1e293b;
  font-size:19px;
  line-height:1.3;
}
.experiment-discipline>.eyebrow{position:relative;z-index:1}
.experiment-discipline .principle-list{
  position:relative;
  z-index:1;
  gap:9px;
  margin:0 0 18px;
}
.experiment-discipline .principle-list>span{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:2px 11px;
  align-items:center;
  padding:12px 13px;
  border:1px solid #e5e9f2;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.experiment-discipline .principle-list>span>i{
  grid-row:1/3;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:11px;
  background:#eef2ff;
  color:#4f46e5;
  font-size:13px;
}
.experiment-discipline .principle-list strong{
  color:#27324a;
  font-size:12px;
  line-height:1.35;
}
.experiment-discipline .principle-list small{
  grid-column:2;
  color:#64748b;
  font-size:10px;
  line-height:1.5;
}
.experiment-discipline .experiment-design-form{
  position:relative;
  z-index:1;
  gap:13px;
  margin-top:2px;
  padding-top:16px;
  border-top:1px solid #e4e9f1;
}
.experiment-discipline .experiment-design-form>.button{justify-self:start}

/* Settings / automation checkboxes: checkbox first, copy second. */
.toggle-row{
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:14px;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.toggle-row:hover{
  border-color:#cfd8ff;
  background:#f8faff;
}
.toggle-row:has(input:checked){
  border-color:#c7d2fe;
  background:#f7f8ff;
  box-shadow:0 0 0 2px rgba(99,102,241,.06);
}
.toggle-row input[type=checkbox]{
  grid-column:1;
  grid-row:1;
  width:20px;
  height:20px;
  margin-top:1px;
  accent-color:#4f46e5;
}
.toggle-row>span{
  grid-column:2;
  display:grid;
  min-width:0;
  gap:3px;
}
.toggle-row strong{color:#27324a;font-size:12px;line-height:1.35}
.toggle-row small{color:#64748b;font-size:10px;line-height:1.5}
.toggle-row.standalone{margin-top:14px}

/* Guardrail notes: readable trust/safety callout, never a loose icon + paragraph. */
.guardrail-note{
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:12px;
  margin-top:16px;
  padding:15px 16px;
  border:1px solid #d8e3ff;
  border-radius:15px;
  background:linear-gradient(135deg,#f8faff,#f6fcfd);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.guardrail-note>i{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:12px;
  background:#eaf0ff;
  color:#4f46e5;
  font-size:15px;
}
.guardrail-note>div{display:grid;min-width:0;gap:3px}
.guardrail-note strong{color:#27324a;font-size:12px;line-height:1.4}
.guardrail-note p{margin:0;color:#64748b;font-size:10.5px;line-height:1.6;overflow-wrap:anywhere}

/* Sticky form actions: persistent footer with explanatory copy + primary action. */
.sticky-form-actions{
  position:sticky;
  bottom:12px;
  z-index:18;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:20px;
  padding:12px 14px 12px 16px;
  border:1px solid rgba(203,213,225,.9);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 40px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.05);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sticky-form-actions>span{
  min-width:0;
  color:#64748b;
  font-size:10.5px;
  line-height:1.5;
}
.sticky-form-actions>.button{flex:0 0 auto;min-width:150px}

@media(max-width:1180px){
  .budget-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .budget-intelligence-grid{grid-template-columns:1fr}
  .budget-intelligence-grid>.card{min-height:0}
  .experiment-discipline .experiment-design-form>.button{width:100%}
  .sticky-form-actions{
    bottom:8px;
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:12px;
  }
  .sticky-form-actions>.button{width:100%;min-width:0}
}

/* 2.9.3 brand library polish */
.brand-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:18px!important;
  margin:0 0 30px;
}
.brand-card{
  position:relative;
  display:flex;
  min-height:100%;
  flex-direction:column;
  overflow:hidden;
  padding:0!important;
  border:1px solid #e2e7f0!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbfcff 100%)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
  isolation:isolate;
}
.brand-card:after{
  right:-86px!important;
  bottom:-112px!important;
  width:220px!important;
  height:220px!important;
  background:color-mix(in srgb,var(--brand-color,#4f46e5) 7%,transparent)!important;
  z-index:-1;
}
.brand-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--brand-color,#4f46e5) 30%,#dbe2ec)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.095)!important;
}
.brand-card-topline{
  height:4px;
  flex:0 0 4px;
  background:linear-gradient(90deg,var(--brand-color,#4f46e5),color-mix(in srgb,var(--brand-color,#4f46e5) 46%,#22d3ee));
}
.brand-card-header{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:20px 20px 0;
}
.brand-card .brand-card-mark{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--brand-color,#4f46e5) 20%,#e2e8f0);
  border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-color,#4f46e5) 12%,#fff),#fff);
  color:var(--brand-color,#4f46e5);
  font-size:18px;
  font-weight:850;
  box-shadow:0 8px 20px color-mix(in srgb,var(--brand-color,#4f46e5) 10%,transparent);
}
.brand-card-heading{min-width:0}
.brand-card-kicker{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.brand-card-kicker .status-pill{flex:0 0 auto}
.brand-ai-state{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:6px;
  color:#64748b;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
.brand-ai-state i{color:#7c3aed;font-size:9px}
.brand-ai-state.is-working{color:#4f46e5}
.brand-card h2{
  overflow:hidden;
  margin:8px 0 0!important;
  color:#172033;
  font-size:18px!important;
  line-height:1.22;
  letter-spacing:-.035em!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.brand-card-summary{
  display:-webkit-box;
  overflow:hidden;
  min-height:60px;
  margin:16px 20px 18px!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.brand-card-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:auto 20px 0;
}
.brand-card-metrics>div{
  display:grid;
  min-width:0;
  align-content:center;
  gap:4px;
  min-height:62px;
  padding:10px 11px;
  border:1px solid #e8ecf3;
  border-radius:13px;
  background:rgba(248,250,252,.78);
}
.brand-card-metrics dt{
  color:#8a96a8;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
}
.brand-card-metrics dd{
  overflow:hidden;
  margin:0;
  color:#253148;
  font-size:13px;
  font-weight:820;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.brand-card-actions{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px!important;
  margin:16px 20px 20px!important;
  padding-top:15px;
  border-top:1px solid #edf0f5;
}
.brand-card-actions form{display:block;margin:0!important;min-width:0}
.brand-card-actions .button{
  width:100%!important;
  min-height:42px;
  padding-inline:12px;
  font-size:11px;
  white-space:nowrap;
}
.brand-card-actions .button.quiet{
  border-color:#e1e6ef;
  background:#f8fafc;
  color:#475569;
  box-shadow:none;
}
.brand-card-actions .button.quiet:hover{border-color:#cfd7e4;background:#f1f5f9;color:#334155}
.brand-card-actions .button:disabled{cursor:default;opacity:.65;transform:none}
.brand-card-empty{grid-column:1/-1;min-height:240px}
@media(max-width:1100px){
  .brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .brand-card-grid{grid-template-columns:1fr;gap:14px!important}
  .brand-card-header{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:17px 17px 0}
  .brand-card .brand-card-mark{width:46px;height:46px;border-radius:14px;font-size:16px}
  .brand-card-summary{margin:14px 17px 16px!important;min-height:0;-webkit-line-clamp:4}
  .brand-card-metrics{margin-inline:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .brand-card-metrics>div{min-height:58px;padding:9px}
  .brand-card-actions{grid-template-columns:1fr;margin:14px 17px 17px!important}
  .brand-ai-state{max-width:120px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:430px){
  .brand-card-kicker{align-items:flex-start;flex-direction:column}
  .brand-ai-state{max-width:none}
  .brand-card-metrics{grid-template-columns:1fr 1fr}
  .brand-card-metrics>div:last-child{grid-column:1/-1}
}

/* 2.10.0 Quick Start onboarding */
.quick-start-experience{background:radial-gradient(circle at 12% 10%,rgba(79,70,229,.08),transparent 32%),linear-gradient(180deg,#f8faff 0,#f5f7fb 100%)}
.quick-start-intro{position:sticky;top:88px;align-self:start}.quick-start-intro h1{max-width:640px}.quick-start-intro>p{max-width:620px}
.quick-start-progress{grid-template-columns:repeat(4,minmax(24px,1fr))}.quick-start-card{box-shadow:0 26px 70px rgba(15,23,42,.1)}
.quick-start-step{display:grid;gap:18px}.quick-start-step-copy{display:grid;gap:5px;padding:14px 16px;border:1px solid #e1e7f0;border-radius:15px;background:#f8fafc}.quick-start-step-copy strong{font-size:13px}.quick-start-step-copy p{margin:0;color:#64748b;font-size:11px;line-height:1.55}
.field-label{display:block;margin-bottom:8px;font-size:11px;font-weight:800;color:#334155}
.quick-choice-grid{display:grid;gap:10px}.quick-choice-grid--models{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-choice-grid--outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-choice,.ai-mode-choice,.connection-intent{position:relative;cursor:pointer}.quick-choice>input,.ai-mode-choice>input,.connection-intent>input{position:absolute;opacity:0;pointer-events:none}
.quick-choice>span{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 13px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.quick-choice>span>i{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5}.quick-choice strong{font-size:11px}.quick-choice small{display:block;margin-top:2px;color:#64748b;font-size:9px;line-height:1.4}.quick-choice:hover>span{border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 8px 20px rgba(79,70,229,.08)}.quick-choice>input:checked+span{border-color:#818cf8;background:#f7f8ff;box-shadow:0 0 0 2px rgba(99,102,241,.11)}
.quick-choice--outcome>span{align-items:flex-start;min-height:76px}.quick-choice--outcome>span>i{margin-top:1px}
.connection-intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-intent{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:13px;border:1px solid #dfe5ed;border-radius:15px;background:#fff;transition:.18s ease}.connection-intent:hover{border-color:#c7d2fe;box-shadow:0 8px 20px rgba(79,70,229,.07)}.connection-intent:has(input:checked){border-color:#818cf8;background:#f7f8ff;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.connection-intent-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.connection-intent strong,.connection-intent small{display:block}.connection-intent strong{font-size:11px}.connection-intent small{margin-top:2px;color:#64748b;font-size:9px;line-height:1.4}.connection-intent-check{opacity:0;color:#4f46e5;transition:opacity .18s ease}.connection-intent:has(input:checked) .connection-intent-check{opacity:1}
.ai-mode-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-mode-choice>span{display:grid;gap:9px;height:100%;padding:15px;border:1px solid #dfe5ed;border-radius:16px;background:#fff;transition:.18s ease}.ai-mode-choice>span>i{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.ai-mode-choice strong,.ai-mode-choice small{display:block}.ai-mode-choice strong{font-size:12px}.ai-mode-choice small{margin-top:4px;color:#64748b;font-size:9px;line-height:1.48}.ai-mode-choice:hover>span{transform:translateY(-1px);border-color:#c7d2fe}.ai-mode-choice>input:checked+span{border-color:#818cf8;background:linear-gradient(180deg,#f8f9ff,#fff);box-shadow:0 0 0 2px rgba(99,102,241,.1),0 12px 28px rgba(79,70,229,.08)}
.quick-start-advanced{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fbfcfe}.quick-start-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.quick-start-advanced summary::-webkit-details-marker{display:none}.quick-start-advanced summary>span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.quick-start-advanced summary>span i{color:#4f46e5}.quick-start-advanced summary small{color:#94a3b8;font-size:9px}.quick-start-advanced[open] summary{border-bottom:1px solid #e8edf3;background:#f8fafc}.quick-start-advanced-body{display:grid;gap:14px;padding:16px}.quick-start-submit{margin-top:4px}.quick-start-submit[hidden]{display:none!important}
.optimize-workspace-head{align-items:center}.readiness-badge{display:flex;align-items:center;gap:11px;min-width:190px;padding:13px 15px;border:1px solid #dbe4ff;border-radius:16px;background:#f8faff}.readiness-badge>i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef2ff;color:#4f46e5}.readiness-badge span{display:grid;gap:2px}.readiness-badge small{color:#64748b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.readiness-badge strong{font-size:12px}.readiness-badge--ready{border-color:#bbf7d0;background:#f0fdf4}.readiness-badge--ready>i{background:#dcfce7;color:#15803d}.optimize-path{overflow:hidden}.optimize-checklist .onboarding-check{padding-left:4px;padding-right:4px}.workspace-readiness{border-color:#dbe4ff;background:linear-gradient(135deg,#fff,#f8faff)}
@media(max-width:900px){.quick-start-intro{position:static}.quick-choice-grid--models{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-mode-choice-grid{grid-template-columns:1fr}.optimize-workspace-head{align-items:flex-start}}
@media(max-width:640px){.quick-choice-grid--models,.quick-choice-grid--outcomes,.connection-intent-grid{grid-template-columns:1fr}.quick-start-step-copy{padding:12px 13px}.quick-start-advanced summary{align-items:flex-start;flex-direction:column}.readiness-badge{width:100%}}