:root {
  --navy-950: #0b0d12;
  --navy-900: #12151d;
  --navy-850: #191d27;
  --navy-800: #232936;
  --ink: #11141b;
  --ink-soft: #33475b;
  --muted: #718096;
  --line: #dce3ea;
  --line-strong: #c9d3dc;
  --mist: #f4f7f9;
  --mist-blue: #edf7fc;
  --white: #fff;
  --coral: #ff574d;
  --coral-dark: #e7473f;
  --coral-soft: #ffe8e6;
  --cyan: #745cff;
  --cyan-dark: #5b45e8;
  --cyan-soft: #efecff;
  --brand-acid: #c7ff3d;
  --brand-acid-dark: #a4db20;
  --brand-carbon: #0b0d12;
  --green: #299b61;
  --green-soft: #e6f5eb;
  --amber: #c47a0a;
  --amber-soft: #fff2da;
  --danger: #d83d37;
  --shadow-modal: 0 24px 70px rgba(5, 29, 49, .24);
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --sidebar: 228px;
  --topbar: 92px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display-font: "Arial Narrow", "Roboto Condensed", Impact, ui-sans-serif, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: light; }
html, body { margin: 0; min-height: 100%; }
body { font-family: var(--font); color: var(--ink); background: var(--white); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { border: 0; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 7px; font-size: clamp(28px, 2.4vw, 36px); line-height: 1.18; letter-spacing: -.035em; }
h2 { margin-bottom: 8px; font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
p { color: var(--ink-soft); }
code { padding: 2px 5px; border-radius: 5px; background: var(--mist); font-size: 12px; }
.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; overflow: hidden; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 10px; color: var(--cyan-dark); font-size: 12px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }

/* Buttons and forms */
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 10px 17px; border: 1px solid transparent; border-radius: var(--radius-sm); cursor: pointer; font-size: 14px; font-weight: 680; line-height: 1; transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease; }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button:focus-visible, .icon-button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .filter:focus-visible, .nav-item:focus-visible { outline: 3px solid rgba(116, 92, 255, .3); outline-offset: 2px; }
.button-primary { color: var(--brand-carbon); background: var(--brand-acid); border-color: var(--brand-acid); font-weight: 780; }
.button-primary:hover { background: var(--brand-acid-dark); border-color: var(--brand-acid-dark); }
.button-secondary { color: var(--ink); background: var(--white); border-color: var(--line-strong); }
.button-secondary:hover { border-color: #9dabb8; }
.button-block { width: 100%; }
.button-small { min-height: 36px; padding: 8px 13px; font-size: 12px; }
.icon-button { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 8px; color: inherit; background: transparent; cursor: pointer; }
.icon-button:hover { background: rgba(7, 29, 49, .06); }
.text-button { padding: 0; color: var(--cyan-dark); background: none; cursor: pointer; font-size: 12px; font-weight: 700; }
.stack-form { display: grid; gap: 17px; }
.stack-form label { display: grid; gap: 7px; color: var(--ink); font-size: 13px; font-weight: 650; }
input, select, textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--white); font-size: 14px; line-height: 1.4; transition: border-color .16s ease, box-shadow .16s ease; }
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(116, 92, 255, .14); outline: none; }
input:disabled { color: var(--muted); background: var(--mist); }
.label-row { display: flex; justify-content: flex-end; align-items: center; margin: -23px 0 2px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

/* Authentication */
.auth-page { min-height: 100vh; background: var(--mist); }
.auth-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(380px, 46%) 1fr; }
.auth-brand { position: relative; overflow: hidden; background: var(--navy-950); color: var(--white); }
.auth-brand::after, .auth-brand::before { content: ""; position: absolute; width: 470px; height: 260px; border: 1px solid rgba(116, 92, 255, .3); border-radius: 22px; transform: skewX(-17deg) rotate(-14deg); }
.auth-brand::before { right: -150px; bottom: -110px; }
.auth-brand::after { right: -90px; bottom: -55px; }
.auth-brand-inner { position: relative; z-index: 1; display: flex; min-height: 100%; max-width: 610px; flex-direction: column; justify-content: center; padding: 70px clamp(46px, 7vw, 100px); }
.auth-logo { width: 340px; height: 96px; object-fit: contain; object-position: left center; margin-bottom: 56px; }
.auth-brand h1 { margin-bottom: 25px; font-family: var(--display-font); font-size: clamp(44px, 5vw, 72px); font-style: italic; line-height: 1.02; letter-spacing: -.025em; }
.auth-brand p { max-width: 470px; color: #c8d9e5; font-size: 18px; line-height: 1.65; }
.auth-path { display: flex; align-items: center; gap: 0; margin-top: 60px; }
.auth-path span { width: 13px; height: 13px; border: 3px solid var(--brand-acid); border-radius: 1px; }
.auth-path span + span::before { content: ""; display: block; width: 74px; height: 1px; margin: 3px 10px 0 -84px; background: rgba(255, 255, 255, .35); }
.auth-form-wrap { display: grid; place-items: center; padding: 44px; background: var(--white); }
.auth-form-card { width: min(440px, 100%); }
.auth-form-card h2 { margin-bottom: 10px; font-size: 32px; }
.auth-form-card > .muted { margin-bottom: 31px; }
.mobile-auth-logo { display: none; align-items: center; gap: 10px; margin-bottom: 42px; font-family: var(--display-font); font-size: 27px; font-style: italic; }
.mobile-auth-logo img { width: 44px; height: 44px; padding: 4px; background: var(--brand-carbon); }
.demo-note { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; padding: 11px 13px; border: 1px solid #bde5f5; border-radius: 8px; color: var(--ink-soft); background: var(--cyan-soft); font-size: 12px; }
.auth-help { margin-top: 26px; color: var(--muted); font-size: 12px; text-align: center; }
.auth-help a { color: var(--cyan-dark); font-weight: 750; }
.trial-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.trial-points span { padding: 8px 11px; border: 1px solid rgba(199,255,61,.34); border-radius: 7px; color: var(--brand-acid); font-size: 12px; font-weight: 700; }
.workspace-slug-input { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); overflow: hidden; }
.workspace-slug-input:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(116,92,255,.14); }
.workspace-slug-input input { border: 0; border-radius: 0; box-shadow: none !important; }
.workspace-slug-input em { padding: 0 12px; color: var(--muted); font-size: 12px; font-style: normal; white-space: nowrap; }
.signup-closed { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--mist); }
.signup-closed p { margin: 5px 0 0; }

/* Public plans and billing */
.plans-page { background: var(--white); }
.plans-nav { display: flex; height: 96px; align-items: center; justify-content: space-between; padding: 0 clamp(22px,5vw,72px); border-bottom: 1px solid rgba(255,255,255,.12); background: var(--brand-carbon); }
.plans-nav > a img { width: 225px; height: 70px; object-fit: contain; object-position: left center; }
.plans-nav nav { display: flex; align-items: center; gap: 22px; font-weight: 700; }
.plans-nav nav > a:first-child { color: var(--white); }
.plans-main { max-width: 1480px; padding: 70px clamp(22px,5vw,72px) 90px; margin: auto; }
.plans-hero { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.plans-hero h1 { font-family: var(--display-font); font-size: clamp(48px,7vw,82px); font-style: italic; line-height: .98; }
.plans-hero > p { max-width: 690px; margin: 18px auto 30px; font-size: 18px; }
.plan-family-switch,.billing-interval { display: inline-flex; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--mist); }
.plan-family-switch a,.billing-interval a { padding: 10px 16px; border-radius: 7px; color: var(--muted); font-size: 13px; font-weight: 750; }
.plan-family-switch a.active,.billing-interval a.active { color: var(--white); background: var(--navy-950); }
.billing-interval { display: flex; width: fit-content; margin: 12px auto 0; }
.pricing-grid { display: grid; align-items: stretch; gap: 16px; grid-template-columns: repeat(5,minmax(0,1fr)); }
.pricing-grid.self-hosted { grid-template-columns: repeat(4,minmax(0,1fr)); }
.pricing-card { display: flex; min-width: 0; flex-direction: column; gap: 22px; padding: 28px 24px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: var(--white); }
.pricing-card.recommended { border: 2px solid var(--cyan); box-shadow: 0 18px 45px rgba(69,53,170,.12); }
.pricing-card h2 { font-size: 24px; }
.pricing-card p { min-height: 74px; font-size: 13px; }
.plan-price { min-height: 52px; font-size: 31px; letter-spacing: -.04em; }
.plan-price small { margin-left: 4px; color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: 0; }
.pricing-card ul,.billing-feature-list { display: grid; flex: 1; gap: 11px; padding: 0; margin: 0; list-style: none; }
.pricing-card li,.billing-feature-list li { display: flex; gap: 8px; color: var(--ink-soft); font-size: 12px; }
.pricing-card li .icon,.billing-feature-list .icon { width: 16px; height: 16px; color: var(--green); }
.plans-notes { max-width: 920px; margin: 38px auto 0; text-align: center; }
.plans-notes p { margin: 6px 0; font-size: 12px; }
.billing-alert { margin-bottom: 22px; padding: 17px 19px; border: 1px solid #f3b5b1; border-radius: var(--radius); background: var(--coral-soft); }
.billing-alert p { margin: 4px 0 0; }
.billing-summary { display: grid; overflow: hidden; margin-bottom: 24px; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: repeat(3,minmax(0,1fr)); }
.billing-summary article { display: grid; gap: 4px; padding: 24px; }
.billing-summary article + article { border-left: 1px solid var(--line); }
.billing-summary small,.billing-summary span { color: var(--muted); font-size: 11px; }
.billing-summary strong { font-size: 22px; }
.billing-layout { display: grid; gap: 24px; grid-template-columns: minmax(0,1.5fr) minmax(280px,.7fr); }
.usage-bars { display: grid; gap: 24px; }
.usage-bars label { display: grid; gap: 9px; }
.usage-bars label span { display: flex; justify-content: space-between; }
.usage-bars em { color: var(--muted); font-size: 12px; font-style: normal; }
.usage-bars progress { width: 100%; height: 12px; accent-color: var(--cyan); }
.billing-layout aside h2 { margin-bottom: 20px; }
.billing-layout aside .button { margin-top: 24px; }
.commercial-controls { display: grid; align-items: start; gap: 28px; margin-top: 24px; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); }
.commercial-controls form { display: grid; gap: 14px; }
.complimentary-controls { display:grid; gap:20px; margin-top:24px; }
.complimentary-grant-form { display:grid; align-items:end; gap:12px; grid-template-columns:minmax(190px,1.1fr) minmax(190px,1fr) minmax(130px,.6fr) minmax(220px,1.2fr) auto; }
.complimentary-grant-form label { display:grid; gap:7px; min-width:0; font-size:12px; font-weight:800; color:var(--text); }
.complimentary-grant-form select,.complimentary-grant-form input { width:100%; min-width:0; }
.complimentary-grants { display:grid; gap:0; }
.complimentary-grants h3 { margin:0 0 8px; }
.complimentary-grants article { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:13px 0; }
.complimentary-grants article>div { display:grid; gap:3px; min-width:0; }
.complimentary-grants small,.empty-state-inline { color:var(--muted); }
.complimentary-grants form { margin:0; }
.billing-checkout,.license-list { margin-top: 24px; }
.billing-plan-actions { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: repeat(5,minmax(0,1fr)); }
.billing-plan-actions form { display: grid; gap: 5px; padding: 18px; }
.billing-plan-actions form + form { border-left: 1px solid var(--line); }
.billing-plan-actions span { min-height: 35px; color: var(--muted); font-size: 11px; }
.billing-portal-action { display: flex; align-items: center; gap: 16px; margin-top: 20px; }
.billing-portal-action span { color: var(--muted); font-size: 12px; }
.license-list article { display: grid; align-items: center; gap: 18px; padding: 16px 0; border-top: 1px solid var(--line); grid-template-columns: minmax(190px,.7fr) minmax(260px,1.2fr) minmax(120px,.5fr); }
.license-list article div { display: grid; }
.license-list article small,.license-list article > span { color: var(--muted); font-size: 11px; }
.license-list code { overflow-x: auto; padding: 10px; white-space: nowrap; }
@media (max-width: 1180px) { .pricing-grid,.pricing-grid.self-hosted { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1180px) { .billing-plan-actions { grid-template-columns: repeat(2,minmax(0,1fr)); } .billing-plan-actions form + form { border-left: 0; border-top: 1px solid var(--line); } .complimentary-grant-form { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .plans-nav { height: 78px; } .plans-nav > a img { width: 172px; height: 58px; } .plans-nav nav > a:first-child { display:none; } .plans-main { padding-top: 44px; } .pricing-grid,.pricing-grid.self-hosted,.billing-summary,.billing-layout,.commercial-controls,.billing-plan-actions,.license-list article,.complimentary-grant-form { grid-template-columns: 1fr; } .billing-summary article + article { border-top:1px solid var(--line); border-left:0; } .billing-portal-action { align-items:flex-start; flex-direction:column; } .complimentary-grants article { align-items:flex-start; flex-direction:column; } }

/* App shell */
.app-shell { display: grid; min-height: 100vh; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; display: flex; width: var(--sidebar); min-height: 0; flex-direction: column; overflow: hidden; padding: 21px 13px 18px; background: var(--navy-950); color: #eaf4f9; }
.brand { display: flex; height: 218px; align-items: center; justify-content: center; padding: 0 1px 18px; }
.brand-lockup { width: 100%; height: 204px; object-fit: contain; object-position: center; }
.brand-mark { display: none; }
.primary-nav { display: grid; flex: 1 1 auto; min-height: 0; align-content: start; gap: 7px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.28) transparent; }
.nav-item { display: flex; min-height: 50px; align-items: center; gap: 14px; padding: 12px 15px; border-radius: 10px; color: #dbe9f1; font-size: 14px; font-weight: 560; transition: background .16s ease, color .16s ease; }
.nav-item:hover { color: var(--white); background: rgba(255, 255, 255, .07); }
.nav-item.active { color: var(--brand-acid); background: rgba(116, 92, 255, .24); }
.nav-item .icon { width: 21px; height: 21px; }
.sidebar-spacer { display: none; }
.sidebar-footer { display: grid; flex: 0 0 auto; margin-top: 12px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.18); }
.sidebar-settings { min-height: 50px; }
.app-main { min-width: 0; grid-column: 2; }
.topbar { position: sticky; z-index: 15; top: 0; display: flex; height: var(--topbar); align-items: center; gap: 28px; padding: 0 28px 0 34px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .96); }
.global-search { position: relative; width: min(535px, 48vw); }
.global-search .icon, .search-field .icon { position: absolute; top: 50%; left: 16px; color: var(--ink); transform: translateY(-50%); }
.global-search input { height: 52px; padding-left: 50px; border-radius: 10px; font-size: 15px; }
.topbar-actions { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.notification-button { position: relative; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: transparent; cursor: pointer; }
.notification-button:hover { background: var(--mist); }
.notification-button span { position: absolute; top: 1px; right: 1px; display: grid; width: 19px; height: 19px; place-items: center; border: 2px solid var(--white); border-radius: 4px; color: var(--brand-carbon); background: var(--brand-acid); font-size: 10px; font-weight: 800; }
.user-menu { display: flex; align-items: center; gap: 10px; }
.user-copy { display: grid; min-width: 116px; }
.user-copy strong { font-size: 13px; }
.user-copy small { color: var(--muted); font-size: 11px; }
.avatar { display: inline-grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border: 2px solid var(--white); border-radius: 50%; color: var(--white); background: #54708b; box-shadow: 0 0 0 1px rgba(7, 29, 49, .08); font-size: 12px; font-weight: 780; }
.avatar-sm { width: 32px; height: 32px; font-size: 10px; }
.avatar-xs { width: 25px; height: 25px; font-size: 8px; }
.avatar-1 { background: #d8584f; } .avatar-2 { background: #8060b8; } .avatar-3 { background: #157fae; } .avatar-4 { background: #c17f2c; } .avatar-5 { background: #2f9060; } .avatar-6 { background: #bc5e85; }
.avatar-more { color: var(--ink-soft); background: var(--white); }
.avatar-stack { display: flex; padding-left: 8px; }
.avatar-stack .avatar { margin-left: -8px; }
.mobile-menu { display: none; }
.page { max-width: 1550px; padding: 42px clamp(24px, 3.1vw, 52px) 60px; margin: 0 auto; }
.page-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.page-heading-row p { margin-bottom: 0; color: var(--muted); font-size: 15px; }
.page-heading-row .button { margin-top: 3px; }
.content-surface { padding: 25px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.section-block { margin-top: 33px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 18px; }
.section-heading h2 { margin-bottom: 14px; font-size: 21px; }

/* Flash */
.flash-stack { position: fixed; z-index: 100; top: 18px; left: 50%; display: grid; width: min(620px, calc(100vw - 30px)); gap: 8px; transform: translateX(-50%); }
.flash { display: flex; align-items: center; gap: 10px; padding: 12px 13px 12px 15px; border: 1px solid #b7dfc7; border-radius: 10px; color: #185936; background: #eefaf2; box-shadow: 0 8px 28px rgba(6, 44, 34, .12); }
.flash-error { border-color: #f4b6b2; color: #8e2722; background: #fff1f0; }
.flash .icon-button { margin-left: auto; }

/* Dashboard */
.page-dashboard { max-width: none; padding: 0; }
.dashboard-grid { display: grid; min-height: calc(100vh - var(--topbar)); grid-template-columns: minmax(0, 1fr) 310px; }
.dashboard-content { min-width: 0; padding: 45px clamp(26px, 3.3vw, 56px) 55px; }
.activity-rail { padding: 44px 30px; border-left: 1px solid var(--line); background: #fcfdfe; }
.activity-rail h2 { margin-bottom: 27px; font-size: 16px; }
.metric-band { display: grid; overflow: hidden; margin-top: 27px; border: 1px solid var(--line-strong); border-radius: var(--radius); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metric-item { position: relative; display: flex; min-width: 0; min-height: 108px; align-items: center; gap: 17px; padding: 18px 24px; }
.metric-item + .metric-item::before { content: ""; position: absolute; top: 22px; bottom: 22px; left: 0; width: 1px; background: var(--line); }
.metric-item > span:last-child { display: grid; min-width: 0; }
.metric-item small { color: var(--ink-soft); font-size: 12px; line-height: 1.25; }
.metric-item strong { margin-top: 2px; font-size: 27px; line-height: 1.1; }
.metric-icon, .activity-icon { display: inline-flex; width: 46px; height: 46px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; }
.tone-cyan { color: var(--cyan-dark); background: var(--cyan-soft); }
.tone-coral { color: var(--coral); background: var(--coral-soft); }
.tone-green { color: var(--green); background: var(--green-soft); }
.tone-amber { color: var(--amber); background: var(--amber-soft); }
.filters, .filter-links { display: flex; flex-wrap: wrap; gap: 8px; }
.filter { display: inline-flex; min-height: 38px; align-items: center; padding: 8px 14px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--white); cursor: pointer; font-size: 12px; font-weight: 620; }
.filter:hover, .filter.active { border-color: var(--cyan); color: var(--cyan-dark); background: var(--cyan-soft); }
.proof-table-wrap { overflow-x: auto; }
.proof-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.proof-table th { padding: 12px 10px; border-bottom: 1px solid var(--line-strong); color: var(--ink-soft); font-size: 11px; font-weight: 620; text-align: left; }
.proof-table th:first-child, .proof-table td:first-child { padding-left: 0; }
.proof-table td { padding: 12px 10px; border-bottom: 1px solid var(--line); color: #273d50; font-size: 11px; vertical-align: middle; }
.proof-table tbody tr { transition: background .14s ease; }
.proof-table tbody tr:hover { background: #fbfdfe; }
.proof-title-cell { display: flex; width: min(310px, 26vw); min-width: 210px; align-items: center; gap: 11px; }
.proof-title-cell img, .proof-title-cell > .media-thumb-placeholder { width: 66px; height: 55px; flex: 0 0 auto; border-radius: 5px; background: var(--mist); object-fit: cover; }
.proof-title-cell span { display: grid; min-width: 0; }
.proof-title-cell strong { overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; }
.proof-title-cell small { color: var(--muted); font-size: 9px; }
.stage-cell, .comment-count { display: inline-flex; align-items: center; gap: 6px; }
.stage-cell .icon { width: 18px; height: 18px; padding: 2px; border-radius: 50%; color: var(--cyan-dark); background: var(--cyan-soft); }
.status { display: inline-flex; min-height: 25px; align-items: center; padding: 4px 8px; border-radius: 5px; color: var(--ink-soft); background: var(--mist); font-size: 10px; font-weight: 650; }
.status-in_review, .status-active { color: #8b5606; background: var(--amber-soft); }
.status-waiting_client { color: #0973a1; background: var(--cyan-soft); }
.status-changes_requested { color: var(--danger); background: var(--coral-soft); }
.status-approved, .status-complete { color: #217b4d; background: var(--green-soft); }
.due.urgent { color: var(--coral-dark); }
.comment-count .icon { width: 15px; height: 15px; }
.section-link { display: flex; width: fit-content; align-items: center; gap: 10px; margin: 22px auto 0; color: var(--cyan-dark); font-size: 12px; font-weight: 700; }
.section-link.align-left { margin-left: 0; }
.activity-list { display: grid; }
.activity-item { display: flex; gap: 13px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.activity-icon { width: 34px; height: 34px; }
.activity-icon .icon { width: 17px; height: 17px; }
.activity-item p { margin-bottom: 7px; color: var(--ink-soft); font-size: 11px; line-height: 1.55; }
.activity-item time { color: var(--muted); font-size: 10px; }
.list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.search-field { position: relative; width: min(320px, 100%); }
.search-field input { padding-left: 45px; }
.empty-state { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 6px; color: var(--muted); }
.empty-state strong { color: var(--ink); font-size: 16px; }
.empty-page { min-height: 60vh; }

/* Clients, projects, workflows */
.client-grid, .project-list, .workflow-list { display: grid; gap: 12px; }
.client-row, .project-row, .workflow-row { display: flex; min-width: 0; align-items: center; gap: 20px; padding: 19px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); transition: border-color .16s ease, transform .16s ease; }
.client-row:hover, .project-row:hover, .workflow-row:hover { border-color: #b9c8d4; transform: translateY(-1px); }
.client-mark { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: var(--white); font-weight: 800; }
.client-main, .project-copy, .workflow-copy { min-width: 0; flex: 1; }
.client-main h2, .project-copy h2, .workflow-copy h2 { margin-bottom: 3px; font-size: 15px; }
.client-main p, .project-copy p, .workflow-copy p { overflow: hidden; margin: 0; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.client-stat { display: grid; min-width: 76px; text-align: center; }
.client-stat strong { font-size: 18px; }
.client-stat span { color: var(--muted); font-size: 10px; }
.project-folder { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 12px; color: var(--cyan-dark); background: var(--cyan-soft); }
.project-copy small { color: var(--cyan-dark); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.project-progress { display: grid; width: min(230px, 20vw); gap: 8px; }
.project-progress > span { color: var(--muted); font-size: 11px; }
.progress { height: 6px; overflow: hidden; border-radius: 99px; background: var(--mist); }
.progress span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.progress-0 { width: 0; } .progress-25 { width: 25%; } .progress-33 { width: 33%; } .progress-50 { width: 50%; } .progress-67 { width: 67%; } .progress-75 { width: 75%; } .progress-100 { width: 100%; }
.workflow-index { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--cyan-dark); font-weight: 800; }
.workflow-copy { flex: 0 0 220px; }
.workflow-stages { display: flex; min-width: 0; flex: 1; align-items: center; gap: 8px; }
.workflow-stages span { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink-soft); font-size: 11px; white-space: nowrap; }
.workflow-stages b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: var(--cyan-dark); background: var(--cyan-soft); font-size: 9px; }
.workflow-stages i { color: var(--muted); font-style: normal; }

/* Reports */
.report-metrics { display: grid; overflow: hidden; margin-bottom: 25px; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: repeat(4, 1fr); }
.report-metrics > div { position: relative; display: grid; gap: 4px; padding: 23px 25px; }
.report-metrics > div + div::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; background: var(--line); }
.report-metrics small { color: var(--muted); }
.report-metrics strong { font-size: 29px; }
.report-columns { display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; }
.report-columns h2 { margin-bottom: 24px; }
.bar-list { display: grid; gap: 21px; }
.bar-row > div:first-child { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 12px; }
.bar-track { height: 9px; overflow: hidden; border-radius: 99px; background: var(--mist); }
.bar-track span { display: block; height: 100%; border-radius: inherit; background: var(--cyan); }
.bar-track .bar-changes_requested { background: var(--coral); }
.bar-track .bar-approved { background: var(--green); }
.bar-track .bar-in_review { background: #e5a43e; }
.width-0 { width: 0; } .width-25 { width: 25%; } .width-50 { width: 50%; } .width-75 { width: 75%; } .width-100 { width: 100%; }
.rank-list { display: grid; }
.rank-list > div { display: grid; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); grid-template-columns: 30px 1fr auto; }
.rank-list > div:last-child { border-bottom: 0; }
.rank { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: var(--cyan-dark); background: var(--cyan-soft); font-size: 10px; font-weight: 800; }
.rank-list span:last-child { color: var(--muted); font-size: 11px; }

/* Settings */
.settings-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 30px; }
.settings-nav { display: grid; height: fit-content; gap: 4px; }
.settings-nav button { padding: 11px 13px; border-radius: 8px; color: var(--ink-soft); background: transparent; cursor: pointer; font-size: 13px; font-weight: 600; text-align: left; }
.settings-nav button:hover, .settings-nav button.active { color: var(--cyan-dark); background: var(--cyan-soft); }
.settings-panel { display: none; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); }
.settings-panel.active { display: block; }
.panel-heading { padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.panel-heading p { margin-bottom: 0; color: var(--muted); }
.settings-form { max-width: 620px; }
.settings-form .button { width: fit-content; }
.user-list { display: grid; }
.user-row { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.user-row > div { display: grid; min-width: 0; flex: 1; }
.user-row small { color: var(--muted); }
.role-badge { min-width: 80px; padding: 5px 8px; border-radius: 6px; color: var(--cyan-dark); background: var(--cyan-soft); font-size: 10px; font-weight: 700; text-align: center; }
.user-status { color: var(--green); font-size: 11px; }
.security-list { display: grid; }
.security-list > div { display: flex; align-items: center; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.security-list > div > div { flex: 1; }
.security-list p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.security-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 10px; color: var(--cyan-dark); background: var(--cyan-soft); }
.health-ok, .health-plan, .health-bad { color: var(--green); font-size: 11px; font-weight: 720; }
.health-plan { color: var(--amber); } .health-bad { color: var(--danger); }
.health-grid { display: grid; margin-bottom: 23px; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: repeat(4, 1fr); }
.health-grid > div { display: grid; gap: 4px; padding: 18px; }
.health-grid > div + div { border-left: 1px solid var(--line); }
.health-grid small { color: var(--muted); }
.health-grid strong { font-size: 16px; }
.maintenance-note { margin-top: 17px; color: var(--muted); font-size: 12px; }

/* Modals */
.modal { width: min(640px, calc(100vw - 28px)); max-height: calc(100vh - 50px); padding: 0; overflow: hidden; border: 0; border-radius: var(--radius-lg); color: var(--ink); background: var(--white); box-shadow: var(--shadow-modal); }
.modal > form { width: 100%; min-width: 0; }
.modal-small { width: min(520px, calc(100vw - 28px)); }
.modal::backdrop { background: rgba(2, 29, 49, .62); backdrop-filter: blur(3px); }
.modal-head, .modal-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 24px; }
.modal-head { border-bottom: 1px solid var(--line); }
.modal-head h2 { margin: 0; font-size: 23px; }
.modal-head .eyebrow { margin-bottom: 4px; }
.modal-body { max-height: calc(100vh - 220px); overflow-y: auto; padding: 24px; }
.modal-actions { justify-content: flex-end; border-top: 1px solid var(--line); }
.source-modal { width: min(650px, calc(100vw - 28px)); }
.source-modal .modal-head p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.source-picker { display: grid; width: 100%; min-width: 0; gap: 15px; padding: 0; margin: 0; border: 0; }
.source-picker > legend { margin-bottom: 8px; color: var(--ink); font-size: 13px; font-weight: 720; }
.source-tabs { display: grid; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.source-tabs label { position: relative; display: block; min-width: 0; cursor: pointer; }
.source-tabs input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; pointer-events: none; }
.source-tabs span { display: flex; min-height: 45px; align-items: center; justify-content: center; gap: 8px; color: var(--ink-soft); background: var(--white); font-size: 12px; font-weight: 720; transition: color .15s ease, background .15s ease; }
.source-tabs label + label span { border-left: 1px solid var(--line-strong); }
.source-tabs input:checked + span { color: var(--white); background: var(--cyan-dark); }
.source-tabs input:focus-visible + span { outline: 3px solid rgba(23,173,230,.25); outline-offset: -3px; }
.source-tabs .icon { width: 16px; height: 16px; }
.source-panel { display: grid; width: 100%; min-width: 0; gap: 10px; }
.source-panel input { min-width: 0; max-width: 100%; }
.code-source-panel textarea { min-height: 190px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; line-height: 1.5; }
.source-panel > label { display: grid; gap: 7px; color: var(--ink); font-size: 13px; font-weight: 650; }
.source-panel > small, .supported-providers { margin: 0; color: var(--muted); font-size: 10px; font-weight: 500; }
.source-detection { display: flex; min-height: 58px; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--mist); }
.source-detection > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 7px; color: var(--muted); background: var(--white); }
.source-detection > span .icon { width: 16px; height: 16px; }
.source-detection div { display: grid; gap: 2px; }
.source-detection strong { font-size: 11px; }
.source-detection small { color: var(--muted); font-size: 9px; font-weight: 500; }
.source-detection.ready { border-color: #b8dbc6; background: var(--green-soft); }
.source-detection.ready > span, .source-detection.ready strong { color: var(--green); }
.bridge-setup { padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #f6fafc; }
.bridge-setup summary { color: var(--cyan-dark); cursor: pointer; font-size: 11px; font-weight: 740; }
.bridge-setup p { margin: 9px 0 6px; color: var(--muted); font-size: 10px; }
.bridge-setup > code { display: block; overflow-x: auto; padding: 8px; border-radius: 6px; color: #d6eff8; background: #08283b; font-size: 9px; white-space: nowrap; }
.source-security { display: flex; align-items: center; gap: 7px; padding-top: 10px; margin: 2px 0 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.source-security .icon { width: 15px; height: 15px; color: var(--cyan-dark); }
.decision-options { display: grid; gap: 10px; margin-bottom: 20px; }
.decision-options label { cursor: pointer; }
.decision-options input { position: absolute; opacity: 0; pointer-events: none; }
.decision-choice { display: grid; min-height: 72px; padding: 13px 13px 13px 54px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); }
.decision-choice .icon { position: absolute; margin: 10px 0 0 -38px; }
.decision-choice small { color: var(--muted); }
.decision-options input:checked + .decision-choice { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(23,173,230,.12); }
.decision-approved .icon { color: var(--green); } .decision-conditional .icon { color: var(--amber); } .decision-changes .icon { color: var(--coral); }

/* Contextual review help */
.review-help-modal { width: min(760px, calc(100vw - 28px)); }
.review-help-body { display: grid; gap: 20px; padding-top: 20px; }
.review-help-intro { padding: 13px 15px; margin: 0; border-radius: 9px; color: var(--ink-soft); background: var(--mist); font-size: 13px; line-height: 1.55; }
.review-help-section { display: grid; gap: 12px; }
.review-help-section + .review-help-section { padding-top: 19px; border-top: 1px solid var(--line); }
.review-help-section-title { display: grid; align-items: start; gap: 11px; grid-template-columns: 30px minmax(0, 1fr); }
.review-help-section-title > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #06344d; background: #9fe5ff; font-size: 12px; font-weight: 800; }
.review-help-section-title h3 { margin: 1px 0 3px; font-size: 16px; }
.review-help-section-title p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.review-help-mode-grid { display: grid; gap: 9px; padding-left: 41px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.review-help-mode-grid article { display: grid; min-width: 0; align-items: start; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fbfdfe; grid-template-columns: 28px minmax(0, 1fr); }
.review-help-mode-grid article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: var(--cyan-dark); background: var(--cyan-soft); }
.review-help-mode-grid .icon { width: 15px; height: 15px; }
.review-help-mode-grid strong { display: block; font-size: 12px; }
.review-help-mode-grid p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.review-help-example, .review-help-tip { display: grid; align-items: start; gap: 11px; padding: 13px 15px; margin-left: 41px; border: 1px solid #b9e5f5; border-radius: 9px; background: #f2fbff; grid-template-columns: 28px minmax(0, 1fr); }
.review-help-example > span, .review-help-tip > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: var(--cyan-dark); background: var(--white); }
.review-help-example .icon, .review-help-tip .icon { width: 15px; height: 15px; }
.review-help-example small { color: var(--cyan-dark); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.review-help-example p { margin: 3px 0 2px; color: var(--muted); font-size: 11px; }
.review-help-example strong { color: var(--ink); font-size: 12px; line-height: 1.45; }
.review-help-tip { border-color: #d8e5ec; background: #f8fafb; }
.review-help-tip p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

@media (max-width: 600px) {
  .review-help-modal .modal-head, .review-help-modal .modal-actions { padding: 16px 18px; }
  .review-help-body { gap: 17px; padding: 18px; }
  .review-help-mode-grid { grid-template-columns: 1fr; }
  .review-help-mode-grid, .review-help-example, .review-help-tip { padding-left: 12px; margin-left: 0; }
}

/* Review workspace */
.review-page { overflow: hidden; color: #edf5fa; background: #0d2435; }
.review-page .flash-stack { color: var(--ink); }
.review-shell { display: grid; height: 100vh; grid-template-rows: 78px 68px minmax(0, 1fr) 58px; background: #0d2435; }
.review-topbar { display: flex; min-width: 0; align-items: center; border-bottom: 1px solid rgba(207, 225, 236, .16); background: #071e31; }
.review-back { display: flex; width: 160px; height: 100%; flex: 0 0 auto; align-items: center; gap: 9px; padding: 0 24px; border-right: 1px solid rgba(207, 225, 236, .16); color: var(--white); font-weight: 650; }
.review-title { min-width: 220px; max-width: 430px; flex: 1 1 300px; padding: 0 25px; }
.review-title h1 { overflow: hidden; margin: 0 0 3px; font-size: 20px; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.review-meta { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; color: #c9d8e1; }
.review-meta-item { display: inline-flex; min-width: 0; align-items: center; font-size: 12px; line-height: 1.25; white-space: nowrap; }
.review-meta-item + .review-meta-item::before { width: 3px; height: 3px; flex: 0 0 auto; margin: 0 9px; border-radius: 50%; background: #718b9c; content: ""; }
.review-meta-compact { display: none; }
.review-controls { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; gap: 8px; margin-left: auto; padding-right: 18px; }
.review-control, .control-select { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(218, 232, 240, .24); border-radius: 7px; color: #eff7fb; background: transparent; cursor: pointer; }
.review-control:hover { border-color: rgba(218, 232, 240, .45); background: rgba(255,255,255,.05); }
.review-control.active { border-color: var(--cyan); color: #8dddff; background: rgba(23,173,230,.12); }
.review-help-trigger { width: 42px; flex: 0 0 42px; justify-content: center; padding: 0; }
.review-help-trigger .icon { width: 19px; height: 19px; }
.control-select select { width: auto; min-width: 54px; min-height: 40px; padding: 0 21px 0 1px; border: 0; color: inherit; background: transparent; box-shadow: none; cursor: pointer; }
.control-select select option { color: var(--ink); }
.zoom-select { padding-left: 9px; }
.decision-button { margin-left: 8px; white-space: nowrap; }
.stage-strip { display: flex; align-items: center; justify-content: center; gap: 22px; padding: 0 30px; border-bottom: 1px solid rgba(207,225,236,.15); background: #102b3f; }
.stage-strip > i { width: min(160px, 12vw); height: 1px; background: #627889; }
.stage-step { display: flex; min-width: 142px; align-items: center; gap: 10px; }
.stage-step > span { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border: 2px solid #6f8493; border-radius: 50%; color: #c0cdd5; }
.stage-step > span .icon { width: 18px; height: 18px; }
.stage-step div { display: grid; }
.stage-step strong { color: #f5f9fc; font-size: 13px; }
.stage-step small { color: #a8bac6; font-size: 11px; }
.stage-active > span { border-color: var(--cyan); color: var(--cyan); }
.stage-completed > span { border-color: #b8e66f; color: #143927; background: #b8e66f; }
.review-body { display: grid; min-height: 0; grid-template-columns: 218px minmax(0, 1fr) 396px; }
.version-rail { min-height: 0; overflow-y: auto; padding: 19px 14px; border-right: 1px solid rgba(207,225,236,.18); background: #0b2639; }
.upload-version-button { width: 100%; min-height: 42px; color: #eff7fb; border-color: rgba(218,232,240,.25); background: transparent; font-size: 12px; }
.version-list { display: grid; gap: 19px; margin-top: 20px; }
.version-thumb { position: relative; display: grid; align-items: start; gap: 6px 8px; padding: 8px; border: 2px solid transparent; border-radius: 8px; color: #cddbe4; grid-template-columns: 34px minmax(0, 1fr); }
.version-thumb > .version-number { grid-column: 1; grid-row: 1; align-self: center; color: #dbe7ed; font-size: 12px; font-weight: 760; }
.version-thumb img, .version-thumb .media-thumb-placeholder { width: 100%; height: 92px; grid-column: 2; grid-row: 1; border-radius: 5px; object-fit: cover; object-position: top; opacity: .78; }
.version-thumb small { grid-column: 2; grid-row: 2; min-width: 0; overflow: hidden; color: #aebfca; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.version-thumb.active { border-color: var(--cyan); background: rgba(23,173,230,.08); }
.version-thumb.active img, .version-thumb.active .media-thumb-placeholder { opacity: 1; }
.media-thumb-placeholder { display: grid; place-items: center; align-content: center; gap: 6px; color: #8fdcf8; background: #10344a; }
.media-thumb-placeholder .icon { width: 26px; height: 26px; }
.media-thumb-placeholder small { color: inherit; font-size: 8px; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }
.media-thumb-audio { color: #b8e66f; }
.media-thumb-pdf { color: #ff8b83; }
.media-thumb-website { color: #8fdcf8; background: linear-gradient(145deg, #10344a, #0b5875); }
.media-thumb-code { color: #c4a7ff; background: linear-gradient(145deg, #172b43, #392b63); }
.version-thumb.active > .version-number { color: var(--cyan); }
.proof-workspace { position: relative; display: grid; min-width: 0; min-height: 0; place-items: center; overflow: hidden; padding: 16px 18px 74px; background: #192933; }
.proof-canvas { display: grid; width: 100%; height: 100%; place-items: center; overflow: auto; }
.proof-media-wrap { position: relative; height: min(calc(100vh - 324px), 680px); max-height: 100%; aspect-ratio: 4 / 5; flex: 0 0 auto; transform-origin: center; transition: transform .16s ease; }
.proof-media { width: 100%; height: 100%; object-fit: contain; box-shadow: 0 12px 40px rgba(0,0,0,.28); user-select: none; -webkit-user-drag: none; }
.media-review-stack { display: grid; max-width: 100%; max-height: 100%; justify-items: center; gap: 10px; }
.media-review-video, .media-review-audio { width: min(100%, 980px); }
.media-review-video .proof-media-wrap, .media-review-audio .proof-media-wrap { width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; overflow: hidden; background: #061a29; }
.media-review-audio[data-source-type="external"][data-provider="spotify"] .proof-media-wrap { height: 232px; aspect-ratio: auto; }
.media-review-audio[data-source-type="external"][data-provider="soundcloud"] .proof-media-wrap { height: 180px; aspect-ratio: auto; }
.media-review-pdf { width: min(100%, 760px); height: 100%; }
.media-review-pdf .proof-media-wrap { width: min(100%, 650px); height: 100%; max-height: min(100%, 760px); aspect-ratio: 8.5 / 11; overflow: hidden; background: #f3f6f8; }
.media-review-website, .media-review-code { width: min(100%, 980px); }
.media-review-website .proof-media-wrap, .media-review-code .proof-media-wrap { width: 100%; height: min(calc(100vh - 336px), 680px); min-height: 360px; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(194,219,233,.26); border-radius: 8px; background: #f3f6f8; }
.proof-video { display: block; background: #061a29; }
.proof-document, .proof-website, .proof-code, .external-player { display: block; border: 0; background: var(--white); }
.media-source-label { position: absolute; z-index: 4; top: 10px; left: 10px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 5px; color: #eef7fb; background: rgba(3,26,42,.82); font-size: 10px; font-weight: 720; pointer-events: none; }
.media-watermark { position: absolute; z-index: 3; display: grid; inset: 0; place-items: center; overflow: hidden; color: rgba(255,255,255,var(--watermark-opacity)); text-shadow: 0 1px 3px rgba(2,29,49,.5); pointer-events: none; }
.media-watermark span { max-width: 86%; font-size: clamp(11px, 1.15vw, 17px); font-weight: 820; letter-spacing: .06em; line-height: 1.4; text-align: center; text-transform: uppercase; transform: rotate(-18deg); }
.audio-stage { position: relative; display: grid; width: 100%; height: 100%; place-items: center; overflow: hidden; padding: 38px; background: #0a2233; }
.audio-art { display: grid; z-index: 1; place-items: center; gap: 7px; color: #eff8fc; text-align: center; }
.audio-art > .icon { width: 54px; height: 54px; padding: 13px; border: 1px solid rgba(133,219,251,.38); border-radius: 50%; color: #83dcfb; background: rgba(23,173,230,.09); }
.audio-art strong { max-width: 620px; overflow: hidden; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
.audio-art span { color: #9db3c0; font-size: 11px; }
.audio-wave { position: absolute; right: 5%; bottom: 18%; left: 5%; display: flex; height: 26%; align-items: center; justify-content: center; gap: 4px; opacity: .24; }
.audio-wave i { width: 4px; height: 20%; border-radius: 3px; background: var(--cyan); }
.audio-wave .wave-height-20 { height: 20%; }
.audio-wave .wave-height-37 { height: 37%; }
.audio-wave .wave-height-54 { height: 54%; }
.audio-wave .wave-height-71 { height: 71%; }
.audio-stage audio { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.media-controls { display: flex; width: 100%; min-height: 50px; align-items: center; gap: 8px; padding: 6px 8px; color: #dcebf2; }
.media-controls.external-controls { padding-right: 0; padding-left: 0; }
.media-control-button { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 6px; color: #edf7fb; background: transparent; cursor: pointer; }
.media-control-button:hover { color: #8de0ff; background: rgba(23,173,230,.12); }
.media-control-button .icon { width: 19px; height: 19px; }
.media-skip { width: 34px; height: 30px; flex: 0 0 auto; padding: 0; border: 1px solid rgba(194,219,233,.2); border-radius: 6px; color: #c9dbe5; background: transparent; cursor: pointer; font-size: 9px; font-weight: 760; }
.media-skip:hover { border-color: var(--cyan); color: #8de0ff; }
.media-time, .external-sync { color: #c6d8e2; font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.external-sync { display: inline-flex; align-items: center; gap: 7px; }
.external-sync .icon { width: 16px; height: 16px; color: var(--cyan); }
.external-time-picker { display: grid; min-width: 260px; flex: 1; align-items: center; gap: 8px; grid-template-columns: auto minmax(150px, 1fr) 48px auto; }
.external-time-picker button, .media-action-bar button, .pdf-page-tools > button { min-height: 32px; padding: 0 9px; border: 1px solid rgba(194,219,233,.27); border-radius: 6px; color: #dcebf2; background: #0d3045; cursor: pointer; font-size: 10px; font-weight: 720; }
.external-time-picker button:hover, .media-action-bar button:hover { border-color: var(--cyan); color: #8de0ff; }
.external-time-picker input { width: 100%; padding: 0; border: 0; box-shadow: none; accent-color: var(--cyan); cursor: pointer; }
.external-time-picker output { color: #9ee3ff; font-size: 11px; font-weight: 760; font-variant-numeric: tabular-nums; text-align: center; }
.media-progress-wrap { position: relative; display: grid; min-width: 130px; height: 32px; flex: 1; align-items: center; }
.media-progress-wrap > input, .media-volume input { width: 100%; min-height: 22px; height: 22px; padding: 0; border: 0; box-shadow: none; accent-color: var(--cyan); cursor: pointer; }
.media-volume { display: grid; width: 98px; flex: 0 0 auto; align-items: center; gap: 5px; grid-template-columns: 24px 1fr; }
.media-volume button { display: grid; width: 24px; height: 24px; place-items: center; padding: 0; border-radius: 5px; color: #dcebf2; background: transparent; cursor: pointer; }
.media-volume button.muted { color: var(--coral); background: rgba(255,90,79,.12); }
.media-volume .icon { width: 17px; height: 17px; }
.media-speed select { width: 58px; min-height: 31px; padding: 4px 6px; border-color: rgba(194,219,233,.24); color: #dcebf2; background: #0b2b40; font-size: 10px; }
.media-comment-button { display: inline-flex; min-height: 35px; flex: 0 0 auto; align-items: center; gap: 6px; padding: 0 11px; border-radius: 7px; color: #062438; background: #8bdfff; cursor: pointer; font-size: 10px; font-weight: 780; white-space: nowrap; }
.media-comment-button:hover { background: #b9edff; }
.media-comment-button .icon { width: 14px; height: 14px; }
.timeline-markers { position: absolute; right: 9px; bottom: -3px; left: 9px; height: 12px; pointer-events: none; }
.timeline-markers button { position: absolute; top: 0; width: 10px; height: 10px; padding: 0; border: 2px solid #062438; border-radius: 50%; background: var(--coral); cursor: pointer; transform: translateX(-50%); pointer-events: auto; }
.timeline-markers button:hover, .timeline-markers button:focus-visible { background: var(--cyan); outline: 2px solid var(--white); }
.timeline-markers button.active { width: 14px; height: 14px; top: -2px; border-color: var(--white); background: var(--brand-acid); box-shadow: 0 0 0 3px rgba(199,255,61,.2); }
.timeline-markers button span { position: absolute; bottom: -21px; left: 50%; padding: 2px 4px; border-radius: 3px; color: #bcd0dc; background: #0d2b3d; font-size: 8px; opacity: 0; transform: translateX(-50%); white-space: nowrap; }
.timeline-markers button:hover span, .timeline-markers button:focus-visible span { opacity: 1; }
.media-action-bar { display: grid; width: 100%; min-height: 48px; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid rgba(194,219,233,.16); border-radius: 8px; color: #dcebf2; background: rgba(6,36,56,.54); grid-template-columns: minmax(150px, 1fr) auto auto; }
.media-action-bar > div { display: grid; }
.media-action-bar strong { color: #f3f8fa; font-size: 10px; }
.media-action-bar span { color: #8fa8b7; font-size: 9px; }
.media-action-bar button { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.media-action-bar button .icon { width: 14px; height: 14px; }
.media-action-bar output { min-width: 112px; color: #9db3c0; font-size: 9px; text-align: right; }
.media-action-bar output.test-passed { color: #b8e66f; }
.media-action-bar output.test-failed { color: #ff8b83; }
.media-comment-hint { position: absolute; bottom: 17px; left: 50%; display: flex; align-items: center; gap: 8px; color: #b8cad5; font-size: 10px; transform: translateX(-50%); }
.media-comment-hint .icon { width: 17px; height: 17px; color: #7edafd; }
.proof-media-wrap[data-annotation-tool="pin"], .proof-media-wrap[data-annotation-tool="square"], .proof-media-wrap[data-annotation-tool="arrow"], .proof-media-wrap[data-annotation-tool="pencil"], .proof-media-wrap[data-annotation-tool="type"] { cursor: crosshair; touch-action: none; }
.annotation-svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.proof-media-wrap.review-mode-markup .proof-media { pointer-events: none; }
.proof-media-wrap.review-mode-markup::after { content: "Markup mode"; position: absolute; z-index: 4; top: 10px; right: 10px; padding: 4px 7px; border: 1px solid rgba(255,255,255,.28); border-radius: 5px; color: #dff5ff; background: rgba(3,26,42,.82); font-size: 9px; font-weight: 720; pointer-events: none; }
.annotation-shape { vector-effect: non-scaling-stroke; }
.annotation-group { cursor: pointer; pointer-events: visiblePainted; }
.annotation-group:hover .annotation-shape, .annotation-group:focus .annotation-shape { filter: drop-shadow(0 0 2px rgba(255,255,255,.95)); }
.annotation-group:focus { outline: none; }
.annotation-group.resolved { opacity: .5; }
.annotation-time-hidden { display: none !important; pointer-events: none !important; }
.annotation-draft { filter: drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.annotation-label-circle { stroke: var(--white); stroke-width: 2; vector-effect: non-scaling-stroke; }
.annotation-label-text { fill: var(--white); font-size: 12px; font-weight: 800; text-anchor: middle; dominant-baseline: central; pointer-events: none; }
.annotation-pin, .pending-pin { position: absolute; z-index: 3; display: grid; width: 31px; height: 31px; place-items: center; border: 2px solid var(--white); border-radius: 50%; color: var(--white); background: var(--coral); box-shadow: 0 3px 10px rgba(0,0,0,.28); cursor: pointer; font-size: 12px; font-weight: 800; transform: translate(-50%, -50%); }
.annotation-pin:first-of-type { background: var(--cyan); }
.annotation-pin.resolved { opacity: .55; }
.pending-pin { background: var(--cyan); }
.compare-pane { display: grid; width: min(100%, 1120px); height: 100%; min-height: 420px; gap: 10px; grid-template-rows: auto minmax(0, 1fr); }
.compare-head { display: flex; align-items: center; gap: 12px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #102a3b; }
.compare-head > div { display: grid; margin-right: auto; }
.compare-head strong { color: #f2f8fb; font-size: 12px; }
.compare-head small { color: #8fa9b8; font-size: 9px; }
.compare-head label { display: flex; align-items: center; gap: 7px; color: #adc1cc; font-size: 9px; }
.compare-head select { min-height: 32px; padding: 5px 27px 5px 8px; border-color: rgba(255,255,255,.18); color: #ecf6fa; background: #0a2233; font-size: 10px; }
.compare-head > button { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 6px; color: #d7e6ed; background: #17394d; cursor: pointer; }
.compare-grid { display: grid; min-height: 0; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.compare-grid > article { display: grid; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: #101f29; grid-template-rows: 40px minmax(0, 1fr); }
.compare-grid > article > header { display: flex; align-items: center; gap: 8px; padding: 0 11px; color: #eef7fb; background: #132d3d; }
.compare-grid > article > header span { color: #91aab9; font-size: 9px; }
.compare-media { display: grid; min-height: 0; place-items: center; overflow: hidden; }
.compare-media img, .compare-media video, .compare-media iframe { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 0; object-fit: contain; }
.compare-audio { display: grid; width: min(90%, 420px); gap: 14px; place-items: center; color: #d8e8ef; text-align: center; }
.compare-audio > .icon { width: 44px; height: 44px; color: #82dcfc; }
.compare-audio audio { width: 100%; }
.annotation-toolbar { position: absolute; bottom: 14px; left: 50%; z-index: 5; display: flex; align-items: center; gap: 3px; padding: 7px; border: 1px solid rgba(194,219,233,.22); border-radius: 13px; background: rgba(6,36,56,.95); box-shadow: 0 8px 24px rgba(0,0,0,.24); transform: translateX(-50%); }

/* v1.1 review-quality layer */
.review-quality{margin:0 14px 10px;border:1px solid #dbe5ec;border-radius:12px;background:#f8fbfd}.review-quality>summary{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;cursor:pointer;list-style:none}.review-quality>summary::-webkit-details-marker{display:none}.review-quality>summary>span:nth-child(2){display:grid;gap:2px}.review-quality>summary strong{font-size:12px;color:#132d3f}.review-quality>summary small{font-size:9px;color:#708496}.quality-ring{--quality:0%;display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:conic-gradient(#6450f5 var(--quality),#e5ebf0 0);position:relative}.quality-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.quality-ring b{position:relative;z-index:1;font-size:9px;color:#2a3b4a}.preflight-state{padding:4px 6px;border-radius:999px;font-size:8px;font-weight:800;font-style:normal;text-transform:uppercase}.preflight-ready{color:#11734b;background:#daf5e7}.preflight-attention{color:#8a4c00;background:#fff0ce}.review-quality-body{display:grid;gap:12px;padding:0 10px 10px;border-top:1px solid #e1e9ee}.review-quality-body section{padding-top:10px}.review-quality-body section>header{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:7px}.review-quality-body h3{margin:0;font-size:12px}.review-quality-body p{margin:2px 0 0;font-size:9px;color:#718394}.quality-checklist{display:grid;gap:5px}.quality-check{display:grid;grid-template-columns:1fr 88px;gap:7px;align-items:center;padding:7px;border:1px solid #dfe8ee;border-radius:8px;background:#fff}.quality-check>span{display:grid;gap:2px}.quality-check small{font-size:7px;color:#7a8d9e;text-transform:uppercase;letter-spacing:.05em}.quality-check b{font-size:9px;line-height:1.35}.quality-check select{min-height:30px;padding:4px 20px 4px 6px;font-size:8px}.quality-pass{border-color:#b9e5cc;background:#f4fcf7}.quality-issue{border-color:#ffd6a3;background:#fffaf2}.preflight-card dl{display:grid;gap:4px;margin:0}.preflight-card dl div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #e5edf2;font-size:8px}.preflight-card dd{margin:0;text-align:right;word-break:break-word}.quality-warning,.quality-ready{display:flex;gap:5px;align-items:center;padding:6px;border-radius:7px}.quality-warning{color:#8a4c00!important;background:#fff0ce}.quality-ready{color:#11734b!important;background:#daf5e7}.quality-warning .icon,.quality-ready .icon{width:12px;height:12px;flex:0 0 auto}.comment-impact-blocking,.comment-quality-signal,.comment-dependency{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:999px;font-size:8px;font-weight:800}.comment-impact-blocking{color:#a22019;background:#ffe1de}.comment-quality-signal{color:#7c5200;background:#fff0c2}.comment-quality-signal .icon{width:10px;height:10px}.comment-dependency{color:#4e39bd;background:#ebe7ff}.comment-edited{display:block;color:#7b8c9a;font-size:8px}.comment-revision-list{display:grid;gap:4px;margin-top:7px}.comment-revision-list details{padding:5px;border:1px solid #e2e9ee;border-radius:6px;background:#f8fafb}.comment-revision-list summary{font-size:8px;cursor:pointer}.comment-revision-list p{font-size:9px}.decision-gate-note{padding:8px;border-radius:8px;color:#5d4ba3!important;background:#f0edff}.review-quality-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-quality-settings article{padding:14px;border:1px solid #dce5ec;border-radius:12px;background:#fff}.settings-compact-list{display:grid;gap:7px;margin-top:12px}.settings-compact-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px;border-radius:8px;background:#f5f8fa}.settings-compact-list span{display:grid;gap:2px}.settings-compact-list small{color:#748797}.settings-compact-list em{align-self:center;color:#6552d4;font-size:9px;font-style:normal;font-weight:800;text-align:right}
@media(max-width:900px){.review-quality-settings{grid-template-columns:1fr}.review-quality{margin-inline:8px}.review-quality>summary{grid-template-columns:auto 1fr}.review-quality>summary>em{grid-column:2}.quality-check{grid-template-columns:1fr}}

/* v1.2 intake and automation */
.intake-public{display:grid;min-height:100vh;grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);background:#f5f7fa}.intake-public-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,7vw,100px);color:#eaf4fa;background:radial-gradient(circle at 20% 15%,#3e277d 0,#11152c 45%,#071019 100%)}.intake-public-brand>img{width:min(270px,80%);margin-bottom:44px}.intake-public-brand h1{max-width:520px;margin:5px 0 14px;font-size:clamp(34px,5vw,62px);line-height:.98}.intake-public-brand>p{max-width:560px;color:#afbdcb}.intake-public-brand>div{display:flex;gap:12px;margin-top:24px}.intake-public-brand>div>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #7262e8;border-radius:50%;color:#c7ff3d}.intake-public-brand>div p{display:grid;margin:0}.intake-public-brand>div small{color:#92a4b5}.intake-public-form{display:grid;place-items:center;padding:clamp(28px,6vw,80px)}.intake-public-form form{width:min(680px,100%);padding:clamp(24px,4vw,46px);border:1px solid #dbe3ea;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(29,39,54,.1)}.intake-privacy{text-align:center;color:#748697}.intake-automation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.intake-builder{min-width:0}.intake-form-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:13px;border:1px solid #dce5eb;border-radius:12px;background:#f8fafc}.intake-form-card>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#6450f5;background:#ece9ff}.intake-form-card>div{display:grid;gap:3px;min-width:0}.intake-form-card code{padding:6px;border-radius:6px;overflow:hidden;color:#4d3bc0;background:#f0edff;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.intake-submissions{display:grid;gap:8px}.intake-submissions>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid #e0e7ec;border-radius:11px}.intake-submissions>article>div{display:grid;gap:4px}.intake-submissions article form{display:grid;min-width:180px;gap:6px}.automation-canvas{padding:18px;border-radius:16px;color:#eaf3f8;background:#081d2b}.automation-head{display:flex;justify-content:space-between;gap:12px}.automation-head h2{margin:0}.automation-head p{margin:4px 0;color:#94aaba}.automation-flow{display:grid;justify-items:center;gap:8px;margin:22px 0}.automation-flow>i{width:2px;height:22px;background:#405362}.automation-node{display:flex;width:100%;gap:10px;padding:12px;border:1px solid #375162;border-radius:11px;background:#102e40}.automation-node>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#c7ff3d;background:#32286b}.automation-node>div{display:grid;gap:2px}.automation-node small{color:#8ca4b4;text-transform:uppercase;font-size:8px}.automation-node p{margin:0;color:#9eb1bd;font-size:9px}.automation-node.trigger{border-color:#7a66f3}.automation-node.muted{opacity:.7}.automation-form{padding-top:14px;border-top:1px solid #2e4555}.automation-form input,.automation-form select{color:#eef7fa;border-color:#365367;background:#0d2839}.reminder-policy{margin-top:18px;padding:12px;border-radius:10px;background:#0d2839}.reminder-policy p{display:grid}.reminder-policy span{color:#9db0bc;font-size:9px}.bulk-work{margin-top:18px}.bulk-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:330px;overflow:auto}.bulk-proof-list label{display:flex;gap:8px;align-items:start;padding:9px;border:1px solid #e0e7ec;border-radius:9px}.bulk-proof-list label span{display:grid}.bulk-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.workflow-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.tag-checks{display:flex;flex-wrap:wrap;gap:7px}.tag-checks label{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dde5ea;border-radius:999px}.tag-checks i{width:8px;height:8px;border-radius:50%;background:#6450f5}
@media(max-width:1050px){.intake-automation-grid,.workflow-setup-grid{grid-template-columns:1fr}.bulk-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.intake-public{grid-template-columns:1fr}.intake-public-brand{padding:30px}.intake-public-brand>div{display:none}.intake-public-form{padding:16px}.bulk-proof-list{grid-template-columns:1fr}.intake-submissions>article{grid-template-columns:1fr}.bulk-actions{display:grid}}

/* v1.3 client portal, reporting, and connections */
.client-portal{max-width:1500px}.portal-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:-26px -28px 24px;padding:clamp(30px,5vw,70px);color:#eff7fb;background:radial-gradient(circle at 85% 10%,#412e89 0,#101b31 42%,#08121c 100%)}.portal-hero h1{max-width:760px;margin:5px 0 10px;font-size:clamp(38px,5vw,66px);line-height:.95}.portal-hero>div>p:last-child{max-width:700px;color:#a9bac8}.portal-metrics{display:flex;gap:10px}.portal-metrics article{display:grid;min-width:120px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.06)}.portal-metrics strong{color:#c7ff3d;font-size:28px}.portal-metrics span{color:#b2c2ce;font-size:9px}.portal-filter{padding:6px 9px;border-radius:999px;color:#5944cc;background:#eeebff;font-size:9px;font-weight:800}.portal-proof-list{display:grid;gap:7px}.portal-proof{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e7ec;border-radius:12px;color:#172c3d;background:#fff;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.portal-proof:hover{transform:translateY(-1px);border-color:#8f81ea;box-shadow:0 8px 20px rgba(32,38,62,.08)}.portal-proof-state{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;color:#6450f5;background:#ece9ff}.portal-waiting .portal-proof-state{color:#315000;background:#eaffbd}.portal-done .portal-proof-state{color:#16734e;background:#dcf7e9}.portal-proof-copy{display:grid;gap:2px}.portal-proof-copy small,.portal-proof-copy em{color:#778999;font-size:9px;font-style:normal}.portal-proof-copy strong{font-size:13px}.portal-proof-due{padding:5px 8px;border-radius:999px;color:#5f6f7b;background:#f0f4f6;font-size:9px;font-weight:800}.portal-waiting .portal-proof-due{color:#7e3b00;background:#fff0ce}.portal-proof-arrow{font-size:18px}.insight-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.insight-metrics article{display:grid;gap:5px;padding:16px;border:1px solid #dfe6eb;border-radius:13px;background:#fff}.insight-metrics small,.insight-metrics span{color:#738596}.insight-metrics strong{font-size:30px}.insight-metrics em{margin-left:3px;color:#657684;font-size:11px;font-style:normal}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.insight-table{display:grid}.insight-table>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5ebef}.insight-table>div>span{display:grid}.insight-table small{color:#7c8d99}.completion-center{margin-top:16px}.completion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.completion-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border:1px solid #e0e7ec;border-radius:10px}.completion-list article>span{display:grid}.completion-list small{color:#768896}.connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.connection-activity{display:grid;margin-top:14px}.connection-activity p{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e5ebef}.connection-activity p>span{display:grid}.connection-activity small{color:#788a98}.secret-reveal code{word-break:break-all}.connections-grid .secret-reveal{margin-bottom:12px}
@media(max-width:1050px){.portal-hero{grid-template-columns:1fr}.portal-metrics{flex-wrap:wrap}.insight-metrics{grid-template-columns:repeat(2,1fr)}.connections-grid{grid-template-columns:1fr}}@media(max-width:700px){.portal-hero{margin:-18px -16px 18px}.portal-metrics article{min-width:90px}.portal-proof{grid-template-columns:auto 1fr}.portal-proof-due,.portal-proof-arrow{grid-column:2}.insight-metrics,.insight-grid,.completion-list{grid-template-columns:1fr}.completion-list article{align-items:flex-start;flex-direction:column}}
.review-mode-switch { position: absolute; z-index: 6; top: 13px; right: 18px; display: flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid rgba(194,219,233,.24); border-radius: 9px; background: rgba(6,36,56,.94); box-shadow: 0 5px 16px rgba(0,0,0,.2); }
.review-mode-switch button { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; padding: 0 10px; border-radius: 6px; color: #b9cbd5; background: transparent; cursor: pointer; font-size: 10px; font-weight: 720; }
.review-mode-switch button.active { color: #9ee3ff; background: #0b527b; box-shadow: inset 0 0 0 1px rgba(125,215,251,.5); }
.review-mode-switch .icon { width: 14px; height: 14px; }
.review-mode-switch small { padding: 0 7px; color: #91a9b7; font-size: 8px; }
.annotation-tool { display: grid; min-width: 51px; min-height: 51px; place-items: center; align-content: center; gap: 2px; padding: 5px 7px; border-radius: 7px; color: #f0f7fa; background: transparent; cursor: pointer; }
.annotation-tool:hover { color: #7dd7fb; background: #0a4b70; }
.annotation-tool.active, .annotation-tool[aria-pressed="true"] { color: #9ee3ff; background: #0b527b; box-shadow: inset 0 0 0 1px rgba(125,215,251,.58), 0 0 0 1px rgba(4,23,35,.4); }
.annotation-tool:disabled { opacity: .35; cursor: not-allowed; }
.annotation-tool:disabled:hover { color: #f0f7fa; background: transparent; }
.annotation-tool .icon { width: 18px; height: 18px; }
.annotation-tool span { font-size: 9px; }
.color-dot { width: 20px; height: 20px; border: 2px solid var(--white); border-radius: 50%; background: var(--coral); }
.annotation-palette { position: absolute; right: 42px; bottom: calc(100% + 8px); display: flex; align-items: center; gap: 7px; padding: 8px; border: 1px solid rgba(194,219,233,.3); border-radius: 10px; background: #062438; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.annotation-palette[hidden] { display: none; }
.annotation-swatch { width: 24px; height: 24px; padding: 0; border: 2px solid rgba(255,255,255,.65); border-radius: 50%; cursor: pointer; }
.annotation-swatch.active { outline: 2px solid var(--white); outline-offset: 2px; }
.swatch-coral { background: #ff5a4f; }
.swatch-cyan { background: #19aee6; }
.swatch-lime { background: #8fd14f; }
.swatch-yellow { background: #f5b942; }
.swatch-violet { background: #8b5cf6; }
.annotation-custom-color { display: grid; gap: 3px; color: #c7d9e4; cursor: pointer; font-size: 8px; text-align: center; }
.annotation-custom-color input { width: 31px; height: 24px; padding: 0; border: 0; border-radius: 5px; background: transparent; cursor: pointer; }
.toolbar-divider { width: 1px; height: 36px; margin: 0 5px; background: rgba(255,255,255,.2); }
.comments-panel { display: grid; min-height: 0; border-left: 1px solid rgba(207,225,236,.18); color: var(--ink); background: var(--white); grid-template-rows: 61px auto 48px minmax(0, 1fr) auto; }
.comments-head { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.comments-head h2 { margin: 0; font-size: 18px; }
.comment-tabs { display: flex; min-height: 48px; align-items: end; gap: 23px; padding: 0 20px; border-bottom: 1px solid var(--line); }
.comment-tabs button { height: 100%; padding: 0 0 11px; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; cursor: pointer; font-size: 12px; }
.comment-tabs button.active { border-bottom-color: var(--cyan); color: var(--cyan-dark); }
.comment-tabs span { margin-left: 3px; padding: 2px 5px; border-radius: 50%; background: var(--mist); font-size: 9px; }
.comments-scroll { min-height: 0; overflow-y: auto; padding: 13px 14px 5px; }
.comment-card { position: relative; display: grid; align-items: start; gap: 9px; padding: 12px 8px; border-bottom: 1px solid var(--line); grid-template-columns: 31px minmax(0, 1fr); }
.comment-card:target, .comment-card.selected { margin: 0 -1px; padding-right: 9px; padding-left: 9px; border: 1px solid var(--cyan); border-radius: 8px; background: #f5fbfe; }
.comment-card.resolved { opacity: .68; }
.comment-number { position: absolute; top: 9px; left: -1px; z-index: 2; display: grid; width: 24px; height: 24px; place-items: center; border: 2px solid var(--white); border-radius: 50%; color: var(--white); background: var(--coral); box-shadow: 0 1px 5px rgba(0,0,0,.2); font-size: 9px; font-weight: 800; transform: translateX(-45%); }
.comment-card:first-child .comment-number { background: var(--cyan); }
.comment-content { min-width: 0; }
.comment-content header, .comment-reply header { display: flex; align-items: center; gap: 8px; }
.comment-content header strong, .comment-reply strong { font-size: 12px; }
.comment-content time, .comment-reply time { color: var(--muted); font-size: 10px; }
.comment-content p { margin: 7px 0; color: #263a4b; font-size: 12px; line-height: 1.55; }
.comment-location { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; margin-top: 7px; border-radius: 5px; color: var(--cyan-dark); background: var(--cyan-soft); cursor: pointer; font-size: 10px; font-weight: 760; font-variant-numeric: tabular-nums; }
.comment-location .icon { width: 13px; height: 13px; }
.comment-actions { display: flex; align-items: center; gap: 8px; }
.comment-actions button { padding: 0; color: var(--cyan-dark); background: transparent; cursor: pointer; font-size: 10px; font-weight: 700; }
.comment-actions form { display: inline-flex; }
.comment-reply { display: grid; gap: 8px; padding: 10px 0 1px; grid-template-columns: 25px minmax(0, 1fr); }
.comment-reply p { margin-top: 4px; }
.comment-attachments { display: grid; gap: 5px; margin: 7px 0 9px; }
.comment-attachment { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink-soft); background: #f7fafc; }
.comment-attachment:hover { border-color: #9ed8ef; background: #f0faff; }
.comment-attachment > .icon { width: 17px; height: 17px; flex: 0 0 auto; color: var(--cyan-dark); }
.comment-attachment > img { width: 42px; height: 34px; flex: 0 0 auto; border-radius: 4px; object-fit: cover; }
.comment-attachment > span { display: grid; min-width: 0; }
.comment-attachment strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.comment-attachment small { color: var(--muted); font-size: 8px; }
.comment-attachment.audio-attachment { display: grid; grid-template-columns: auto minmax(70px, .7fr) minmax(130px, 1.3fr); align-items: center; gap: 9px; padding: 9px; }
.audio-note-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--cyan); }
.audio-note-icon .icon { width: 14px; height: 14px; }
.audio-attachment audio { width: 100%; min-width: 125px; height: 32px; }
.comment-empty { padding: 40px 20px; color: var(--muted); text-align: center; }
.comment-composer { margin: 8px 13px 13px; padding: 9px 10px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--white); }
.comment-composer textarea, .comment-composer .guest-name-input { min-height: 0; padding: 3px; border: 0; box-shadow: none; }
.comment-composer .guest-name-input { padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 11px; font-weight: 700; }
.comment-composer textarea { min-height: 58px; resize: none; font-size: 11px; }
.comment-location-tools { display: flex; align-items: center; gap: 6px; padding: 7px 2px 8px; border-top: 1px solid var(--line); }
.comment-location-tools label { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 650; }
.comment-location-tools input { width: 72px; min-height: 31px; height: 31px; padding: 5px 7px; font-size: 10px; font-variant-numeric: tabular-nums; }
.composer-attachment-tools { display: flex; align-items: center; gap: 5px; padding: 7px 2px; border-top: 1px solid var(--line); }
.composer-tool { display: inline-flex; min-height: 29px; align-items: center; gap: 4px; padding: 0 7px; border-radius: 6px; color: var(--cyan-dark); background: var(--cyan-soft); cursor: pointer; font-size: 9px; font-weight: 720; }
.composer-tool input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.composer-tool .icon { width: 12px; height: 12px; }
.composer-tool.voice-note-toggle[aria-expanded="true"] { color: #fff; background: var(--cyan); }
.composer-attachment-tools small { overflow: hidden; margin-left: auto; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.comment-link-row { display: grid; gap: 4px; padding: 6px 2px 8px; color: var(--muted); font-size: 9px; }
.comment-link-row input { min-height: 32px; padding: 6px 8px; font-size: 10px; }
.voice-note-panel { display: grid; gap: 8px; padding: 9px; margin: 2px 0 7px; border: 1px solid #d9d3ff; border-radius: 8px; background: #f8f6ff; }
.voice-note-panel[hidden] { display: none; }
.voice-note-state { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; }
.voice-note-state > div { display: grid; gap: 1px; }
.voice-note-state strong { color: var(--ink); font-size: 10px; }
.voice-note-state small, .voice-note-transcript-hint { color: var(--muted); font-size: 8px; line-height: 1.35; }
.voice-note-state time { color: var(--ink-soft); font-size: 10px; font-variant-numeric: tabular-nums; }
.voice-note-dot { width: 9px; height: 9px; border: 2px solid #c8bfdc; border-radius: 50%; background: #fff; }
.voice-note-panel[data-state="recording"] .voice-note-dot { border-color: #ff5a4f; background: #ff5a4f; box-shadow: 0 0 0 4px #ff5a4f24; animation: voice-pulse 1.4s ease-out infinite; }
.voice-note-panel[data-state="ready"] .voice-note-dot { border-color: #35a776; background: #35a776; }
.voice-note-panel[data-state="error"] .voice-note-dot { border-color: #d64b43; background: #d64b43; }
.voice-transcription-option { display: flex !important; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid #e2ddfa; border-radius: 7px; color: var(--ink); background: #fff; cursor: pointer; }
.voice-transcription-option > input { width: 16px; min-height: 16px; height: 16px; flex: 0 0 auto; padding: 0; accent-color: var(--cyan); }
.voice-transcription-option > span { display: grid; gap: 1px; }
.voice-transcription-option strong { font-size: 9px; }
.voice-transcription-option small { color: var(--muted); font-size: 8px; font-weight: 500; }
.voice-transcription-option:has(input:disabled) { color: var(--muted); cursor: not-allowed; background: #f5f5f8; }
.voice-note-controls { display: flex; flex-wrap: wrap; gap: 6px; }
.voice-note-controls .icon { width: 13px; height: 13px; }
.voice-post-transcribe { border-color: #bdb4ef; color: #5942c8; background: #fff; }
.voice-post-transcribe:not(:disabled):hover { border-color: var(--cyan); background: var(--cyan-soft); }
.voice-post-transcribe:disabled { opacity: .52; cursor: not-allowed; }
.voice-post-transcribe-help { display: block; margin: -1px 0 2px; color: var(--muted); font-size: 11px; }
.voice-note-panel audio { width: 100%; height: 34px; }
.voice-note-transcript-hint { margin: -2px 0 0; color: #6251b8; }
@keyframes voice-pulse { 0% { box-shadow: 0 0 0 0 #ff5a4f55; } 70% { box-shadow: 0 0 0 6px #ff5a4f00; } 100% { box-shadow: 0 0 0 0 #ff5a4f00; } }
.location-attach { display: inline-flex; min-height: 31px; align-items: center; gap: 5px; padding: 0 9px; border: 1px solid var(--line-strong); border-radius: 6px; color: var(--ink-soft); background: var(--white); cursor: pointer; font-size: 9px; font-weight: 700; }
.location-attach.attached { border-color: var(--cyan); color: var(--cyan-dark); background: var(--cyan-soft); }
.location-attach .icon, .location-clear .icon, .pdf-page-tools > span .icon { width: 13px; height: 13px; }
.location-clear { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 5px; color: var(--muted); background: var(--mist); cursor: pointer; }
.pdf-page-tools > span { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; }
.pdf-page-tools > button { min-width: 31px; padding: 0; border-color: var(--line-strong); color: var(--ink-soft); background: var(--white); }
.pdf-page-tools input { width: 54px; text-align: center; }
.composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.composer-actions > span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; }
.composer-actions .icon { width: 14px; height: 14px; }
.review-footer { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 0 25px; border-top: 1px solid rgba(207,225,236,.18); background: #08243a; }
.autosave, .footer-reviewers, .footer-stages { display: flex; align-items: center; gap: 9px; }
.autosave > .icon { width: 27px; height: 27px; padding: 5px; border-radius: 50%; color: #18392a; background: #b8e66f; }
.autosave span { display: grid; }
.autosave strong, .footer-reviewers > span { font-size: 10px; }
.autosave small { color: #a9bac4; font-size: 9px; }
.footer-reviewers .avatar { width: 28px; height: 28px; font-size: 8px; }
.footer-stages { gap: 14px; margin-left: auto; }
.mini-stage { display: flex; align-items: center; gap: 6px; color: #b9c8d1; font-size: 9px; }
.mini-stage b { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid #708594; border-radius: 50%; }
.mini-stage.stage-active b { border-color: var(--cyan); color: var(--cyan); }
.mini-stage.stage-completed b { border-color: #b8e66f; color: #173d29; background: #b8e66f; }
.guest-error { display: grid; min-height: 100vh; place-items: center; padding: 30px; }
.guest-error > div { max-width: 560px; text-align: center; }

/* Protected sharing, mail delivery, and notifications */
.protected-badge { display: inline-flex; min-height: 37px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(120, 211, 247, .35); border-radius: 8px; color: #9ce2fb; background: rgba(23, 173, 230, .09); font-size: 11px; font-weight: 700; white-space: nowrap; }
.protected-badge .icon { width: 15px; height: 15px; }
[data-protected-review] .proof-media { user-select: none; -webkit-user-drag: none; }
.share-modal { width: min(650px, calc(100vw - 28px)); }
.share-form { display: grid; gap: 18px; }
.share-form > label { display: grid; gap: 7px; font-size: 13px; font-weight: 650; }
.share-form label > small { color: var(--muted); font-weight: 500; }
.protected-summary { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid #bde5f5; border-radius: 10px; background: var(--cyan-soft); }
.protected-summary > span { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: var(--cyan-dark); background: var(--white); }
.protected-summary p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }
.share-option { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.toggle-row { position: relative; display: flex !important; min-height: 66px; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 15px; cursor: pointer; }
.toggle-row > span:first-child { display: grid; gap: 2px; }
.toggle-row small { color: var(--muted); font-size: 11px; font-weight: 500; }
.toggle-row > input { position: absolute; right: 15px; width: 42px; min-height: 24px; height: 24px; padding: 0; margin: 0; opacity: 0; cursor: pointer; }
.toggle-track { position: relative; display: block !important; width: 42px; height: 24px; flex: 0 0 auto; border-radius: 20px; background: #cbd5dc; transition: background .16s ease; }
.toggle-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--white); box-shadow: 0 1px 4px rgba(2,29,49,.26); transition: transform .16s ease; }
.toggle-row > input:focus-visible + .toggle-track { outline: 3px solid rgba(23,173,230,.28); outline-offset: 2px; }
.toggle-row > input:checked + .toggle-track { background: var(--cyan); }
.toggle-row > input:checked + .toggle-track::after { transform: translateX(18px); }
.watermark-options { display: grid; gap: 14px; padding: 16px; border-top: 1px solid var(--line); background: var(--mist); }
.watermark-options > label { display: grid; gap: 7px; font-size: 12px; font-weight: 650; }
.watermark-options output { float: right; color: var(--cyan-dark); }
.watermark-options input[type="range"] { min-height: 30px; padding: 0; border: 0; box-shadow: none; accent-color: var(--cyan); }
.checkbox-row { display: flex; flex-wrap: wrap; gap: 18px; }
.checkbox-row label { display: flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 12px; font-weight: 550; }
.checkbox-row input { width: 17px; min-height: 17px; height: 17px; accent-color: var(--cyan); }
.watermark-sample { display: grid; min-height: 72px; place-items: center; padding: 12px; border: 1px dashed #aac2cf; color: #224257; background: var(--white); font-size: 15px; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.danger-option .toggle-row > input:checked + .toggle-track { background: var(--coral); }
.split-actions { justify-content: space-between; }

.panel-heading-status { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.mail-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 20px; color: var(--muted); background: var(--mist); font-size: 11px; font-weight: 700; white-space: nowrap; }
.mail-status i { width: 7px; height: 7px; border-radius: 50%; background: #a7b2ba; }
.mail-status.connected { color: #21744d; background: var(--green-soft); }
.mail-status.connected i { background: var(--green); }
.email-settings-form { max-width: 820px; }
.smtp-quick-setup { display: grid; gap: 10px; padding: 16px; border: 1px solid #d9d3ff; border-radius: 11px; background: #f8f6ff; }
.smtp-quick-setup .subheading { align-items: end; margin: 0; }
.smtp-quick-setup .subheading > div { display: grid; gap: 2px; }
.smtp-quick-setup .subheading p { margin: 0; color: var(--muted); font-size: 11px; }
.smtp-preset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.smtp-preset { display: grid; min-height: 62px; align-content: center; gap: 2px; padding: 9px 10px; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--ink); background: #fff; cursor: pointer; text-align: left; }
.smtp-preset:hover, .smtp-preset.active { border-color: var(--cyan); background: var(--cyan-soft); box-shadow: 0 0 0 2px rgba(116,92,255,.08); }
.smtp-preset strong { font-size: 11px; }
.smtp-preset small { color: var(--muted); font-size: 9px; }
.smtp-quick-status { margin: 0; color: #6251b8; font-size: 10px; font-weight: 650; }
.provider-fieldset { padding: 0; margin: 0; border: 0; }
.provider-fieldset legend { margin-bottom: 9px; font-size: 13px; font-weight: 700; }
.provider-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.provider-card { position: relative; min-width: 0; cursor: pointer; }
.provider-card > input { position: absolute; opacity: 0; pointer-events: none; }
.provider-card > span { position: relative; display: grid; min-height: 82px; align-content: center; gap: 3px; padding: 13px; border: 1px solid var(--line-strong); border-radius: 10px; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.provider-card > input:checked + span { border-color: var(--cyan); background: var(--cyan-soft); box-shadow: 0 0 0 2px rgba(23,173,230,.12); }
.provider-card b { font-size: 13px; }
.provider-card small { color: var(--muted); font-size: 11px; }
.provider-card em { position: absolute; top: 8px; right: 8px; padding: 2px 6px; border-radius: 10px; color: var(--cyan-dark); background: var(--white); font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.provider-fields { display: grid; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--mist); }
.provider-fields > label, .provider-fields .form-grid > label { display: grid; gap: 7px; font-size: 13px; font-weight: 650; }
.provider-fields-compact { gap: 3px; }
.provider-fields-compact strong { font-size: 13px; }
.mail-provider-more, .mail-connection-details { border: 1px solid var(--line); border-radius: 10px; background: var(--white); }
.mail-provider-more { margin-top: 10px; }
.mail-provider-more > summary, .mail-connection-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 15px; color: var(--ink); cursor: pointer; list-style-position: inside; }
.mail-provider-more > summary span, .mail-connection-details > summary span { font-size: 12px; font-weight: 760; }
.mail-provider-more > summary small, .mail-connection-details > summary small { color: var(--muted); font-size: 10px; font-weight: 520; text-align: right; }
.provider-grid-more { padding: 0 13px 13px; }
.mail-connection-details[open] > summary { border-bottom: 1px solid var(--line); }
.mail-connection-body { display: grid; gap: 14px; padding: 17px; background: var(--mist); }
.mail-connection-body > label, .mail-connection-body .form-grid > label { display: grid; gap: 7px; font-size: 13px; font-weight: 650; }
.mail-connection-body .mail-backup-toggle { display: flex; }
.mail-connection-body code { color: var(--cyan-dark); font-size: 10px; }
.field-help { margin: 0; color: var(--muted); font-size: 11px; }
.settings-actions { display: flex; align-items: center; gap: 16px; }
.settings-actions > span { color: var(--muted); font-size: 11px; }
.transcription-settings-form { max-width: 760px; }
.transcription-toggle { overflow: hidden; border: 1px solid #d9d3ff; border-radius: 10px; background: #f8f6ff; }
.transcription-fields { display: grid; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--mist); }
.transcription-fields > label, .transcription-fields .form-grid > label { display: grid; gap: 7px; font-size: 13px; font-weight: 650; }
.transcription-fields label small { color: var(--muted); font-size: 10px; font-weight: 500; }
.transcription-privacy { display: flex; align-items: flex-start; gap: 11px; padding: 13px; border: 1px solid #cdebdc; border-radius: 9px; color: #21744d; background: var(--green-soft); }
.transcription-privacy .icon { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; }
.transcription-privacy p { display: grid; gap: 2px; margin: 0; }
.transcription-privacy span { color: var(--ink-soft); font-size: 11px; line-height: 1.45; }
.settings-warning { padding: 11px 13px; border-radius: 8px; color: #875c10; background: var(--amber-soft); font-size: 11px; }
.test-email-form { display: flex; max-width: 620px; align-items: end; gap: 10px; padding: 20px 0; margin-top: 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.test-email-form label { display: grid; flex: 1; gap: 6px; font-size: 12px; font-weight: 650; }
.email-activity { padding-top: 22px; }
.subheading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.subheading h3 { margin: 0; font-size: 15px; }
.subheading span { color: var(--muted); font-size: 10px; }
.email-row { display: grid; align-items: center; gap: 12px; padding: 12px 2px; border-bottom: 1px solid var(--line); grid-template-columns: 70px minmax(0, 1fr) auto; }
.email-row > div { display: grid; min-width: 0; }
.email-row strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.email-row small, .email-row em { color: var(--muted); font-size: 10px; font-style: normal; }
.email-state { width: fit-content; padding: 3px 7px; border-radius: 10px; color: var(--amber); background: var(--amber-soft); font-size: 9px; font-weight: 750; }
.email-state.state-sent, .email-state.state-delivered { color: var(--green); background: var(--green-soft); }
.email-state.state-failed { color: var(--danger); background: var(--coral-soft); }
.notification-list { padding: 0; overflow: hidden; }
.notification-row { position: relative; display: grid; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--line); grid-template-columns: 40px minmax(0, 1fr); }
.notification-row:last-child { border-bottom: 0; }
.notification-row:hover { background: var(--mist); }
.notification-row.unread::after { content: ""; position: absolute; top: 22px; right: 22px; width: 8px; height: 8px; border-radius: 50%; background: var(--coral); }
.notification-symbol { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: var(--cyan-dark); background: var(--cyan-soft); }
.notification-row p { margin: 3px 30px 3px 0; font-size: 12px; }
.notification-row small { color: var(--muted); font-size: 10px; }

@media (min-width: 801px) {
  .media-review-video .proof-media-wrap, .media-review-audio .proof-media-wrap { max-height: calc(100vh - 450px); }
}

@media (max-width: 1500px) and (min-width: 801px) {
  .review-back { width: 140px; padding: 0 18px; }
  .review-title { min-width: 180px; padding: 0 16px; }
  .review-controls { gap: 6px; padding-right: 10px; }
  .review-control, .control-select { padding-right: 10px; padding-left: 10px; }
  .review-control span { display: none; }
  .decision-button span { display: inline; }
}

@media (max-width: 1350px) {
  :root { --sidebar: 200px; }
  .dashboard-grid { grid-template-columns: minmax(0, 1fr) 275px; }
  .metric-item { padding: 15px; }
  .metric-icon { width: 39px; height: 39px; }
  .review-body { grid-template-columns: 150px minmax(0, 1fr) 335px; }
  .review-back { width: 128px; padding: 0 15px; }
  .review-control span { display: none; }
  .protected-badge { padding: 0 8px; }
  .review-title { padding-left: 16px; }
  .version-thumb { gap: 5px 6px; grid-template-columns: 25px minmax(0, 1fr); }
  .version-thumb img, .version-thumb .media-thumb-placeholder { height: 68px; }
  .dashboard-content .proof-table th:nth-child(5), .dashboard-content .proof-table td:nth-child(5), .dashboard-content .proof-table th:nth-child(6), .dashboard-content .proof-table td:nth-child(6), .dashboard-content .proof-table th:nth-child(7), .dashboard-content .proof-table td:nth-child(7) { display: none; }
}

@media (max-width: 1050px) {
  :root { --sidebar: 76px; }
  .brand { display: block; height: 84px; padding: 8px 0 20px; }
  .brand-lockup { display: none; }
  .brand-mark { display: block; width: 50px; height: 59px; object-fit: contain; }
  .nav-item { justify-content: center; padding: 12px; }
  .nav-item span { display: none; }
  .sidebar-footer { padding-top: 8px; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .activity-rail { border-top: 1px solid var(--line); border-left: 0; }
  .metric-band { grid-template-columns: repeat(2, 1fr); }
  .metric-item:nth-child(3)::before { display: none; }
  .metric-item:nth-child(n+3) { border-top: 1px solid var(--line); }
  .workflow-stages { overflow-x: auto; }
  .report-columns { grid-template-columns: 1fr; }
  .review-shell { grid-template-rows: 72px 60px minmax(0, 1fr); }
  .review-footer { display: none; }
  .review-body { grid-template-columns: 90px minmax(0, 1fr) 315px; }
  .upload-version-button span { display: none; }
  .review-title { min-width: 210px; }
  .stage-strip { gap: 10px; }
  .stage-strip > i { width: 5vw; }
  .stage-step { min-width: 110px; }
  .stage-step strong { font-size: 11px; }
  .version-thumb { padding: 4px; grid-template-columns: minmax(0, 1fr); }
  .version-thumb > .version-number { position: absolute; z-index: 2; top: 8px; left: 8px; padding: 2px 5px; border-radius: 4px; background: rgba(2,29,49,.75); }
  .version-thumb img, .version-thumb .media-thumb-placeholder { height: 70px; grid-column: 1; }
  .version-thumb small { display: none; }
}

@media (max-width: 800px) {
  :root { --topbar: 70px; --sidebar: 250px; }
  .app-shell { display: block; }
  .app-main { grid-column: auto; }
  .sidebar { width: var(--sidebar); transform: translateX(-100%); transition: transform .2s ease; box-shadow: 15px 0 40px rgba(2,29,49,.25); }
  .sidebar.open { transform: translateX(0); }
  .nav-item { justify-content: flex-start; }
  .nav-item span { display: inline; }
  .brand { display: flex; height: 218px; padding: 0 0 18px; }
  .brand-lockup { display: block; width: 100%; height: 204px; object-fit: contain; }
  .brand-mark { display: none; }
  .mobile-menu { display: inline-flex; }
  .topbar { padding: 0 14px; gap: 12px; }
  .global-search { flex: 1; width: auto; }
  .global-search input { height: 44px; font-size: 13px; }
  .user-copy, .user-menu form, .notification-button { display: none; }
  .page { padding: 28px 17px 45px; }
  .dashboard-content { padding: 28px 17px 40px; }
  .activity-rail { padding: 28px 19px; }
  .page-heading-row { align-items: center; }
  .page-heading-row .button { min-width: 44px; padding: 10px; }
  .page-heading-row .button .icon + span { display: none; }
  .provider-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mail-provider-more > summary, .mail-connection-details > summary { align-items: flex-start; flex-direction: column; gap: 3px; }
  .mail-provider-more > summary small, .mail-connection-details > summary small { text-align: left; }
  .list-toolbar { align-items: stretch; flex-direction: column; }
  .search-field { width: 100%; }
  .client-row, .project-row, .workflow-row { align-items: flex-start; flex-wrap: wrap; }
  .client-main, .project-copy, .workflow-copy { min-width: calc(100% - 72px); }
  .project-progress, .workflow-stages { width: 100%; margin-left: 68px; }
  .workflow-copy { flex: 1; }
  .report-metrics, .health-grid { grid-template-columns: repeat(2, 1fr); }
  .report-metrics > div:nth-child(3)::before { display: none; }
  .report-metrics > div:nth-child(n+3), .health-grid > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .health-grid > div:nth-child(3) { border-left: 0; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { overflow-x: auto; grid-auto-flow: column; grid-auto-columns: max-content; }
  .provider-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .review-page { overflow: auto; }
  .review-shell { min-height: 100vh; height: auto; grid-template-rows: auto auto auto; }
  .review-topbar { position: sticky; z-index: 10; top: 0; min-height: 70px; flex-wrap: wrap; padding: 10px 12px; }
  .review-back { width: auto; height: 42px; padding: 0 8px; border-right: 0; }
  .review-back span { display: none; }
  .review-title { flex: 1; min-width: 0; padding: 0 6px; }
  .review-title h1 { font-size: 15px; }
  .review-meta { align-items: center; gap: 4px 6px; margin-top: 4px; }
  .review-meta-item { min-height: 20px; padding: 3px 7px; border: 1px solid rgba(207,225,236,.14); border-radius: 999px; color: #cbd9e2; background: rgba(255,255,255,.045); font-size: 9px; line-height: 1; }
  .review-meta-item + .review-meta-item::before { display: none; }
  .review-meta-wide { display: none; }
  .review-meta-compact { display: inline; }
  .review-meta-count { display: none; }
  .review-controls { width: 100%; padding: 5px 0 0; overflow-x: auto; }
  .review-controls > * { flex: 0 0 auto; }
  .review-control, .control-select { min-height: 37px; }
  .review-control span { display: inline; }
  .stage-strip { overflow-x: auto; justify-content: flex-start; padding: 12px 15px; }
  .stage-strip > i { width: 32px; flex: 0 0 auto; }
  .stage-step { min-width: 130px; }
  .review-body { display: flex; min-height: 0; flex-direction: column; }
  .version-rail { display: flex; min-height: 128px; align-items: flex-start; padding: 10px; overflow-x: auto; border-right: 0; border-bottom: 1px solid rgba(207,225,236,.18); }
  .upload-version-button { width: 50px; height: 100px; flex: 0 0 auto; }
  .version-list { display: flex; gap: 10px; margin: 0 0 0 10px; }
  .version-thumb { width: 82px; flex: 0 0 auto; padding: 3px; }
  .version-thumb img, .version-thumb .media-thumb-placeholder { height: 85px; }
  .version-thumb small { display: none; }
  .proof-workspace { min-height: 590px; padding: 16px 12px 78px; }
  .proof-media-wrap { width: min(84vw, 430px); height: auto; }
  .media-review-stack { width: 100%; }
  .media-review-video .proof-media-wrap, .media-review-audio .proof-media-wrap { width: min(92vw, 720px); }
  .media-review-website .proof-media-wrap { width: min(94vw, 880px); height: 560px; min-height: 420px; }
  .media-review-code .proof-media-wrap { width: min(94vw, 880px); height: 560px; min-height: 420px; }
  .media-review-pdf { height: 560px; }
  .media-controls { width: min(92vw, 720px); flex-wrap: wrap; }
  .media-controls.external-controls { grid-template-columns: 1fr; }
  .media-controls.external-controls.picker-controls { grid-template-columns: 1fr; }
  .media-action-bar { width: min(92vw, 720px); grid-template-columns: minmax(130px, 1fr) auto auto; }
  .media-action-bar output { grid-column: 1 / -1; text-align: left; }
  .annotation-toolbar { max-width: calc(100vw - 18px); overflow-x: auto; }
  .review-mode-switch { position: static; width: fit-content; margin: 0 auto 10px; }
  .annotation-palette { position: fixed; right: 12px; bottom: 76px; }
  .annotation-tool { min-width: 49px; }
  .compare-pane { min-height: 560px; }
  .comments-panel { min-height: 620px; border-top: 1px solid var(--line); border-left: 0; grid-template-rows: 61px auto 48px minmax(300px, auto) auto; }
  .comments-scroll { max-height: 480px; }
}

/* v0.5.3 — scroll-anchored review surfaces and optional tool tips */
.pdf-page-viewer { position: relative; display: flex; height: 100%; align-items: center; flex-direction: column; gap: 18px; overflow: auto; padding: 48px 14px 28px; overscroll-behavior: contain; background: #dce4e8; box-shadow: inset 0 0 0 1px rgba(8,36,55,.12), 0 12px 40px rgba(0,0,0,.28); scroll-padding-top: 48px; user-select: text; }
.pdf-rendered-page { position: relative; flex: 0 0 auto; max-width: 100%; overflow: hidden; background: #fff; box-shadow: 0 3px 18px rgba(3,25,40,.24); }
.pdf-page-canvas { display: block; max-width: 100%; height: auto; background: #fff; }
.pdf-page-annotation-svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.pdf-page-annotation-svg .annotation-group { pointer-events: visiblePainted; }
.review-mode-hybrid .pdf-page-annotation-svg,
.review-mode-hybrid .pdf-page-annotation-svg .annotation-group { pointer-events: none; }
.review-mode-markup .pdf-page-annotation-svg .annotation-group { pointer-events: none; }
.pdf-page-badge { position: absolute; z-index: 3; right: 8px; bottom: 8px; padding: 3px 6px; border-radius: 4px; color: #fff; background: rgba(5,31,48,.72); font-size: 8px; font-weight: 750; pointer-events: none; }
.pdf-render-status { display: grid; min-height: 240px; place-items: center; align-content: center; gap: 8px; color: #294657; text-align: center; }
.pdf-render-status strong { font-size: 13px; }
.pdf-render-status small { color: #6a7f8a; font-size: 10px; }
.pdf-render-status.failed { color: #a52e29; }
.pdf-spinner { width: 28px; height: 28px; border: 3px solid rgba(24,158,211,.22); border-top-color: #189ed3; border-radius: 50%; animation: pdf-spin .8s linear infinite; }
.pdf-render-status.failed .pdf-spinner { display: none; }
@keyframes pdf-spin { to { transform: rotate(360deg); } }
.proof-media-wrap.pdf-pages-ready > .annotation-svg,
.proof-media-wrap.pdf-pages-ready > .annotation-pin,
.proof-media-wrap.pdf-pages-ready > .pending-pin { visibility: hidden; opacity: 0; pointer-events: none; }
.proof-media-wrap.review-mode-markup .pdf-page-viewer { pointer-events: none; }
.proof-media-wrap.review-mode-hybrid .pdf-page-viewer { pointer-events: auto; }
.proof-media-wrap.review-mode-interact .pdf-page-annotation-svg { visibility: hidden; opacity: 0; }
.proof-media-wrap.review-mode-hybrid .pdf-page-annotation-svg { visibility: visible; opacity: 1; }
.annotation-pin-shape { vector-effect: non-scaling-stroke; }

.proof-media-website.review-mode-hybrid:not(.anchor-bridge-ready) .annotation-group,
.proof-media-website.review-mode-hybrid:not(.anchor-bridge-ready) .annotation-pin,
.proof-media-website.review-mode-hybrid:not(.anchor-bridge-ready) .pending-pin,
.proof-media-code.review-mode-hybrid:not(.anchor-bridge-ready) .annotation-group,
.proof-media-code.review-mode-hybrid:not(.anchor-bridge-ready) .annotation-pin,
.proof-media-code.review-mode-hybrid:not(.anchor-bridge-ready) .pending-pin { visibility: hidden; opacity: 0; }
.proof-media-website.review-mode-hybrid.anchor-bridge-ready [data-scroll-anchor="viewport"],
.proof-media-code.review-mode-hybrid.anchor-bridge-ready [data-scroll-anchor="viewport"] { visibility: hidden; opacity: 0; }
.proof-media-website.review-mode-hybrid::after,
.proof-media-code.review-mode-hybrid::after { content: "Review · anchored markups only"; }

.review-mode-switch small { min-width: 0; grid-column: 1 / 3; text-align: left; }
.tooltip-toggle { justify-self: end; min-height: 24px !important; align-self: center; padding: 0 7px !important; border: 1px solid rgba(194,219,233,.2); color: #a9c2cf !important; background: rgba(255,255,255,.04) !important; font-size: 8px !important; }
.tooltip-toggle[aria-pressed="false"] { color: #78929f !important; }
.annotation-tips-toggle { min-width: 44px; color: #b2c7d1; }
.annotation-tips-toggle span { font-size: 8px; }
[data-tooltip] { position: relative; }
body:not(.tooltips-disabled) [data-tooltip]::after { position: absolute; z-index: 40; bottom: calc(100% + 9px); left: 50%; width: max-content; max-width: 220px; padding: 7px 9px; border: 1px solid rgba(187,220,236,.28); border-radius: 6px; color: #eef9fd; background: #031f31; box-shadow: 0 6px 18px rgba(0,0,0,.34); content: attr(data-tooltip); font-size: 9px; font-weight: 650; line-height: 1.35; opacity: 0; pointer-events: none; text-align: left; transform: translate(-50%,4px); transition: opacity .12s ease, transform .12s ease; white-space: normal; }
body:not(.tooltips-disabled) [data-tooltip][data-tooltip-place="bottom"]::after { top: calc(100% + 8px); bottom: auto; transform: translate(-50%,-4px); }
body:not(.tooltips-disabled) [data-tooltip]:hover::after,
body:not(.tooltips-disabled) [data-tooltip]:focus-visible::after { opacity: 1; transform: translate(-50%,0); }

@media (max-width: 640px) {
  .pdf-page-viewer { padding-right: 7px; padding-left: 7px; }
  .review-mode-switch small { grid-column: 1 / -1; }
  .tooltip-toggle { grid-column: 1 / -1; justify-self: center; }
}

@media (max-width: 560px) {
  .auth-shell { display: block; }
  .auth-brand { display: none; }
  .auth-form-wrap { min-height: 100vh; padding: 28px 22px; }
  .mobile-auth-logo { display: flex; }
  .auth-form-card h2 { font-size: 28px; }
  .demo-note { align-items: flex-start; flex-direction: column; }
  .metric-band { grid-template-columns: 1fr; }
  .metric-item + .metric-item::before { display: none; }
  .metric-item:nth-child(n+2) { border-top: 1px solid var(--line); }
  .metric-item { min-height: 88px; }
  .page-heading-row { align-items: flex-start; }
  .proof-table th:nth-child(2), .proof-table td:nth-child(2), .proof-table th:nth-child(3), .proof-table td:nth-child(3), .proof-table th:nth-child(6), .proof-table td:nth-child(6) { display: none; }
  .proof-title-cell { width: 230px; }
  .form-grid { grid-template-columns: 1fr; }
  .client-stat { min-width: 52px; }
  .client-row .button { width: 100%; }
  .project-progress, .workflow-stages { margin-left: 0; }
  .report-metrics, .health-grid { grid-template-columns: 1fr; }
  .report-metrics > div + div::before { top: 0; right: 18px; bottom: auto; left: 18px; width: auto; height: 1px; }
  .health-grid > div + div { border-top: 1px solid var(--line); border-left: 0; }
  .settings-panel { padding: 20px 16px; }
  .provider-grid, .form-grid { grid-template-columns: 1fr; }
  .panel-heading-status, .settings-actions, .test-email-form, .split-actions { align-items: stretch; flex-direction: column; }
  .mail-status { width: fit-content; }
  .test-email-form .button, .split-actions .button { width: 100%; }
  .review-control span { display: none; }
  .decision-button span { display: inline; }
  .stage-strip { display: grid; overflow: visible; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .stage-strip > i { display: none; }
  .stage-step { min-width: 0; gap: 5px; }
  .stage-step div { min-width: 0; }
  .stage-step > span { width: 26px; height: 26px; }
  .stage-step strong, .stage-step small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .stage-step strong { font-size: 10px; }
  .stage-step small { font-size: 9px; }
  .annotation-tool span { display: none; }
  .annotation-tool { min-width: 42px; min-height: 42px; }
  .proof-workspace { min-height: 510px; }
  .media-controls { gap: 6px; }
  .media-time { margin-left: auto; }
  .media-volume { display: none; }
  .media-progress-wrap { order: 10; min-width: 100%; flex-basis: 100%; }
  .media-speed { display: none; }
  .media-comment-button { margin-left: auto; }
  .media-review-pdf { height: 470px; }
  .media-review-website .proof-media-wrap { height: 470px; min-height: 390px; }
  .media-review-code .proof-media-wrap { height: 470px; min-height: 390px; }
  .review-mode-switch small { display: none; }
  .external-time-picker { grid-template-columns: auto minmax(100px, 1fr) 44px auto; }
  .external-controls .external-sync, .external-controls .external-time-picker { min-width: 100%; flex-basis: 100%; }
  .compare-pane { height: auto; min-height: 860px; }
  .compare-head { align-items: flex-start; flex-wrap: wrap; }
  .compare-head label { width: calc(100% - 44px); align-items: stretch; flex-direction: column; }
  .compare-head select { width: 100%; }
  .compare-grid { grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(360px, 1fr)); }
  .media-action-bar { grid-template-columns: 1fr 1fr; }
  .media-action-bar > div, .media-action-bar output { grid-column: 1 / -1; }
  .media-action-bar button { justify-content: center; }
  .comment-location-tools { align-items: flex-start; flex-wrap: wrap; }
  .source-tabs span { min-height: 42px; font-size: 11px; }
}

/* v1.0 accessibility, integrations, privacy, and deployment */
.skip-link{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:#fff;color:#111521;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.2)}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #19aee6;outline-offset:3px}.icon-button,.annotation-tool,.review-control,.comment-tabs button{min-width:42px;min-height:42px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted)}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:var(--line);content:""}
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.integration-grid>article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.secret-reveal{display:grid;gap:8px;margin:14px 0;padding:14px;border:1px solid #bce7cf;border-radius:12px;background:#effaf4}.secret-reveal code{overflow:auto;padding:10px;border-radius:8px;background:#102a22;color:#d8ffe8;cursor:pointer}.secret-reveal code.copied:after{content:"  Copied";color:#bfff38}.api-reference,.sso-settings,.email-domain-health{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.api-reference summary,.sso-settings summary,.email-domain-health summary{display:flex;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;font-weight:800}.api-reference pre,.sso-settings form{margin:0;padding:18px;border-top:1px solid var(--line);white-space:pre-wrap}.email-domain-health>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.email-domain-health>div p{display:flex;gap:10px;margin:0;padding:14px;background:#fff}.email-domain-health>div p b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#eef1f4}.email-domain-health>div p.ready b{background:#dff5e8;color:#167448}.email-domain-health>div p.needs-work b{background:#fff1dc;color:#9b6100}.email-domain-health span{display:grid}.email-domain-health .field-help{padding:0 16px 14px}
.privacy-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:18px;margin-top:22px;padding:22px}.privacy-card p{color:var(--muted)}.privacy-card details{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line)}.privacy-card details form{max-width:520px;margin-top:14px}.button-danger{background:#b3263d;color:#fff}.update-readiness ol{display:grid;gap:12px;max-width:720px;padding-left:24px}.deployment-facts{display:grid;gap:1px;margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.deployment-facts p{display:grid;grid-template-columns:180px 1fr;gap:14px;margin:0;padding:13px;background:#fff}.deployment-facts span{color:var(--muted)}
.ui-simple .operations-section:not(:first-of-type),.ui-simple .api-reference{display:none}
.launch-checklist{display:grid;gap:14px;margin:0 0 20px;padding:18px}.launch-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.launch-checklist-head h2{margin:2px 0 4px;font-size:20px}.launch-checklist-head p{margin:0;color:var(--muted)}.launch-checklist-head>strong{font-size:24px}.launch-progress{height:7px;overflow:hidden;border-radius:99px;background:#e8edf1}.launch-progress span{display:block;height:100%;border-radius:inherit;background:var(--action)}.launch-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.launch-items a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none;background:#fff}.launch-items a:hover{border-color:var(--primary)}.launch-items a>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;background:#f0edff;color:var(--primary)}.launch-items a.ready>span{background:#e0f5e9;color:#167448}.launch-items .icon{width:16px;height:16px}.launch-items p{display:grid;min-width:0;gap:2px;margin:0}.launch-items strong,.launch-items small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.launch-items small{color:var(--muted)}.launch-checklist form{justify-self:end}
@media(max-width:820px){.integration-grid{grid-template-columns:1fr}.email-domain-health>div{grid-template-columns:1fr}.privacy-card{grid-template-columns:1fr}.deployment-facts p{grid-template-columns:1fr}}
@media(max-width:1100px){.launch-items{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.launch-items{grid-template-columns:1fr}.launch-checklist-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v0.9 collaboration layer */
.comment-tools{display:grid;min-width:0;max-height:clamp(59px,18vh,150px);align-self:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.comment-productivity{display:flex;min-height:58px;gap:8px;align-items:center;padding:8px 18px;border-bottom:1px solid var(--line)}
.comment-search{flex:1;min-width:0;height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#f6f8fb}
.comment-search .icon{width:16px;height:16px;color:var(--muted)}
.comment-search input{width:100%;min-height:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:inherit;color:inherit}
.comment-filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line);background:#f6f8fb}
.comment-filter-panel select,.comment-bulk-bar select{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit}
.comment-bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#eef9ff;border-bottom:1px solid var(--line)}
.comment-bulk-bar span{margin-right:auto;font-size:13px;font-weight:700}
.comment-card{position:relative}
.comment-select{position:absolute;left:8px;top:12px;z-index:4;padding:5px;border-radius:7px;background:#fff}
.comment-select:not([hidden])~.avatar{margin-left:24px}
.comment-manage{margin-top:10px}.comment-manage summary{width:max-content;color:var(--cyan-dark);font-size:13px;font-weight:700;cursor:pointer}
.comment-manage form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f6f8fb}
.comment-manage label{display:grid;gap:4px;font-size:11px;font-weight:700;color:var(--muted)}
.comment-manage select,.comment-manage input{min-width:0;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:inherit}
.comment-manage .button{grid-column:1/-1}.footer-carry-form{margin-right:auto}
.search-page{max-width:1100px}.search-result-section{margin-top:28px}.search-result-section h2{display:flex;gap:8px;align-items:center}.search-result-section h2 span{font-size:12px;color:var(--muted);background:#f6f8fb;padding:3px 8px;border-radius:20px}
.search-result-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.search-result-list>a{display:flex;align-items:center;gap:14px;padding:15px 18px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.search-result-list>a:last-child{border-bottom:0}.search-result-list>a:hover{background:#f6f8fb}
.search-result-list>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef9ff;color:var(--cyan-dark)}.search-result-list p{display:grid;gap:4px;flex:1;margin:0}.search-result-list small{color:var(--muted)}
.summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.summary-metrics article{display:grid;gap:3px;padding:15px;border-radius:14px;background:#f6f8fb}.summary-metrics strong{font-size:24px}.summary-metrics span{font-size:12px;color:var(--muted)}
.summary-decisions{display:grid;gap:8px}.summary-decisions p{display:flex;justify-content:space-between;padding:11px 0;margin:0;border-bottom:1px solid var(--line)}
.approval-report{max-width:900px;margin:40px auto;padding:40px;font-family:system-ui;color:#13283a;background:#fff}.approval-report>header{display:flex;justify-content:space-between;align-items:center}.approval-report>header img{width:180px;height:auto}.approval-report dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dbe3ea}.approval-report dl div{padding:14px;background:#fff}.approval-report dt{font-size:12px;color:#66778a}.approval-report dd{margin:4px 0 0;font-weight:700}.approval-report article{padding:16px 0;border-top:1px solid #dbe3ea}.is-offline [data-save-state]{color:#9b6100}
@media(max-width:760px){.comment-filter-panel,.comment-manage form{grid-template-columns:1fr}.summary-metrics{grid-template-columns:1fr 1fr}.footer-carry-form{display:none}}
@media print{.approval-report>header button{display:none}.approval-report{margin:0;padding:0}.approval-report code{word-break:break-all}}

/* v0.8.0 production controls */
.operations-health { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 22px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--line); }
.operations-health article { display: flex; min-height: 92px; align-items: center; gap: 12px; padding: 16px; background: #fff; }
.operations-health p { display: grid; gap: 4px; margin: 0; }
.operations-health small { color: var(--muted); line-height: 1.35; }
.operations-settings-form { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafb; }
.usage-meter { display: grid; gap: 9px; }
.usage-meter > div { display: flex; justify-content: space-between; gap: 20px; }
.usage-meter progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 99px; accent-color: var(--primary); }
.operations-section { margin-top: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.operations-section > summary { display: flex; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font-weight: 800; }
.operations-section > summary::-webkit-details-marker { display: none; }
.operations-section > summary small { color: var(--muted); font-weight: 500; }
.operations-section[open] > summary { border-bottom: 1px solid var(--line); }
.operations-list > div { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 20px; }
.operations-list > div + div { border-top: 1px solid var(--line); }
.operations-list p { display: grid; gap: 3px; margin: 0; }
.operations-list p small { color: var(--muted); }
.operations-list code { color: var(--muted); font-size: 12px; }
.template-editor-list { display: grid; gap: 0; }
.template-editor { display: grid; gap: 14px; padding: 20px; }
.template-editor + .template-editor { border-top: 1px solid var(--line); }
.template-editor h3 { margin: 0; font-size: 16px; }
.access-control-card { margin-top: 20px; }
.permission-checks { display: flex; flex-wrap: wrap; gap: 8px; }
.permission-checks label { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-weight: 700; }
.access-list { margin-top: 20px; border-top: 1px solid var(--line); }
.access-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 0; }
.access-list > div + div { border-top: 1px solid var(--line); }
.access-list p { display: grid; gap: 3px; margin: 0; }
.access-list small { color: var(--muted); }
.share-advanced { border-top: 1px solid var(--line); padding-top: 13px; }
.share-advanced > summary { cursor: pointer; color: var(--primary); font-weight: 800; }
.share-advanced-fields { display: grid; gap: 14px; padding-top: 14px; }
.resumable-progress { display: grid; min-width: 240px; gap: 6px; color: var(--muted); font-size: 12px; }
.resumable-progress progress { width: 100%; accent-color: var(--primary); }
.resumable-progress.failed { color: var(--danger); }

@media (max-width: 900px) {
  .operations-health { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .operations-health { grid-template-columns: 1fr; }
  .operations-section > summary { align-items: flex-start; flex-direction: column; gap: 4px; }
  .operations-list > div { grid-template-columns: auto 1fr; }
  .operations-list > div > :last-child { grid-column: 2; justify-self: start; }
  .permission-checks { display: grid; grid-template-columns: 1fr 1fr; }
}

/* Brand & styles */
.branding-settings-layout { display: grid; align-items: start; gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); }
.branding-form { min-width: 0; }
.brand-preset-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.brand-preset { display: grid; min-height: 74px; align-content: center; gap: 9px; padding: 11px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); cursor: pointer; text-align: left; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.brand-preset:hover { border-color: var(--cyan); transform: translateY(-1px); }
.brand-preset.active { border-color: var(--cyan); box-shadow: 0 0 0 2px var(--cyan-soft); }
.brand-preset:focus-visible { outline: 3px solid var(--cyan-soft); outline-offset: 2px; }
.brand-preset strong { font-size: 10px; }
.preset-swatch { display: block; height: 18px; border-radius: 5px; background: linear-gradient(90deg, var(--preset-shell) 0 44%, var(--preset-primary) 44% 75%, var(--preset-action) 75%); }
.preset-proofbetter { --preset-shell: #0b0d12; --preset-primary: #745cff; --preset-action: #c7ff3d; }
.preset-ocean { --preset-shell: #071f33; --preset-primary: #1479b8; --preset-action: #7ff7c0; }
.preset-ember { --preset-shell: #1b1210; --preset-primary: #b23a25; --preset-action: #ffc857; }
.preset-mono { --preset-shell: #111318; --preset-primary: #51576d; --preset-action: #e4ff56; }
.brand-color-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brand-color-grid label { display: grid; align-items: center; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: 42px 1fr; }
.brand-color-grid label > input { width: 42px; height: 42px; min-height: 42px; padding: 3px; border-radius: 8px; grid-row: 1 / 3; }
.brand-color-grid output { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 600; }
.brand-upload-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brand-upload { display: grid; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); grid-template-columns: minmax(0, 1fr) 86px; }
.brand-upload > span { display: grid; gap: 2px; }
.brand-upload small { color: var(--muted); font-size: 9px; font-weight: 500; }
.brand-upload img { width: 86px; height: 58px; object-fit: contain; padding: 7px; border-radius: 8px; background: var(--navy-950); }
.brand-upload input { min-height: 36px; padding: 6px 0 0; grid-column: 1 / -1; }
.brand-remove-options { display: flex; flex-wrap: wrap; gap: 15px; color: var(--muted); font-size: 10px; }
.brand-remove-options label { display: flex; align-items: center; gap: 7px; }
.brand-remove-options input { width: auto; min-height: auto; }
.brand-live-preview { --preview-shell: var(--navy-950); --preview-primary: var(--cyan); --preview-action: var(--brand-acid); position: sticky; top: 116px; overflow: hidden; min-height: 390px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: #f6f8fa; box-shadow: 0 16px 42px rgba(11, 13, 18, .1); }
.brand-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; border-bottom: 1px solid var(--line); background: var(--white); color: var(--muted); font-size: 9px; font-weight: 720; text-transform: uppercase; letter-spacing: .08em; }
.brand-preview-head output { padding: 5px 8px; border-radius: 999px; color: #1f7a4a; background: var(--green-soft); letter-spacing: 0; text-transform: none; }
.brand-preview-head output.warning { color: #9a5d00; background: var(--amber-soft); }
.brand-preview-nav { display: grid; align-content: space-between; min-height: 155px; padding: 22px; background: var(--preview-shell); }
.brand-preview-nav img { width: min(180px, 70%); height: 70px; object-fit: contain; object-position: left center; }
.brand-preview-nav > div { display: flex; gap: 7px; }
.brand-preview-nav i { display: block; width: 42px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.2); }
.brand-preview-nav i:first-child { width: 68px; background: var(--preview-primary); }
.brand-preview-content { display: grid; gap: 8px; padding: 24px; }
.brand-preview-content > span { color: var(--preview-primary); font-size: 9px; font-weight: 780; text-transform: uppercase; letter-spacing: .08em; }
.brand-preview-content h3 { margin: 0; font-size: 22px; }
.brand-preview-content p { margin: 0 0 14px; color: var(--muted); font-size: 11px; }
.brand-preview-content > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.brand-preview-content button { min-height: 38px; padding: 0 14px; border-radius: 8px; background: var(--preview-action); color: var(--preview-shell); font-size: 10px; font-weight: 780; }
.brand-preview-content b { padding: 8px 11px; border: 1px solid var(--preview-primary); border-radius: 8px; color: var(--preview-primary); background: #fff; font-size: 9px; }

@media (max-width: 1040px) {
  .branding-settings-layout { grid-template-columns: 1fr; }
  .brand-live-preview { position: static; min-height: 330px; }
}

@media (max-width: 700px) {
  .brand-preset-grid,
  .brand-color-grid,
  .brand-upload-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .brand-preset-grid,
  .brand-color-grid,
  .brand-upload-grid { grid-template-columns: 1fr; }
}

/* Recovery center */
.recovery-health { margin-bottom: 28px; }
.recovery-layout { display: grid; align-items: start; gap: 26px; padding: 25px 0 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr); }
.recovery-create-form { display: grid; gap: 15px; }
.recovery-scope-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.recovery-scope-grid label { position: relative; min-width: 0; cursor: pointer; }
.recovery-scope-grid input { position: absolute; opacity: 0; pointer-events: none; }
.recovery-scope-grid span { display: grid; min-height: 104px; align-content: start; gap: 5px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.recovery-scope-grid strong { font-size: 11px; }
.recovery-scope-grid small { color: var(--muted); font-size: 9px; font-weight: 500; line-height: 1.5; }
.recovery-scope-grid input:checked + span { border-color: var(--cyan); box-shadow: 0 0 0 2px var(--cyan-soft); }
.recovery-scope-grid input:focus-visible + span { outline: 3px solid var(--cyan-soft); outline-offset: 2px; }
.recovery-create-form > .button { justify-self: start; }
.recovery-scan { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #f8fafb; }
.recovery-scan > div:not(.subheading) { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.recovery-scan > div:last-child { border-bottom: 0; }
.recovery-scan-icon { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 50%; }
.recovery-scan-icon .icon { width: 16px; height: 16px; }
.recovery-scan-icon.ready { color: var(--green); background: var(--green-soft); }
.recovery-scan-icon.blocked { color: var(--danger); background: var(--coral-soft); }
.recovery-scan p { display: grid; gap: 1px; margin: 0; }
.recovery-scan strong { font-size: 10px; }
.recovery-scan small { color: var(--muted); font-size: 9px; }
.recovery-packages { padding-top: 28px; }
.recovery-packages .subheading > span { color: var(--muted); font-size: 9px; font-weight: 680; }
.recovery-empty { display: flex; align-items: center; gap: 12px; padding: 22px; border: 1px dashed var(--line-strong); border-radius: var(--radius); color: var(--muted); }
.recovery-empty .icon { width: 25px; height: 25px; }
.recovery-empty p { display: grid; gap: 2px; margin: 0; }
.recovery-empty strong { color: var(--ink-soft); font-size: 11px; }
.recovery-empty span { font-size: 9px; }
.recovery-package-list { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); }
.recovery-package-list article { display: grid; align-items: center; gap: 16px; min-height: 94px; padding: 16px; border-bottom: 1px solid var(--line); grid-template-columns: minmax(0, 1fr) auto auto; }
.recovery-package-list article:last-child { border-bottom: 0; }
.recovery-package-main { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.recovery-package-main > div { min-width: 0; }
.recovery-package-main strong { display: block; overflow: hidden; margin-bottom: 3px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.recovery-package-main p { margin: 0 0 4px; color: var(--muted); font-size: 9px; }
.recovery-package-main code { color: var(--muted); font-size: 8px; }
.recovery-package-type { flex: 0 0 auto; padding: 6px 7px; border-radius: 6px; color: var(--cyan-dark); background: var(--cyan-soft); font-size: 8px; font-weight: 800; letter-spacing: .05em; }
.recovery-package-meta { display: grid; justify-items: end; gap: 4px; }
.recovery-package-meta small { color: var(--muted); font-size: 8px; }
.package-status { padding: 5px 8px; border-radius: 999px; color: var(--amber); background: var(--amber-soft); font-size: 8px; font-weight: 750; }
.package-status.status-verified { color: var(--green); background: var(--green-soft); }
.package-status.status-failed { color: var(--danger); background: var(--coral-soft); }
.recovery-package-actions { display: flex; align-items: center; gap: 7px; }
.recovery-package-actions .button { white-space: nowrap; }
.recovery-package-actions .button .icon { width: 14px; height: 14px; }
.recovery-guide { margin-top: 24px; }
.migration-kit { margin: 4px 0 28px; padding: 20px; border: 1px solid #bdaeff; border-radius: var(--radius); background: linear-gradient(135deg, #f8f5ff 0%, #f5fbff 100%); box-shadow: 0 12px 30px rgba(104, 71, 245, .08); }
.migration-kit-heading { display: grid; align-items: center; gap: 13px; grid-template-columns: auto minmax(0, 1fr) auto; }
.migration-kit-heading h3 { margin: 1px 0 3px; font-size: 14px; }
.migration-kit-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 9px; }
.migration-kit-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: #fff; background: var(--violet, #6847f5); }
.migration-kit-icon .icon { width: 21px; height: 21px; }
.migration-kit-grid { display: grid; gap: 10px; margin-top: 16px; grid-template-columns: 1fr 1fr 1.15fr; }
.migration-kit-grid > div { display: grid; align-content: start; justify-items: start; gap: 7px; min-width: 0; padding: 14px; border: 1px solid rgba(104, 71, 245, .14); border-radius: 10px; background: rgba(255, 255, 255, .82); }
.migration-kit-grid small { color: var(--muted); font-size: 8px; font-weight: 760; text-transform: uppercase; letter-spacing: .05em; }
.migration-kit-grid strong { overflow: hidden; width: 100%; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.migration-key code { display: block; overflow-wrap: anywhere; color: var(--ink); font-size: 9px; line-height: 1.65; }
.migration-security-note { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0 0; color: var(--muted); font-size: 9px; }
.migration-security-note .icon { flex: 0 0 auto; width: 17px; height: 17px; color: var(--green); }
.migration-security-note strong { color: var(--ink-soft); }

@media (max-width: 1000px) {
  .recovery-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .recovery-scope-grid { grid-template-columns: 1fr; }
  .recovery-scope-grid span { min-height: 76px; }
  .recovery-package-list article { align-items: flex-start; grid-template-columns: 1fr auto; }
  .recovery-package-actions { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .recovery-package-list article { grid-template-columns: 1fr; }
  .recovery-package-meta { justify-items: start; }
  .recovery-package-actions { flex-wrap: wrap; }
}

/* Sharing metadata and scheduled recovery */
.sharing-settings-layout { display: grid; align-items: start; gap: 30px; grid-template-columns: minmax(0, 1fr) minmax(310px, .78fr); }
.sharing-form textarea { min-height: 96px; resize: vertical; }
.sharing-form label > small { color: var(--muted); font-size: 9px; font-weight: 500; }
.social-image-upload { display: grid; gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); }
.social-image-upload > span { display: grid; gap: 2px; }
.social-image-upload input { min-height: 38px; padding: 7px 0 0; }
.sharing-privacy { display: flex; align-items: flex-start; gap: 11px; padding: 14px; border-radius: var(--radius); color: var(--ink-soft); background: var(--mist-blue); }
.sharing-privacy .icon { flex: 0 0 20px; width: 20px; height: 20px; color: var(--cyan-dark); }
.sharing-privacy p { display: grid; gap: 3px; margin: 0; }
.sharing-privacy strong { font-size: 10px; }
.sharing-privacy span { color: var(--muted); font-size: 9px; }
.social-card-preview { overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: #fff; box-shadow: 0 15px 40px rgba(11, 13, 18, .1); }
.social-card-art { display: grid; overflow: hidden; aspect-ratio: 1200 / 630; place-items: center; background: var(--navy-950); }
.social-card-art img { width: 100%; height: 100%; object-fit: cover; }
.social-card-art.no-image img { width: 58%; height: 42%; object-fit: contain; }
.social-card-copy { display: grid; gap: 5px; padding: 16px; }
.social-card-copy small { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.social-card-copy strong { font-size: 13px; line-height: 1.3; }
.social-card-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted); font-size: 9px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.social-meta-checks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.social-meta-checks span { display: flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 8px; font-weight: 700; }
.social-meta-checks .icon { width: 13px; height: 13px; }
.backup-schedule-form { display: grid; align-items: end; gap: 11px; margin-top: 18px; padding: 17px; border: 1px solid var(--line); border-radius: var(--radius); background: #f8fafb; grid-template-columns: minmax(190px, 1fr) repeat(3, minmax(100px, .42fr)) auto; }
.backup-schedule-form > div { display: grid; align-self: center; gap: 2px; }
.backup-schedule-form > div strong { font-size: 11px; }
.backup-schedule-form > div small { color: var(--muted); font-size: 9px; }
.backup-schedule-form label { display: grid; gap: 4px; color: var(--muted); font-size: 8px; font-weight: 680; }
.backup-schedule-form select { min-height: 36px; padding: 7px 30px 7px 9px; }
.restore-preflight-result { display: grid; align-items: start; gap: 14px; margin-top: 20px; padding: 19px; border: 1px solid #acd9bf; border-radius: var(--radius); background: #f3fbf6; grid-template-columns: auto minmax(0, 1fr) auto; }
.restore-preflight-result h3 { margin: 0 0 4px; font-size: 13px; }
.restore-preflight-result p { margin: 0; color: var(--muted); font-size: 9px; }
.restore-preflight-result ul { margin: 10px 0 0; padding-left: 18px; color: var(--ink-soft); font-size: 9px; }
.restore-preflight-result > strong { padding: 6px 9px; border-radius: 999px; color: var(--green); background: var(--green-soft); font-size: 8px; }

@media (max-width: 1100px) {
  .sharing-settings-layout { grid-template-columns: 1fr; }
  .sharing-settings-layout > aside { max-width: 560px; }
  .backup-schedule-form { grid-template-columns: repeat(3, minmax(100px, 1fr)) auto; }
  .backup-schedule-form > div { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .backup-schedule-form { align-items: stretch; grid-template-columns: 1fr 1fr; }
  .backup-schedule-form > div { grid-column: 1 / -1; }
  .backup-schedule-form .button { align-self: end; }
  .restore-preflight-result { grid-template-columns: auto 1fr; }
  .restore-preflight-result > strong { grid-column: 2; justify-self: start; }
}

@media (max-width: 480px) {
  .backup-schedule-form { grid-template-columns: 1fr; }
  .backup-schedule-form > div,
  .restore-preflight-result > strong { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Installer */
.installer-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(340px, 39%) 1fr; }
.installer-aside { display: flex; flex-direction: column; justify-content: center; padding: 65px clamp(38px, 6vw, 90px); color: var(--white); background: var(--navy-950); }
.installer-aside > img { width: 220px; height: 76px; margin-bottom: 62px; object-fit: contain; object-position: left; }
.installer-aside .eyebrow { color: #73d4fb; }
.installer-aside h1 { max-width: 540px; font-size: clamp(38px, 4vw, 58px); }
.installer-aside > p:not(.eyebrow) { max-width: 500px; color: #c5d6e1; font-size: 16px; }
.installer-aside ol { display: grid; gap: 15px; padding: 0; margin: 40px 0 0; list-style: none; }
.installer-aside li { display: flex; align-items: center; gap: 12px; color: #dceaf1; }
.installer-aside li b { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #4e7086; border-radius: 50%; color: #83dafb; }
.installer-main { display: grid; place-items: center; padding: 45px; overflow-y: auto; }
.installer-card { width: min(620px, 100%); padding: 34px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }
.installer-card > h2 { font-size: 30px; }
.installer-form fieldset { display: grid; gap: 15px; padding: 0 0 24px; margin: 5px 0 0; border: 0; border-bottom: 1px solid var(--line); }
.installer-form legend { padding: 0; margin-bottom: 14px; color: var(--ink); font-weight: 780; }
.installer-form small { color: var(--muted); font-weight: 500; }
.install-errors { padding: 13px 15px; margin: 20px 0; border: 1px solid #efb1ad; border-radius: 9px; color: #922e29; background: #fff1f0; }
.install-errors ul { margin: 7px 0 0; padding-left: 19px; }
.install-success { padding: 28px 10px; text-align: center; }
.install-check { display: grid; width: 64px; height: 64px; place-items: center; margin: 0 auto 23px; border-radius: 50%; color: var(--white); background: var(--green); font-size: 30px; font-weight: 800; }
.install-success h2 { font-size: 34px; }
.install-success .button { margin: 15px 0; }
@media (max-width: 760px) { .installer-shell { grid-template-columns: 1fr; } .installer-aside { display: none; } .installer-main { padding: 20px; } .installer-card { padding: 23px 18px; } }

/* v0.4.0 — workflow, collaboration, and account security */
.review-inline-form{display:contents}.source-health{width:9px;height:9px;border-radius:50%;background:#7d8a99;box-shadow:0 0 0 3px color-mix(in srgb,#7d8a99 18%,transparent)}.source-health-healthy{background:#64d49a;box-shadow:0 0 0 3px rgba(100,212,154,.18)}.source-health-error,.source-health-unreachable,.source-health-blocked{background:#ff6b62;box-shadow:0 0 0 3px rgba(255,107,98,.18)}.source-health-redirected{background:#f5b942;box-shadow:0 0 0 3px rgba(245,185,66,.18)}

/* v0.5.0 — batch review, precision playback, compare, PDF, and website capture */
.review-shell[data-has-assets]{grid-template-rows:78px 68px 78px minmax(0,1fr) 58px}.asset-strip{height:78px;min-height:78px;padding:10px 18px;background:#102d40;border-top:1px solid rgba(173,207,226,.18);border-bottom:1px solid rgba(173,207,226,.2);display:flex;align-items:stretch;gap:15px;color:#eaf6fb;overflow:hidden}.asset-progress{width:118px;flex:0 0 118px;display:flex;flex-direction:column;justify-content:center;gap:8px}.asset-progress strong{font-size:12px}.asset-progress progress{width:100%;height:5px;border:0;border-radius:999px;overflow:hidden;appearance:none;background:rgba(255,255,255,.12)}.asset-progress progress::-webkit-progress-bar{border-radius:999px;background:rgba(255,255,255,.12)}.asset-progress progress::-webkit-progress-value{border-radius:999px;background:#9ce35c}.asset-progress progress::-moz-progress-bar{border-radius:999px;background:#9ce35c}.asset-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.asset-tab{min-width:176px;max-width:230px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:9px 12px;border:1px solid rgba(171,207,226,.2);border-radius:10px;color:#d6e7ef;background:rgba(3,28,45,.28);text-decoration:none}.asset-tab>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#183f57;color:#5ac5ef;font-size:9px;font-weight:800;letter-spacing:.06em}.asset-tab strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-tab small{color:#88a6b5;font-size:10px}.asset-tab.active{border-color:#26b7ee;background:#123e57;box-shadow:inset 0 0 0 1px #26b7ee}.batch-add-button{margin:8px 14px 0;width:calc(100% - 28px);min-height:42px;border:1px dashed #4b7388;border-radius:9px;background:transparent;color:#a8ccdd;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700}.batch-add-button:hover{border-color:#24b5ea;color:#fff}.batch-add-button .icon{width:15px;height:15px}
.precision-tools,.pdf-toolkit,.website-review-tools{width:min(920px,calc(100% - 24px));margin:8px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid rgba(163,200,219,.2);border-radius:10px;background:#0d2c3f;color:#cce1eb}.precision-group,.pdf-toolkit>div,.website-review-tools form{display:flex;align-items:center;gap:6px}.precision-tools button,.pdf-toolkit button,.website-review-tools select{min-height:30px;border:1px solid #395c6e;border-radius:7px;background:#11364b;color:#cce1eb;padding:5px 9px;font:inherit;font-size:11px}.precision-tools button:hover,.precision-tools button.active,.pdf-toolkit button:hover,.pdf-toolkit button.active{border-color:#24b5ea;color:#fff;background:#15506d}.precision-tools button:disabled{opacity:.38}.precision-tools output{font-variant-numeric:tabular-nums;font-size:12px;color:#fff;min-width:82px;text-align:center}.precision-tools small{color:#7899aa;font-size:10px}.range-tools span{color:#63889a}.pdf-toolkit{flex-wrap:wrap}.pdf-page-jump span{font-size:11px;color:#88a9b8}.pdf-page-jump button{width:30px;padding:4px}.proof-document{transform-origin:center;transition:transform .2s}.pdf-text-mode .annotation-svg{pointer-events:none}.pdf-text-mode .proof-document{pointer-events:auto}.measure-result{position:absolute;right:16px;top:46px;z-index:12;padding:7px 10px;border-radius:7px;background:#072338;color:#fff;border:1px solid #27b9ef;font-size:11px}.website-review-tools>div{display:flex;flex-direction:column}.website-review-tools strong{font-size:11px}.website-review-tools span{font-size:10px;color:#89a9b8}.capture-status{margin-left:auto;text-transform:capitalize}.capture-status.status-ready{color:#9ce35c}.capture-status.status-failed{color:#ff7a72}.proof-website-snapshot{max-height:72vh;object-fit:contain;background:#fff}
.compare-head{flex-wrap:wrap}.compare-head>.compare-mode-switch{display:flex;margin-right:0;gap:3px;padding:3px;border-radius:8px;background:#0a2637}.compare-mode-switch button,.compare-head>[data-compare-sync]{border:1px solid transparent;border-radius:6px;background:transparent;color:#9bb5c2;padding:6px 8px;font:inherit;font-size:10px;font-weight:700}.compare-mode-switch button.active,.compare-head>[data-compare-sync].active{background:#15506d;border-color:#2ab9ed;color:#fff}.compare-scrubber{display:flex;align-items:center;gap:8px;padding:6px 14px;color:#8ba9b7;font-size:10px}.compare-scrubber input{flex:1}.compare-pane[data-compare-mode="swipe"]{grid-template-rows:auto auto minmax(0,1fr)}.compare-pane[data-compare-mode="overlay"] .compare-grid,.compare-pane[data-compare-mode="swipe"] .compare-grid,.compare-pane[data-compare-mode="blink"] .compare-grid,.compare-pane[data-compare-mode="difference"] .compare-grid{position:relative;display:grid;grid-template-columns:1fr}.compare-pane[data-compare-mode="overlay"] .compare-grid article,.compare-pane[data-compare-mode="swipe"] .compare-grid article,.compare-pane[data-compare-mode="blink"] .compare-grid article,.compare-pane[data-compare-mode="difference"] .compare-grid article{grid-area:1/1;min-width:0}.compare-pane[data-compare-mode="overlay"] [data-compare-layer="top"]{opacity:.5}.compare-pane[data-compare-mode="swipe"] [data-compare-layer="top"]{z-index:2}.compare-pane[data-compare-mode="difference"] [data-compare-layer="top"]{mix-blend-mode:difference}.compare-pane[data-compare-mode="overlay"] .compare-grid article header,.compare-pane[data-compare-mode="swipe"] .compare-grid article header,.compare-pane[data-compare-mode="blink"] .compare-grid article header,.compare-pane[data-compare-mode="difference"] .compare-grid article header{position:absolute;z-index:3;background:rgba(3,28,45,.76);border-radius:0 0 7px 0}.compare-pane[data-compare-mode="overlay"] [data-compare-layer="top"] header,.compare-pane[data-compare-mode="swipe"] [data-compare-layer="top"] header,.compare-pane[data-compare-mode="blink"] [data-compare-layer="top"] header,.compare-pane[data-compare-mode="difference"] [data-compare-layer="top"] header{right:0;border-radius:0 0 0 7px}.compare-media [data-compare-visual]{object-fit:contain;width:100%;height:100%}
@media(max-width:900px){.review-shell[data-has-assets]{grid-template-rows:72px 60px 78px minmax(0,1fr)}.asset-strip{padding:8px 10px}.asset-progress{width:100px;flex-basis:100px}.asset-tabs{width:100%}.asset-tab{min-width:156px}.precision-tools,.pdf-toolkit,.website-review-tools{align-items:stretch;flex-direction:column}.precision-group{justify-content:center;flex-wrap:wrap}.precision-tools small{text-align:center}.compare-mode-switch{order:3;width:100%;overflow-x:auto}.website-review-tools form{flex-wrap:wrap}.capture-status{margin-left:0}}@media(max-width:640px){.review-shell[data-has-assets]{grid-template-rows:auto auto auto auto}.asset-strip{height:auto;min-height:76px;flex-direction:column}.asset-progress{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;flex-basis:auto}}
.compare-head{flex-wrap:nowrap}.compare-head>div:first-child{margin-right:0;flex:0 0 auto}.compare-head>div:first-child small{display:none}.compare-head>.compare-mode-switch{margin-right:auto}@media(max-width:900px){.compare-head{flex-wrap:wrap}.compare-head>div:first-child small{display:block}}
.user-copy { color: inherit; text-decoration: none; }
.workflow-row-v4 { align-items: center; min-height: 126px; }
.workflow-row-v4 .workflow-copy { min-width: 255px; }
.workflow-row-v4 .workflow-copy small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.workflow-row-v4 .workflow-stages span { gap: 4px; align-items: center; }
.workflow-row-v4 .workflow-stages span small { color: var(--muted); font-size: 9px; }
.review-manage-modal { width: min(920px, calc(100vw - 32px)); }
.review-manage-modal .modal-body { display: grid; gap: 24px; max-height: min(72vh, 760px); overflow-y: auto; }
.manage-section { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.manage-section:last-child { border-bottom: 0; }
.manage-stages { display: grid; gap: 9px; }
.manage-stages > div { display: grid; grid-template-columns: minmax(190px, 1fr) 120px auto; gap: 12px; align-items: center; min-height: 44px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; }
.manage-stages small { color: var(--muted); }
.manage-reviewers, .share-link-list { display: grid; gap: 8px; }
.manage-reviewers > div, .share-link-list > div { display: flex; gap: 10px; align-items: center; min-height: 48px; padding: 8px 10px; border-bottom: 1px solid var(--line-soft); }
.manage-reviewers > div > div, .share-link-list > div > div { min-width: 0; flex: 1; }
.manage-reviewers strong, .manage-reviewers small, .share-link-list strong, .share-link-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manage-reviewers small, .share-link-list small { color: var(--muted); font-size: 11px; }
.reviewer-add-form { padding: 16px; margin-top: 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.comment-options { padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbfc; }
.comment-options summary { cursor: pointer; color: var(--blue-700); font-size: 11px; font-weight: 800; }
.comment-option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.comment-option-grid label { font-size: 10px; }
.comment-option-grid select, .comment-option-grid input { min-height: 34px; padding: 6px 8px; font-size: 11px; }
.internal-toggle { display: flex !important; flex-direction: row !important; gap: 7px !important; align-items: center; margin-top: 9px; color: var(--ink-soft); font-size: 10px !important; }
.comment-meta { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 7px 0 5px; }
.comment-meta > span { padding: 3px 6px; border-radius: 5px; color: var(--muted); background: #eff4f6; font-size: 9px; font-weight: 800; }
.comment-meta .label-change, .comment-meta .priority-urgent { color: #9d312b; background: #fff0ef; }
.comment-meta .label-question, .comment-meta .priority-high { color: #895b0a; background: #fff7df; }
.comment-meta .label-approved { color: #2f6b33; background: #eff9e9; }
.comment-meta .comment-private { display: inline-flex; gap: 3px; align-items: center; color: var(--blue-700); background: #eaf7fc; }
.comment-meta .comment-private .icon { width: 10px; height: 10px; }
.comment-reactions { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 2px; }
.comment-reactions form { margin: 0; }
.comment-reactions button { padding: 4px 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-soft); background: var(--white); font: 700 9px/1 var(--font-ui); cursor: pointer; }
.comment-reactions button:hover { color: var(--blue-700); border-color: var(--cyan); }
.notification-preferences { display: grid; grid-template-columns: minmax(220px, .72fr) 1.28fr; gap: 28px; margin-top: 22px; }
.notification-preferences h2 { margin: 0 0 6px; }
.notification-preferences p { margin: 0; color: var(--muted); }
.notification-preferences form { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.preference-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.preference-grid label { display: flex; gap: 7px; align-items: center; min-height: 38px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; font-weight: 720; }
.security-setup { padding: 20px; margin-top: 20px; border: 1px solid var(--line); border-radius: 12px; background: #f8fbfc; }
.security-setup h3 { margin: 0 0 7px; }
.security-setup p { color: var(--muted); }
.totp-secret { display: block; width: fit-content; padding: 10px 12px; margin: 12px 0; border-radius: 7px; color: var(--blue-700); background: #e5f6fd; font-size: 15px; letter-spacing: .08em; }
.recovery-codes { display: grid; gap: 8px; padding: 13px; margin: 12px 0; border: 1px solid #b7dca2; border-radius: 9px; background: #f2faed; }
.recovery-codes code { white-space: normal; line-height: 1.8; }
.inline-form { display: flex; gap: 10px; align-items: end; margin-top: 15px; }
.inline-form label { flex: 1; }
.profile-settings .settings-panel { display: block; }
.demo-reset-link { display: block; padding: 10px 12px; margin-top: 12px; border: 1px solid var(--cyan); border-radius: 8px; text-align: center; }
.email-row form { margin-left: 4px; }

@media (max-width: 900px) {
  .workflow-row-v4 { grid-template-columns: auto 1fr; }
  .workflow-row-v4 .workflow-stages { grid-column: 1 / -1; overflow-x: auto; }
  .notification-preferences { grid-template-columns: 1fr; }
  .preference-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .migration-kit-heading { align-items: start; grid-template-columns: auto 1fr; }
  .migration-kit-heading > .package-status { grid-column: 2; justify-self: start; }
  .migration-kit-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .manage-stages > div { grid-template-columns: 1fr auto; }
  .manage-stages > div form { grid-column: 1 / -1; }
  .comment-option-grid, .preference-grid { grid-template-columns: 1fr; }
  .notification-preferences form { grid-template-columns: 1fr; }
  .inline-form { align-items: stretch; flex-direction: column; }
  .smtp-preset-grid { grid-template-columns: 1fr; }
  .smtp-quick-setup .subheading { align-items: flex-start; flex-direction: column; }
}

/* v0.5.1 — adaptive review density and scroll-safe website interaction */
.workspace-view-controls { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(218,232,240,.2); border-radius: 8px; background: rgba(255,255,255,.035); }
.workspace-view-controls button { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 6px; color: #9fb7c5; background: transparent; cursor: pointer; }
.workspace-view-controls button:hover, .workspace-view-controls button.active, .workspace-view-controls button[aria-pressed="true"] { color: #a3e6ff; background: #114a68; }
.workspace-view-controls .icon { width: 16px; height: 16px; }

.review-shell[data-single-asset] { grid-template-rows: 72px 58px minmax(0,1fr) 48px; }
.review-shell.versions-collapsed .version-rail, .review-shell.comments-collapsed .comments-panel { display: none; }
.review-shell.versions-collapsed .review-body { grid-template-columns: minmax(0,1fr) 396px; }
.review-shell.comments-collapsed .review-body { grid-template-columns: 218px minmax(0,1fr); }
.review-shell.versions-collapsed.comments-collapsed .review-body { grid-template-columns: minmax(0,1fr); }

.review-shell.focus-view { grid-template-rows: 64px minmax(0,1fr); }
.review-shell.focus-view .stage-strip, .review-shell.focus-view .asset-strip, .review-shell.focus-view .version-rail, .review-shell.focus-view .comments-panel, .review-shell.focus-view .review-footer { display: none; }
.review-shell.focus-view .review-body { grid-template-columns: minmax(0,1fr); }
.review-shell.focus-view .review-topbar { grid-row: 1; }
.review-shell.focus-view .review-body { grid-row: 2; }
.review-shell.focus-view .proof-workspace { padding: 10px 12px 70px; }
.review-shell.comments-collapsed .media-review-website, .review-shell.comments-collapsed .media-review-code, .review-shell.focus-view .media-review-website, .review-shell.focus-view .media-review-code { width: min(100%,1280px); }
.review-shell.focus-view .media-review-website .proof-media-wrap, .review-shell.focus-view .media-review-code .proof-media-wrap { height: min(calc(100vh - 150px),900px); }

.proof-media-wrap.review-mode-interact .annotation-svg, .proof-media-wrap.review-mode-interact .annotation-pin, .proof-media-wrap.review-mode-interact .pending-pin { visibility: hidden; opacity: 0; pointer-events: none; }
.proof-media-wrap .annotation-svg, .proof-media-wrap .annotation-pin, .proof-media-wrap .pending-pin { transition: opacity .12s ease; }
.proof-workspace.interact-active { padding-bottom: 16px; }
.proof-workspace.interact-active .annotation-toolbar { visibility: hidden; opacity: 0; pointer-events: none; transform: translate(-50%,10px); }
.annotation-toolbar { transition: opacity .15s ease, transform .15s ease, visibility .15s; }
.review-shell[data-media-kind="website"] .annotation-toolbar { bottom: 3px; padding: 5px; }
.review-shell[data-media-kind="website"] .annotation-tool { min-width: 46px; min-height: 46px; padding: 4px 6px; }
.review-mode-switch small { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.comment-reaction-menu { width: fit-content; margin-top: 6px; }
.comment-reaction-menu summary { color: var(--muted); cursor: pointer; font-size: 9px; font-weight: 750; list-style: none; }
.comment-reaction-menu summary::-webkit-details-marker { display: none; }
.comment-reaction-menu summary::before { content: "+ "; color: var(--cyan-dark); }
.comment-reaction-menu[open] summary::before { content: "− "; }
.comment-reaction-menu .comment-reactions { padding-top: 4px; }
.comment-composer:not(:focus-within) { padding-top: 7px; padding-bottom: 7px; }
.comment-composer:not(:focus-within) textarea { min-height: 34px; height: 34px; }
.comment-composer:not(:focus-within) .comment-options, .comment-composer:not(:focus-within) .comment-location-tools, .comment-composer:not(:focus-within) .composer-attachment-tools, .comment-composer:not(:focus-within) .comment-link-row, .comment-composer:not(:focus-within) .voice-note-panel, .comment-composer:not(:focus-within) .composer-actions > span { display: none; }
.comment-composer.voice-note-open:not(:focus-within) textarea { min-height: 58px; height: auto; }
.comment-composer.voice-note-open:not(:focus-within) .comment-options { display: block; }
.comment-composer.voice-note-open:not(:focus-within) .comment-location-tools { display: flex; }
.comment-composer.voice-note-open:not(:focus-within) .composer-attachment-tools { display: flex; }
.comment-composer.voice-note-open:not(:focus-within) .comment-link-row { display: grid; }
.comment-composer.voice-note-open:not(:focus-within) .voice-note-panel { display: grid; }
.comment-composer.voice-note-open:not(:focus-within) .composer-actions > span { display: flex; }
.comment-composer:not(:focus-within) .composer-actions { justify-content: flex-end; }
.comment-composer.voice-note-open:not(:focus-within) .composer-actions { justify-content: space-between; }
.comments-head .icon-button { width: 30px; height: 30px; color: var(--muted); }
.website-review-tools { min-height: 44px; margin-top: 6px; padding: 6px 10px; }

@media (max-width: 1350px) {
  .review-shell.versions-collapsed .review-body { grid-template-columns: minmax(0,1fr) 335px; }
  .review-shell.comments-collapsed .review-body { grid-template-columns: 150px minmax(0,1fr); }
  .review-shell.versions-collapsed.comments-collapsed .review-body, .review-shell.focus-view .review-body { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 1050px) {
  .review-shell.versions-collapsed .review-body { grid-template-columns: minmax(0,1fr) 315px; }
  .review-shell.comments-collapsed .review-body { grid-template-columns: 90px minmax(0,1fr); }
  .review-shell.versions-collapsed.comments-collapsed .review-body, .review-shell.focus-view .review-body { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 800px) {
  .review-shell, .review-shell[data-single-asset] { width: 100%; min-width: 0; max-width: 100vw; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; }
  .review-topbar, .stage-strip, .review-body, .version-rail, .proof-workspace, .comments-panel { width: 100%; min-width: 0; max-width: 100vw; }
  .review-shell.versions-collapsed .review-body, .review-shell.comments-collapsed .review-body, .review-shell.versions-collapsed.comments-collapsed .review-body, .review-shell.focus-view .review-body { display: flex; flex-direction: column; }
  .review-shell.focus-view { grid-template-rows: auto minmax(0,1fr); }
  .review-shell.focus-view .review-controls { width: auto; flex: 1; }
  .workspace-view-controls { margin-left: auto; }
}

/* v0.5.2 — contextual comment navigation, synchronized players, and hybrid review mode */
.review-mode-switch { display: grid; width: min(430px, calc(100% - 36px)); max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.review-mode-switch button { justify-content: center; }
.review-mode-switch small { grid-column: 1 / -1; padding: 3px 7px 1px; text-align: right; }
.review-mode-switch button[title="Use the media while viewing markups"] { color: #cfe6f1; }
.review-mode-switch button[title="Use the media while viewing markups"].active { color: #dff9c8; background: #315a3c; box-shadow: inset 0 0 0 1px rgba(181,231,132,.55); }

.proof-media-wrap.review-mode-hybrid .proof-media { pointer-events: auto; }
.proof-media-wrap.review-mode-hybrid .annotation-svg,
.proof-media-wrap.review-mode-hybrid .annotation-group,
.proof-media-wrap.review-mode-hybrid .annotation-pin,
.proof-media-wrap.review-mode-hybrid .pending-pin { pointer-events: none; }
.proof-media-wrap.review-mode-hybrid::after { content: "Review · markups visible"; position: absolute; z-index: 4; top: 10px; right: 10px; padding: 4px 7px; border: 1px solid rgba(190,232,154,.42); border-radius: 5px; color: #e2f8cf; background: rgba(20,58,34,.88); font-size: 9px; font-weight: 760; pointer-events: none; }
.proof-workspace.hybrid-active { padding-bottom: 16px; }
.proof-workspace.hybrid-active .annotation-toolbar { visibility: hidden; opacity: 0; pointer-events: none; transform: translate(-50%,10px); }

.comment-card[data-comment-context] { cursor: pointer; transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease; }
.comment-card[data-comment-context]:hover { border-color: #a8dff3; background: #f8fcfe; }
.comment-card[data-comment-context]:focus-visible { border-radius: 8px; outline: 2px solid var(--cyan); outline-offset: -2px; }
.comment-card[data-comment-context] button,
.comment-card[data-comment-context] a,
.comment-card[data-comment-context] input,
.comment-card[data-comment-context] textarea,
.comment-card[data-comment-context] select,
.comment-card[data-comment-context] label,
.comment-card[data-comment-context] summary { cursor: auto; }
.annotation-pin.selected { z-index: 4; outline: 3px solid #f6d86b; outline-offset: 3px; box-shadow: 0 0 0 7px rgba(246,216,107,.2), 0 4px 15px rgba(0,0,0,.4); }
.annotation-group.selected .annotation-shape { filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #f6d86b); }
.annotation-group.selected .annotation-label-circle { stroke: #f6d86b; stroke-width: 1.1; }
.timeline-markers button.selected { width: 14px; height: 14px; top: -2px; background: #f6d86b; outline: 2px solid #fff; }

.media-controls:not(.picker-controls) { min-height: 58px; padding: 7px 10px; border: 1px solid rgba(194,219,233,.2); border-radius: 10px; background: rgba(6,36,56,.72); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.media-controls:not(.picker-controls) .media-control-button[data-media-play] { width: 38px; height: 38px; color: #062438; background: #8bdfff; }
.media-controls:not(.picker-controls) .media-control-button[data-media-play]:hover { color: #062438; background: #b9edff; }
.media-controls.external-controls:not(.picker-controls) { padding-right: 10px; padding-left: 10px; }
.media-controls .media-time { min-width: 80px; text-align: center; }

@media (max-width: 900px) {
  .media-controls:not(.picker-controls) { flex-wrap: wrap; justify-content: center; }
  .media-controls:not(.picker-controls) .media-progress-wrap { min-width: 45%; order: 2; flex-basis: 55%; }
  .media-controls:not(.picker-controls) .media-comment-button { order: 3; }
  .review-mode-switch { position: static; width: fit-content; margin: 0 auto 10px; }
}

@media (max-width: 600px) {
  .review-mode-switch { width: calc(100% - 18px); max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .review-mode-switch button { justify-content: center; padding: 0 7px; }
  .media-controls .media-volume { display: none; }
  .media-controls:not(.picker-controls) .media-progress-wrap { min-width: 100%; flex-basis: 100%; }
}

/* v0.5.3 cascade overrides */
.review-mode-switch button[data-review-mode="hybrid"] { color: #cfe6f1; }
.review-mode-switch button[data-review-mode="hybrid"].active { color: #dff9c8; background: #315a3c; box-shadow: inset 0 0 0 1px rgba(181,231,132,.55); }
.review-mode-switch small { min-width: 0; grid-column: 1 / 3; text-align: left; }
.review-mode-switch .tooltip-toggle { grid-column: 3; grid-row: 2; }
.media-review-pdf .proof-media-wrap { height: min(calc(100vh - 520px), 640px); min-height: 340px; max-height: none; }
.proof-media-website.review-mode-hybrid::after,
.proof-media-code.review-mode-hybrid::after { content: "Review · anchored markups only"; }
@media (max-width: 640px) {
  .review-mode-switch small { grid-column: 1 / -1; }
  .review-mode-switch .tooltip-toggle { grid-column: 1 / -1; grid-row: auto; justify-self: center; }
}

/* v0.5.4 — roomier documents, guided website anchoring, and hosted-audio parity */
.media-review-pdf { position: relative; width: min(100%, 980px); height: auto; max-height: none; align-content: start; }
.media-review-pdf .proof-media-wrap {
  width: min(100%, 780px);
  height: clamp(440px, 72dvh, 820px);
  min-height: 440px;
  max-height: none;
  aspect-ratio: auto;
}
.media-review-pdf .pdf-page-viewer { padding-bottom: 88px; }
.media-review-pdf .pdf-toolkit {
  position: absolute;
  z-index: 8;
  bottom: 12px;
  left: 50%;
  width: min(748px, calc(100% - 48px));
  margin: 0;
  background: rgba(6,36,56,.94);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
  transform: translateX(-50%);
}
.media-review-audio .external-player iframe,
.spotify-api-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.spotify-api-player { display: grid; place-items: center; overflow: hidden; color: #b7ccd6; background: #102c3e; box-shadow: 0 12px 40px rgba(0,0,0,.28); }
.spotify-api-player [data-player-loading] { font-size: 11px; font-weight: 700; }
.precision-tools-audio { justify-content: space-between; }

.website-bridge-help { position: relative; flex: 0 0 auto; }
.website-bridge-help > summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid #395c6e;
  border-radius: 7px;
  color: #cce1eb;
  background: #11364b;
  cursor: pointer;
  font-size: 10px;
  font-weight: 750;
  list-style: none;
}
.website-bridge-help > summary::-webkit-details-marker { display: none; }
.website-bridge-help > summary::before { margin-right: 5px; content: "⚓"; font-size: 9px; }
.website-bridge-help[open] > summary { border-color: #24b5ea; color: #fff; background: #15506d; }
.website-bridge-help > div {
  position: absolute;
  z-index: 35;
  right: 0;
  bottom: calc(100% + 9px);
  display: grid;
  width: min(390px, calc(100vw - 44px));
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(143,220,248,.42);
  border-radius: 10px;
  color: #dcebf2;
  background: #061f31;
  box-shadow: 0 12px 32px rgba(0,0,0,.42);
}
.website-bridge-help p { margin: 0; color: #98b4c2; font-size: 10px; line-height: 1.45; }
.website-bridge-help code { display: block; overflow: auto; padding: 9px; border-radius: 6px; color: #c8f2ff; background: #031723; font-size: 9px; white-space: nowrap; }
.website-bridge-help button { justify-self: end; min-height: 30px; padding: 5px 10px; border: 1px solid #25b5e9; border-radius: 7px; color: #062438; background: #8bdfff; cursor: pointer; font: inherit; font-size: 10px; font-weight: 780; }

@media (max-height: 680px) {
  .media-review-pdf .proof-media-wrap { height: 440px; min-height: 440px; }
}
@media (max-width: 640px) {
  .media-review-pdf .proof-media-wrap { width: 100%; height: 64dvh; min-height: 380px; }
  .media-review-pdf .pdf-toolkit { position: static; width: calc(100% - 24px); margin-top: 8px; transform: none; }
  .website-bridge-help > div { right: 50%; transform: translateX(50%); }
}

/* v0.5.5 — movable review controls and resilient website anchors */
.review-mode-switch .review-mode-drag {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -12px;
  display: grid;
  width: 28px;
  min-height: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(149, 219, 245, .58);
  border-radius: 50%;
  color: #dff6ff;
  background: #0e425e;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.review-mode-switch .review-mode-drag:hover,
.review-mode-switch .review-mode-drag:focus-visible { color: #062438; background: #9be5ff; }
.review-mode-switch.is-dragging { box-shadow: 0 11px 30px rgba(0, 0, 0, .38); }
.review-mode-switch.is-dragging .review-mode-drag { cursor: grabbing; }
.review-mode-switch[data-custom-position="true"] { transition: none; }
@media (max-width: 900px) {
  .review-mode-switch .review-mode-drag { display: none; }
}

/* v0.5.6 — friendly website-review administration */
.website-settings-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.website-settings-card { display: grid; min-width: 0; align-content: start; gap: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #fbfdfe; }
.website-settings-card.recommended { border-color: rgba(23, 173, 230, .42); box-shadow: 0 0 0 3px rgba(23, 173, 230, .06); }
.settings-card-heading { display: flex; align-items: flex-start; gap: 12px; }
.settings-card-heading > div { min-width: 0; }
.settings-card-heading h3 { margin: 0; font-size: 17px; }
.settings-card-heading p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.settings-card-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: var(--cyan-dark); background: var(--cyan-soft); }
.settings-card-icon .icon { width: 18px; height: 18px; }
.settings-card-title { display: flex; align-items: center; gap: 8px; }
.settings-card-title em { padding: 3px 7px; border-radius: 20px; color: #21744d; background: var(--green-soft); font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.website-settings-card > .mail-status { width: fit-content; }
.snapshot-ready-action { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid #bfe7d1; border-radius: 9px; color: #1d754a; background: #effaf4; }
.snapshot-ready-action > .icon { width: 19px; height: 19px; flex: 0 0 auto; }
.snapshot-ready-action > span { display: grid; gap: 1px; }
.snapshot-ready-action strong { font-size: 11px; }
.snapshot-ready-action small { color: #4d7562; font-size: 9px; }
.snapshot-ready-action.snapshot-needs-admin { border-color: #e1e5e9; color: var(--ink-soft); background: #f5f7f9; }
.snapshot-ready-action.snapshot-needs-admin small { color: var(--muted); }
.snapshot-setup-form { display: grid; justify-items: start; gap: 7px; padding: 12px; border: 1px solid #ded8ff; border-radius: 9px; background: #f7f5ff; }
.snapshot-setup-form small { max-width: 42ch; color: var(--muted); font-size: 9px; line-height: 1.4; }
.website-settings-disclosure { border-top: 1px solid var(--line); }
.website-settings-disclosure summary { padding-top: 14px; color: var(--cyan-dark); cursor: pointer; font-size: 11px; font-weight: 760; list-style-position: inside; }
.website-settings-disclosure > div { display: grid; gap: 12px; padding-top: 13px; }
.website-setup-steps { display: grid; gap: 7px; padding-left: 20px; margin: 0; color: var(--ink-soft); font-size: 11px; }
.website-bridge-code { display: grid; gap: 9px; }
.website-bridge-code code { display: block; max-width: 100%; overflow-x: auto; padding: 10px 11px; border-radius: 7px; color: #d6eff8; background: #08283b; font-size: 9px; white-space: nowrap; }
.website-bridge-code .button { width: fit-content; }
.settings-note { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.snapshot-details { display: grid; gap: 9px; margin: 0; }
.snapshot-details > div { display: grid; gap: 3px; }
.snapshot-details dt { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.snapshot-details dd { margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.45; }
.snapshot-details code { overflow-wrap: anywhere; color: var(--cyan-dark); font-size: 10px; }

/* v0.6.6 — ProofBetter editorial brand */
.review-page, .review-shell { background: #11141b; }
.review-topbar { background: #0b0d12; }

/* v2.1.0 — optional guided review */
.experience-review-choice,.proof-review-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8f9fb}.experience-review-choice>div>strong,.proof-review-experience>div>strong{display:block;margin-bottom:5px;color:var(--ink);font-size:15px}.experience-review-choice p,.proof-review-experience p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.proof-review-experience label{margin:0}.guided-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh;background:#fff;color:#151720}.guided-sidebar{display:flex;flex-direction:column;min-height:100vh;padding:25px 14px 16px;background:#0b0d12;color:#e9eef3}.guided-brand{display:block;width:190px;max-width:100%;padding:0 14px 24px}.guided-brand img{display:block;width:100%;height:auto}.guided-sidebar nav{display:grid;gap:8px}.guided-sidebar nav a,.guided-signout{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 15px;border:0;border-radius:10px;color:#d7e1e8;background:transparent;text-decoration:none;font:700 13px/1 var(--font-ui);cursor:pointer}.guided-sidebar nav a.active{color:var(--brand-acid);background:#2b2359}.guided-sidebar .icon,.guided-signout .icon{width:20px;height:20px}.guided-sidebar-spacer{flex:1}.guided-signout{width:100%;border-top:1px solid rgba(255,255,255,.14);border-radius:0}.guided-main{min-width:0}.guided-topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.guided-topbar>a{display:flex;align-items:center;gap:8px;color:var(--brand-primary);font-size:12px;font-weight:760;text-decoration:none}.guided-topbar>a .icon{width:15px}.guided-topbar>div{display:flex;align-items:center;gap:9px}.guided-topbar>div>span:last-child{display:grid;gap:2px}.guided-topbar strong{font-size:12px}.guided-topbar small{color:var(--muted);font-size:10px}.guided-content{max-width:1240px;margin:0 auto;padding:38px 42px 56px}.guided-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.guided-heading>div>small{color:var(--muted);font-size:11px}.guided-heading h1{margin:7px 0 0;font-size:31px;letter-spacing:-.035em}.guided-heading dl{display:flex;gap:30px;margin:0}.guided-heading dl div{padding-left:28px;border-left:1px solid var(--line)}.guided-heading dt{color:var(--muted);font-size:10px}.guided-heading dd{margin:5px 0 0;font-size:12px;font-weight:750}.guided-steps{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) 120px minmax(0,1fr);align-items:center;padding:22px 26px;border:1px solid var(--line-strong);border-radius:12px}.guided-steps>div{display:flex;align-items:center;gap:12px}.guided-steps>div>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:12px}.guided-steps>div.active>b{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}.guided-steps>div.complete>b{border-color:#4bbb6b;color:#237a40}.guided-steps>div span{display:grid;gap:4px}.guided-steps strong{font-size:12px}.guided-steps small{color:var(--muted);font-size:10px}.guided-steps>i{height:1px;background:var(--line-strong)}.guided-work{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:34px;margin-top:28px}.guided-checklist{padding:4px 32px 12px 0;border-right:1px solid var(--line)}.guided-checklist h2,.guided-assets h2{margin:0;font-size:18px}.guided-checklist>p{max-width:370px;color:var(--muted);font-size:12px;line-height:1.6}.guided-checklist ul{display:grid;gap:14px;margin:22px 0 26px;padding:0;list-style:none}.guided-checklist li{display:flex;align-items:center;gap:10px;font-size:12px}.guided-checklist li .icon{width:18px;height:18px;padding:3px;border-radius:50%;color:#238546;background:#e6f6eb}.guided-start{width:min(100%,230px);justify-content:center}.guided-help-link{display:block;margin-top:18px;color:var(--brand-primary);font-size:11px;font-weight:720;text-decoration:none}.guided-assets>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.guided-assets>div:first-child>span{color:var(--muted);font-size:11px}.guided-asset-list{border-top:1px solid var(--line)}.guided-asset-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:66px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.guided-asset-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#8b6cff;background:#f3f0ff}.guided-asset-icon .icon{width:18px;height:18px}.guided-asset-list>a>span:nth-child(2){display:grid;gap:4px}.guided-asset-list strong{font-size:12px}.guided-asset-list small{color:var(--muted);font-size:10px}.guided-asset-list em{color:var(--brand-primary);font-size:10px;font-style:normal;font-weight:750}.guided-asset-list a.visited em{color:#238546}.guided-asset-list>a>.icon{width:15px;color:var(--muted)}.guided-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:30px}.guided-bottom article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:14px 18px;border:1px solid var(--line-strong);border-radius:12px}.guided-bottom article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--brand-primary);background:#f1edff}.guided-bottom article>div{display:grid;gap:4px}.guided-bottom strong{font-size:12px}.guided-bottom small{color:var(--muted);font-size:10px}.guided-bottom article>a:not(.button){display:flex;align-items:center;gap:5px;color:var(--brand-primary);font-size:11px;font-weight:760;text-decoration:none}.guided-bottom article.complete{border-color:#b9e1c5;background:#f4fbf6}.guided-review-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border-bottom:1px solid rgba(207,225,236,.15);background:#10293b;color:#dcebf2}.guided-review-bar>a{display:flex;align-items:center;gap:7px;color:#a9c4d1;font-size:11px;font-weight:720;text-decoration:none}.guided-review-bar>a .icon{width:15px}.guided-review-bar>div{display:flex;align-items:center;justify-content:center;gap:14px}.guided-review-bar span,.guided-review-bar button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#a8bfca;font:720 10px/1 var(--font-ui)}.guided-review-bar span.active{color:#fff}.guided-review-bar b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #58788a;border-radius:50%;font-size:9px}.guided-review-bar .active b{border-color:var(--brand-acid);color:var(--brand-acid)}.guided-review-bar small{color:var(--brand-acid)}.guided-review-bar i{width:42px;height:1px;background:#426275}.guided-review-bar button{cursor:pointer}.review-shell.guided-review-active{grid-template-rows:72px 52px 58px minmax(0,1fr) 48px!important}.review-shell.guided-review-active[data-has-assets]{grid-template-rows:78px 52px 68px 78px minmax(0,1fr) 58px!important}
@media(max-width:900px){.guided-shell{grid-template-columns:82px minmax(0,1fr)}.guided-brand{padding:0 8px 24px}.guided-sidebar nav a,.guided-signout{justify-content:center;padding:0}.guided-sidebar nav span,.guided-signout span{display:none}.guided-content{padding:28px 24px}.guided-steps{grid-template-columns:1fr;gap:12px}.guided-steps>i{display:none}.guided-work{grid-template-columns:1fr}.guided-checklist{padding-right:0;border-right:0;border-bottom:1px solid var(--line);padding-bottom:28px}.guided-bottom{grid-template-columns:1fr}.guided-review-bar>a span{display:none}.guided-review-bar i{width:18px}}
@media(max-width:640px){.experience-review-choice,.proof-review-experience{grid-template-columns:1fr}.guided-shell{display:block}.guided-sidebar{position:sticky;z-index:30;top:0;display:flex;min-height:0;height:62px;padding:7px 12px;flex-direction:row;align-items:center}.guided-brand{width:110px;padding:0}.guided-sidebar nav{display:flex;margin-left:auto}.guided-sidebar nav a{width:42px;min-height:42px}.guided-sidebar-spacer,.guided-signout{display:none}.guided-topbar{padding:0 16px;min-height:58px}.guided-topbar>div span:last-child{display:none}.guided-content{padding:22px 16px 36px}.guided-heading{align-items:flex-start;flex-direction:column}.guided-heading h1{font-size:25px}.guided-heading dl{width:100%;gap:0}.guided-heading dl div{flex:1;padding-left:14px}.guided-steps{padding:16px}.guided-work{margin-top:22px}.guided-asset-list>a{grid-template-columns:40px minmax(0,1fr) auto}.guided-asset-list>a>.icon{display:none}.guided-bottom article{grid-template-columns:42px minmax(0,1fr)}.guided-bottom article>a{grid-column:2}.guided-review-bar{overflow-x:auto;padding:8px 10px;min-height:58px}.guided-review-bar>div{gap:8px;min-width:max-content}.guided-review-bar span,.guided-review-bar button{font-size:9px}.review-shell.guided-review-active,.review-shell.guided-review-active[data-has-assets]{grid-template-rows:auto auto auto auto!important}}
.command-key{position:absolute;right:9px;top:50%;min-width:38px;height:28px;padding:0 7px;border:1px solid var(--line-strong);border-radius:6px;background:#f7f8fa;color:var(--muted);font:700 10px/1 var(--font-ui);transform:translateY(-50%);cursor:pointer}.global-search input{padding-right:58px}.command-palette{width:min(620px,calc(100vw - 30px));max-height:min(680px,calc(100vh - 80px));padding:0;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 26px 80px rgba(5,8,16,.28)}.command-palette::backdrop{background:rgba(8,10,17,.55);backdrop-filter:blur(3px)}.command-palette-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.command-palette-head>.icon{width:19px}.command-palette-head input{height:42px;padding:0;border:0;outline:0;font-size:16px}.command-close{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#f7f8fa;color:var(--muted);font-size:10px}.command-list{display:grid;max-height:520px;overflow:auto;padding:8px}.command-list>a,.command-list>button,.command-search-all button{display:flex;align-items:center;justify-content:space-between;min-height:48px;width:100%;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:700 12px/1 var(--font-ui);text-decoration:none;cursor:pointer}.command-list>a:hover,.command-list>button:hover,.command-list>a:focus,.command-list>button:focus{outline:0;background:#f1edff}.command-list span{display:flex;align-items:center;gap:11px}.command-list .icon{width:18px;height:18px;color:var(--brand-primary)}.command-list small{color:var(--muted);font-size:9px;font-weight:650}.command-search-all{margin:0}.command-search-all button{border-top:1px solid var(--line);border-radius:0}.command-empty{margin:0;padding:18px;color:var(--muted);font-size:12px}.page-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}@media(max-width:640px){.command-key{display:none}.global-search input{padding-right:14px}.page-heading-actions{width:100%}.page-heading-actions .button{flex:1}}
.stage-strip { background: #151922; }
.version-rail { background: #10131a; }
.proof-workspace { background: #1a1e27; }
.review-footer { background: #10131a; }
.review-control.active, .version-thumb.active { border-color: var(--cyan); background: rgba(116, 92, 255, .16); }
.review-control.active, .version-thumb.active > .version-number, .stage-active > span { color: #b9afff; }
.stage-active > span { border-color: var(--cyan); }
.review-mode-switch button.active,
.annotation-tool.active,
.annotation-tool[aria-pressed="true"] { color: #f7f8fc; background: #5b45e8; box-shadow: inset 0 0 0 1px rgba(199,255,61,.45); }
.annotation-tool:hover { color: #f7f8fc; background: rgba(116,92,255,.34); }
.workspace-view-controls button:hover,
.workspace-view-controls button.active,
.workspace-view-controls button[aria-pressed="true"] { color: var(--brand-acid); background: rgba(116,92,255,.28); }
.stage-completed > span, .mini-stage.stage-completed b, .autosave > .icon { border-color: var(--brand-acid); color: #151922; background: var(--brand-acid); }
.media-comment-button, .media-controls:not(.picker-controls) .media-control-button[data-media-play] { color: var(--brand-carbon); background: var(--brand-acid); }
.media-comment-button:hover, .media-controls:not(.picker-controls) .media-control-button[data-media-play]:hover { color: var(--brand-carbon); background: #dcff87; }
.installer-aside > img { width: 330px; height: 100px; }
.website-review-tools form button:disabled,
.website-review-tools form select:disabled { opacity: .48; cursor: not-allowed; }
.website-review-tools form .button { min-width: 126px; white-space: nowrap; }
.website-snapshot-unavailable { display: grid; margin-left: auto; text-align: right; }
.website-snapshot-unavailable strong { color: #ffc1bc; font-size: 10px; }
.website-snapshot-unavailable span { color: #89a9b8; font-size: 9px; }
@media (max-width: 1050px) {
  .website-settings-grid { grid-template-columns: 1fr; }
}

/* v1.0.1 — reliable static website review and compact comment layout */
.snapshot-toggle-form { display: flex; align-items: center; justify-content: flex-start; }
.static-website-canvas { place-items: start center; padding-top: 14px; padding-bottom: 28px; }
.static-website-review { width: min(100%, 980px); max-height: none; align-self: start; }
.media-review-website.static-website-review .proof-media-wrap {
  width: 100%;
  height: min(calc(100vh - 336px), 680px);
  min-height: 360px;
  max-height: 680px;
  aspect-ratio: auto;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border-radius: 8px;
}
.static-website-page { position: relative; width: 100%; min-height: 100%; }
.static-website-review .proof-website-snapshot {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: top;
}
.static-website-review .proof-media-wrap.review-mode-hybrid .annotation-svg,
.static-website-review .proof-media-wrap.review-mode-hybrid .annotation-group,
.static-website-review .proof-media-wrap.review-mode-hybrid .annotation-pin,
.static-website-review .proof-media-wrap.review-mode-hybrid .pending-pin { visibility: visible; opacity: 1; }
.website-review-tools { flex-wrap: wrap; }
.website-review-tools form { flex: 0 0 auto; }
.review-mode-switch button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }

/* v0.6.6 — drillable administration and role management */
.client-main h2 a,
.project-copy h2 a { color: inherit; text-decoration: none; }
.client-main h2 a:hover,
.project-copy h2 a:hover { color: var(--cyan-dark); }
.row-open-link,
.row-open { flex: 0 0 auto; color: var(--cyan-dark); font-size: 11px; font-weight: 780; text-decoration: none; white-space: nowrap; }
.drillable-row { color: inherit; text-decoration: none; }
.record-inactive { opacity: .62; }

.admin-detail-page { display: grid; gap: 24px; }
.admin-detail-page > * { margin: 0; }
.detail-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 11px; }
.detail-breadcrumb a { color: var(--cyan-dark); font-weight: 700; text-decoration: none; }
.detail-breadcrumb strong { color: var(--ink-soft); }
.detail-stats { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.detail-stats > div { position: relative; display: grid; min-height: 92px; align-content: center; gap: 3px; padding: 18px 24px; }
.detail-stats > div + div::before { position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; background: var(--line); content: ""; }
.detail-stats strong { font-size: 25px; }
.detail-stats span { color: var(--muted); font-size: 11px; }
.admin-detail-grid { display: grid; align-items: start; gap: 24px; grid-template-columns: minmax(0, 1.55fr) minmax(250px, .7fr); }
.admin-edit-card,
.admin-context-card,
.related-records { min-width: 0; }
.admin-edit-card > form:last-child,
.admin-context-card > *:last-child { margin-bottom: 0; }
.admin-context-card { display: grid; align-content: start; gap: 13px; }
.admin-context-card h2,
.admin-context-card p { margin: 0; }

.mini-record-list,
.admin-record-list,
.admin-proof-list { display: grid; }
.mini-record-list > a,
.mini-record-list > div,
.admin-record-list > a,
.admin-proof-list > div { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.mini-record-list > :last-child,
.admin-record-list > :last-child,
.admin-proof-list > :last-child { border-bottom: 0; }
.mini-record-list > a:hover strong,
.admin-record-list > a:hover strong { color: var(--cyan-dark); }
.mini-record-list > a > span:nth-child(2),
.mini-record-list > div > span:nth-child(2),
.admin-record-list > a > span:nth-child(2),
.admin-proof-title > span { display: grid; min-width: 0; flex: 1; gap: 2px; }
.mini-record-list small,
.admin-record-list small,
.admin-proof-list small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mini-record-list b,
.admin-record-list b { margin-left: auto; color: var(--cyan-dark); font-size: 10px; white-space: nowrap; }
.record-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: var(--cyan-dark); background: var(--cyan-soft); }
.admin-proof-list > div { justify-content: space-between; }
.admin-proof-title { display: flex; min-width: 0; flex: 1; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.admin-proof-title:hover strong { color: var(--cyan-dark); }
.admin-proof-title img,
.admin-proof-title .media-thumb-placeholder { width: 56px; height: 42px; flex: 0 0 auto; border-radius: 7px; object-fit: cover; }

.workflow-stage-editor { display: grid; gap: 10px; padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: #f8fbfc; }
.workflow-stage-editor .subheading { margin-bottom: 2px; }
.workflow-stage-editor [data-stage-list] { display: grid; gap: 9px; }
.workflow-stage-editor-row { display: grid; min-width: 0; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--white); grid-template-columns: 20px minmax(170px, 1fr) 76px minmax(200px, .9fr) auto; }
.workflow-stage-editor-row > label { margin: 0; }
.stage-grip { color: var(--muted); cursor: grab; font-weight: 800; letter-spacing: -3px; }
.stage-option-stack { display: grid; gap: 7px; }
.stage-option-stack label { display: flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 10px; font-weight: 650; }
.stage-option-stack input { width: auto; min-height: auto; }
.stage-row-actions { display: flex; gap: 4px; }
.stage-row-actions .icon-button { width: 31px; height: 31px; min-height: 31px; }
.danger-icon { color: var(--danger); }
.admin-toggle-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-toggle-grid label { display: flex; min-height: 48px; align-items: center; gap: 9px; padding: 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink-soft); font-size: 10px; }
.admin-toggle-grid input { width: auto; min-height: auto; }

.role-guide { display: grid; gap: 9px; padding-bottom: 20px; margin-bottom: 5px; border-bottom: 1px solid var(--line); grid-template-columns: repeat(5, minmax(0, 1fr)); }
.role-guide > div { display: grid; align-content: start; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fbfdfe; }
.role-guide p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.role-guide .role-badge { width: fit-content; }
.drillable-user-list .user-row { color: inherit; text-decoration: none; transition: background .15s ease; }
.drillable-user-list .user-row:hover { background: #f7fbfd; }
.drillable-user-list .user-row .row-open { margin-left: 4px; }
.role-admin { color: #4a35c7; background: #eeeaff; }
.role-manager { color: #176d65; background: #e1f6f1; }
.role-editor { color: #8c5b00; background: #fff1ce; }
.role-reviewer { color: #1b6288; background: #e3f4fc; }
.role-client { color: #6b526d; background: #f3eaf5; }
.user-status.inactive { color: var(--muted); }
.account-facts { display: grid; gap: 0; margin: 2px 0 0; }
.account-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.account-facts > div:last-child { border-bottom: 0; }
.account-facts dt { color: var(--muted); font-size: 10px; }
.account-facts dd { margin: 0; color: var(--ink-soft); font-size: 10px; font-weight: 700; text-align: right; }

.report-metrics > a { position: relative; display: grid; gap: 4px; padding: 23px 25px; color: inherit; text-decoration: none; transition: background .15s ease; }
.report-metrics > a:hover { background: #f7fbfd; }
.report-metrics > a + a::before { position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; background: var(--line); content: ""; }
.report-metrics-drillable span { color: var(--cyan-dark); font-size: 9px; font-weight: 720; }
.bar-row { display: block; color: inherit; text-decoration: none; }
.bar-row:hover > div:first-child span { color: var(--cyan-dark); }
.rank-list > a { display: grid; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; grid-template-columns: 30px 1fr auto; }
.rank-list > a:last-child { border-bottom: 0; }
.rank-list > a:hover strong { color: var(--cyan-dark); }
.report-records { margin-top: 24px; }
.report-filter-form { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; }
.report-filter-form label { min-width: 150px; margin: 0; font-size: 9px; }
.report-filter-form select { min-height: 36px; padding-top: 7px; padding-bottom: 7px; }

@media (max-width: 1100px) {
  .role-guide { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .workflow-stage-editor-row { grid-template-columns: 20px minmax(160px, 1fr) 70px auto; }
  .workflow-stage-editor-row .stage-option-stack { grid-column: 2 / 4; }
  .workflow-stage-editor-row .stage-row-actions { grid-column: 4; grid-row: 1 / 3; }
}

@media (max-width: 800px) {
  .admin-detail-grid { grid-template-columns: 1fr; }
  .admin-toggle-grid { grid-template-columns: 1fr; }
  .role-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-metrics > a:nth-child(3)::before { display: none; }
  .report-metrics > a:nth-child(n+3) { border-top: 1px solid var(--line); }
  .workflow-row .row-open { margin-left: auto; }
}

@media (max-width: 560px) {
  .detail-stats { grid-template-columns: 1fr; }
  .detail-stats > div { min-height: 72px; }
  .detail-stats > div + div::before { top: 0; right: 18px; bottom: auto; left: 18px; width: auto; height: 1px; }
  .role-guide { grid-template-columns: 1fr; }
  .drillable-user-list .user-row { align-items: flex-start; flex-wrap: wrap; }
  .drillable-user-list .user-row > div { min-width: calc(100% - 58px); }
  .drillable-user-list .row-open { margin-left: auto; }
  .admin-proof-list > div { align-items: stretch; flex-direction: column; }
  .admin-proof-list .button { width: 100%; }
  .workflow-stage-editor { padding: 12px; }
  .workflow-stage-editor-row { grid-template-columns: 18px minmax(0, 1fr) 64px; }
  .workflow-stage-editor-row .stage-option-stack { grid-column: 2 / 4; }
  .workflow-stage-editor-row .stage-row-actions { grid-row: auto; grid-column: 2 / 4; }
  .report-metrics > a + a::before { top: 0; right: 18px; bottom: auto; left: 18px; width: auto; height: 1px; }
  .report-metrics > a:nth-child(3)::before { display: block; }
  .report-metrics > a:nth-child(n+2) { border-top: 1px solid var(--line); }
  .report-filter-form { align-items: stretch; flex-direction: column; }
  .report-filter-form label,
  .report-filter-form .button { width: 100%; }
}

/* v1.0.8 — responsive review and administration audit */
.website-review-tools {
  display: grid;
  width: min(1100px, calc(100% - 24px));
  min-width: 0;
  grid-template-columns: minmax(160px, 1fr) auto minmax(344px, auto) auto;
  align-items: center;
  gap: 8px 12px;
}
.website-review-summary { min-width: 0; }
.website-review-summary strong,
.website-review-summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-review-tools .website-mode-form { display: block; min-width: 0; }
.website-review-tools .website-capture-form {
  display: grid;
  min-width: 0;
  align-items: center;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.website-capture-form select { width: auto; min-width: 0; max-width: 100%; min-height: 44px; justify-self: stretch; }
.website-review-tools form .button { min-width: 112px; min-height: 44px; }
.website-review-tools .capture-status { min-width: 0; margin-left: 0; justify-self: end; white-space: nowrap; }
body:not(.tooltips-disabled) .website-review-tools [data-tooltip]::after { right: 0; left: auto; transform: translateY(4px); }
body:not(.tooltips-disabled) .website-review-tools [data-tooltip]:hover::after,
body:not(.tooltips-disabled) .website-review-tools [data-tooltip]:focus-visible::after { transform: none; }

.workflow-copy p { overflow: visible; white-space: normal; line-height: 1.45; }
.settings-nav button { min-height: 44px; }
.workspace-view-controls button,
.comments-head .icon-button,
.stage-row-actions .icon-button,
.media-control-button,
.location-clear,
.pdf-page-tools > button { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
.media-controls:not(.picker-controls) .media-control-button[data-media-play] { width: 44px; height: 44px; }
.review-control,
.control-select { min-height: 44px; }

@media (max-width: 1200px) and (min-width: 801px) {
  .review-title { min-width: 120px; max-width: 190px; padding-right: 10px; padding-left: 12px; }
  .review-controls { max-width: calc(100% - 260px); gap: 4px; padding-right: 8px; overflow-x: auto; scrollbar-width: thin; }
  .review-control,
  .control-select { padding-right: 8px; padding-left: 8px; }
  .decision-button { margin-left: 0; }
  .decision-button span { display: none; }

  .website-review-tools { grid-template-columns: minmax(180px, 1fr) auto; }
  .website-review-summary { grid-column: 1; }
  .website-mode-form { grid-column: 2; }
  .website-capture-form { width: 100%; grid-column: 1; }
  .website-review-tools .capture-status { grid-column: 2; }
}

@media (max-width: 800px) {
  .settings-nav { padding: 2px 1px 5px; scroll-padding-inline: 12px; }
  .review-controls { max-width: 100%; gap: 5px; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .review-control span,
  .decision-button span { display: none; }
  .decision-button { margin-left: 0; }
  .review-control,
  .control-select { min-height: 44px; }

  .website-review-tools { grid-template-columns: minmax(0, 1fr); padding: 10px; }
  .website-review-summary,
  .website-mode-form,
  .website-capture-form,
  .website-review-tools .capture-status { width: 100%; grid-column: 1; }
  .website-review-tools .website-mode-form .button { width: 100%; }
  .website-review-tools .capture-status { justify-self: start; }
}

@media (max-width: 360px) {
  .website-review-tools .website-capture-form { grid-template-columns: minmax(0, 1fr); }
  .website-review-tools .website-capture-form .button { width: 100%; }
}
/* v1.0.11 upload controls and guarded first-run data tools */
.upload-controls-form{display:grid;gap:22px}.settings-card-section{border:1px solid var(--border);border-radius:18px;padding:22px;background:var(--surface,#fff)}
.upload-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-limit-grid>label{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:14px;padding:14px 16px}.upload-limit-grid label>span:first-child{display:grid;gap:3px}.upload-limit-grid small,.feature-toggle-grid small{color:var(--muted);line-height:1.4}.number-with-unit{display:flex;align-items:center;gap:7px;flex:0 0 auto}.number-with-unit input{width:88px;text-align:right}.number-with-unit em{font-style:normal;color:var(--muted);min-width:30px}.server-upload-note{margin:16px 0 0}.feature-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-toggle-grid .toggle-row{margin:0;min-height:78px;border:1px solid var(--border);border-radius:14px;padding:14px 16px}.source-picker-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}.source-picker-empty span{display:grid;gap:3px}.source-picker-empty strong{color:var(--text)}
.data-tools-v1011{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.data-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.data-tools-grid>article{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:18px;padding:20px;background:var(--surface,#fff)}.data-tools-grid article>div{min-width:0;flex:1}.data-tools-grid h4{font-size:20px;margin:2px 0 7px}.data-tools-grid p{line-height:1.5}.data-tools-grid dl{display:flex;gap:8px;margin:16px 0}.data-tools-grid dl div{display:grid;gap:2px;min-width:74px;border-radius:10px;background:var(--surface-soft,#f5f7fb);padding:9px 11px}.data-tools-grid dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.data-tools-grid dd{margin:0;font-weight:800}.reset-workspace-card{border-color:color-mix(in srgb,#e84b4b 35%,var(--border))!important}.reset-workspace-card details{margin-top:14px}.reset-workspace-card summary{cursor:pointer;font-weight:750;color:#b4232d}.reset-controls{padding-top:14px}.button-danger{background:#b4232d;color:#fff;border-color:#b4232d}.button-danger:hover{background:#951c25}.data-tools-grid button:disabled{opacity:.52;cursor:not-allowed}
@media(max-width:900px){.upload-limit-grid,.feature-toggle-grid,.data-tools-grid{grid-template-columns:1fr}.upload-limit-grid>label{align-items:flex-start}.settings-card-section{padding:16px}.data-tools-grid>article{padding:16px}}

/* v2.0.0 platform administration */
.platform-settings{display:none;gap:22px}.platform-settings.active{display:grid}.platform-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.platform-health article{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface-soft,#f7f8fc)}.platform-health article>span{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:11px}.platform-health article p{display:grid;gap:2px;min-width:0;margin:0}.platform-health article strong{font-size:14px}.platform-health article small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.platform-health .ready{background:color-mix(in srgb,#35ad72 15%,transparent);color:#188653}.platform-health .blocked{background:color-mix(in srgb,#e84b4b 14%,transparent);color:#b4232d}
.platform-settings .settings-card-section{display:grid;gap:16px}.platform-settings .subheading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.platform-settings .subheading h3{margin:0 0 5px}.platform-settings .subheading p{margin:0;color:var(--muted)}.platform-settings .subheading>span{border-radius:999px;background:color-mix(in srgb,var(--accent,#6849ec) 10%,transparent);padding:7px 10px;color:var(--accent,#6849ec);font-size:12px;font-weight:800;white-space:nowrap}.mime-checks{display:flex;flex-wrap:wrap;gap:8px}.mime-checks label{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:var(--surface,#fff);font-size:13px;font-weight:700}.mime-checks input{margin:0}.settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.settings-actions>span{color:var(--muted);font-size:13px}.platform-actions{display:flex;gap:9px;flex-wrap:wrap}.platform-actions form{margin:0}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-grid>article{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid var(--border);border-radius:18px;padding:19px;background:var(--surface,#fff)}.platform-grid h3,.platform-grid p{margin:0}.platform-grid>article>p,.platform-grid>article>small{color:var(--muted);line-height:1.45}.platform-grid .inline-form{display:flex;align-items:center;gap:8px}.platform-grid .inline-form select,.platform-grid .inline-form input{min-width:0;flex:1}.usage-meter{display:grid;gap:8px}.usage-meter>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.usage-meter span{color:var(--muted);font-size:12px;text-align:right}.usage-meter progress{width:100%;height:9px;accent-color:var(--accent,#6849ec)}.domain-token{display:block;overflow:auto;border-radius:10px;background:var(--surface-soft,#f5f7fb);padding:10px;font-size:12px}.mini-records{display:grid;gap:7px}.mini-records p{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:9px}.mini-records small{color:var(--muted);text-align:right}.platform-client-quotas{margin-top:18px}.client-quota-list{display:grid;gap:9px}.client-quota-list form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;padding:12px 14px}.client-quota-list form>span{display:grid}.client-quota-list small{color:var(--muted)}.client-quota-list label{display:flex;align-items:center;gap:7px}.client-quota-list input{width:94px}
@media(max-width:1100px){.platform-health{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.platform-health,.platform-grid{grid-template-columns:1fr}.platform-settings .subheading,.usage-meter>div{display:grid}.usage-meter span{text-align:left}.platform-grid .inline-form{align-items:stretch;flex-direction:column}.client-quota-list form{grid-template-columns:1fr auto}.client-quota-list form>button{grid-column:1/-1;width:100%}.platform-settings .settings-card-section{padding:16px}}
.guided-brand-mark{display:none!important}@media(max-width:640px){.guided-brand{display:grid;place-items:center;width:50px;height:48px;padding:0}.guided-brand-lockup{display:none!important}.guided-brand-mark{display:block!important;width:42px!important;height:42px!important;object-fit:contain}}

/* v2.2.0 Operations Center */
.operations-center{max-width:1540px}.operations-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:24px;align-items:start}.operations-primary,.operations-rail{display:grid;gap:24px}.operations-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:124px;padding:24px 28px;border:1px solid var(--line-strong);border-radius:14px;background:#fff}.operations-status-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--muted);background:var(--mist)}.operations-status-icon .icon{width:27px;height:27px}.operations-hero.status-ok .operations-status-icon{color:#23874b;background:#e5f6eb}.operations-hero.status-warning .operations-status-icon{color:#b67108;background:#fff0d4}.operations-hero.status-failed .operations-status-icon{color:var(--danger);background:var(--coral-soft)}.operations-hero .eyebrow{margin:0 0 5px}.operations-hero h2{margin:0;font-size:24px;letter-spacing:-.025em}.operations-hero small{display:block;margin-top:6px;color:var(--muted)}.operations-hero form{margin:0}.operations-dependencies{padding:0;overflow:hidden}.operations-dependencies>.section-heading{padding:22px 24px;margin:0;border-bottom:1px solid var(--line)}.operations-check-list>article{display:grid;grid-template-columns:44px minmax(0,1fr) 90px 64px;align-items:center;gap:15px;min-height:86px;padding:15px 24px;border-bottom:1px solid var(--line)}.operations-check-list>article:last-child{border-bottom:0}.operations-check-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--muted);background:var(--mist)}.operations-check-icon .icon{width:19px;height:19px}.operations-check-icon.status-ok{color:#23874b;background:#e5f6eb}.operations-check-icon.status-warning{color:#b67108;background:#fff0d4}.operations-check-icon.status-failed{color:var(--danger);background:var(--coral-soft)}.operations-check-list p,.incident-list p,.readiness-list p{display:grid;gap:4px;margin:0}.operations-check-list strong,.incident-list strong,.readiness-list strong{font-size:13px}.operations-check-list small,.incident-list small,.readiness-list small{color:var(--muted);font-size:11px;line-height:1.45}.operations-check-list em{color:var(--muted);font-size:11px;font-style:normal;font-weight:720}.operations-check-list a,.operations-card-link{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--cyan);font-size:11px;font-weight:760;text-decoration:none}.operations-check-list a .icon,.operations-card-link .icon,.readiness-list>a>.icon{width:14px;height:14px}.operations-rail>.content-surface{padding:21px}.operations-rail .section-heading{margin-bottom:18px}.operations-rail .section-heading h2{font-size:17px}.job-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.job-metrics article{display:grid;justify-items:center;gap:7px;text-align:center}.job-metrics article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--cyan);background:var(--cyan-soft)}.job-metrics article>span .icon{width:18px;height:18px}.job-metrics .metric-retry>span{color:#bb6b05;background:#fff0d4}.job-metrics .metric-attention>span{color:var(--danger);background:var(--coral-soft)}.job-metrics strong{font-size:22px}.job-metrics small{color:var(--ink-soft);font-size:10px;line-height:1.25}.operations-card-link{justify-content:flex-start;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.incident-list,.readiness-list{display:grid}.incident-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.incident-list .operations-check-icon,.readiness-list .operations-check-icon{width:31px;height:31px}.incident-list .operations-check-icon .icon,.readiness-list .operations-check-icon .icon{width:15px;height:15px}.incident-list em{font-size:10px;font-style:normal;font-weight:760}.incident-open{color:var(--danger)}.incident-resolved{color:var(--green)}.readiness-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.readiness-list>a>.icon{color:var(--cyan)}.supervised-jobs{margin-top:24px}.supervised-jobs>.section-heading>span{color:var(--muted);font-size:11px}.job-row-actions{display:flex;align-items:center;gap:12px}.job-row-actions form{margin:0}.danger-text{color:var(--danger)!important}.email-state.state-dead_letter{color:#9c2925;background:#ffe7e5}.email-state.state-cancelled{color:var(--muted);background:var(--mist)}
@media(max-width:1250px){.operations-layout{grid-template-columns:1fr}.operations-rail{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.operations-rail>.content-surface{height:100%}}
@media(max-width:900px){.operations-rail{grid-template-columns:1fr}.operations-hero{grid-template-columns:50px minmax(0,1fr)}.operations-hero form{grid-column:1/-1}.operations-hero .button{width:100%;justify-content:center}.operations-check-list>article{grid-template-columns:40px minmax(0,1fr) auto}.operations-check-list>article>a{grid-column:2;justify-content:flex-start}.operations-check-list>article>em{grid-column:3;grid-row:1}.supervised-jobs .operations-list>div{grid-template-columns:1fr}.job-row-actions{justify-content:flex-start}}
@media(max-width:560px){.operations-hero{padding:19px}.operations-check-list>article{padding:14px 16px}.operations-check-list>article>em{display:none}.job-metrics{grid-template-columns:repeat(2,1fr);gap:18px 8px}.operations-center .page-heading-row>.button{width:100%;justify-content:center}}
.supervised-jobs .empty-state{display:grid;grid-template-columns:1fr!important;place-items:center;align-content:center;gap:5px;min-height:150px;padding:24px;text-align:center}
.supervised-jobs .empty-state>:last-child{grid-column:1!important;justify-self:center!important}

/* v2.3.0 — drillable Insights */
.insights-page,.insight-detail-page{max-width:1540px}.insight-metric-card{position:relative;display:grid;gap:5px;min-width:0;padding:17px 46px 17px 17px;border:1px solid #dfe6eb;border-radius:13px;color:var(--ink);background:#fff;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.insight-metric-card:hover,.insight-metric-card:focus-visible{border-color:var(--cyan);box-shadow:0 10px 24px rgba(27,30,61,.08);transform:translateY(-1px);outline:0}.insight-metric-card small,.insight-metric-card span{color:#738596}.insight-metric-card strong{font-size:30px}.insight-metric-card em{margin-left:3px;color:#657684;font-size:11px;font-style:normal}.insight-metric-card>i{position:absolute;right:17px;bottom:17px;color:var(--cyan);font-size:18px;font-style:normal}.insight-link-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #e5ebef;color:var(--ink);text-decoration:none}.insight-link-list>a:hover,.insight-link-list>a:focus-visible{color:var(--cyan);outline:0}.insight-link-list>a>span{display:grid;min-width:0}.insight-link-list>a small{color:#7c8d99}.insight-link-list>a b{color:var(--ink);font-size:12px}.insight-link-list>a i{font-style:normal}.completion-proof-link{display:grid;min-width:0;color:var(--ink);text-decoration:none}.completion-proof-link:hover,.completion-proof-link:focus-visible{color:var(--cyan);outline:0}.completion-center .section-heading>.section-link{align-self:center}.page-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--muted);font-size:12px}.page-breadcrumb a{color:var(--cyan);font-weight:760;text-decoration:none}.page-breadcrumb strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.insight-detail-page .page-actions{display:flex;gap:8px;flex-wrap:wrap}.insight-detail-surface{padding:0;overflow:hidden}.insight-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--mist)}.insight-detail-summary>div{display:grid;min-width:105px}.insight-detail-summary>div strong{font-size:25px;line-height:1}.insight-detail-summary>div span{margin-top:4px;color:var(--muted);font-size:11px}.insight-filter-form{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1}.insight-filter-form label:first-of-type{width:min(310px,100%)}.insight-filter-form input,.insight-filter-form select{min-height:42px}.insight-record-list{display:grid}.insight-record-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(110px,auto);align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line)}.insight-record-list>article:last-child{border-bottom:0}.insight-record-main{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;min-width:0;color:var(--ink);text-decoration:none}.insight-record-main>span:last-child{display:grid;gap:2px;min-width:0}.insight-record-main small,.insight-record-main em{overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.insight-record-main strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.insight-record-main:hover strong,.insight-record-main:focus-visible strong{color:var(--cyan)}.insight-record-main:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.insight-record-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:var(--cyan);background:var(--cyan-soft)}.insight-record-icon .icon{width:19px;height:19px}.insight-record-value{display:grid;justify-items:end;gap:5px;min-width:110px}.insight-record-value>strong{font-size:12px}.insight-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.insight-open{color:var(--cyan);font-size:11px;font-weight:780;text-decoration:none;white-space:nowrap}.insight-empty{min-height:240px}.insight-empty .button{margin-top:8px}
@media(max-width:900px){.insight-detail-summary{align-items:stretch;flex-direction:column}.insight-filter-form{justify-content:flex-start;flex-wrap:wrap}.insight-filter-form label:first-of-type{width:100%;flex-basis:100%}.insight-record-list>article{grid-template-columns:minmax(0,1fr) auto}.insight-record-actions{grid-column:1/-1;justify-content:flex-start;padding-left:55px}.insight-detail-page .page-actions{width:100%}}
@media(max-width:700px){.insight-metric-card{padding:15px 42px 15px 15px}.insight-detail-page .page-actions .button{width:100%;justify-content:center}.insight-filter-form{display:grid;grid-template-columns:1fr 1fr;width:100%}.insight-filter-form label:first-of-type{grid-column:1/-1}.insight-filter-form label,.insight-filter-form .button{width:100%}.insight-record-list>article{grid-template-columns:1fr;gap:10px;padding:15px}.insight-record-value{grid-row:2;justify-items:start;padding-left:55px}.insight-record-actions{grid-column:1;padding-left:55px}.insight-record-list>article>.status{width:max-content;margin-left:55px}.completion-center .section-heading{align-items:flex-start;flex-direction:column}.completion-center .section-heading>.section-link{align-self:flex-start}.completion-list article>div{display:flex;width:100%}.completion-list article>div .button{flex:1;justify-content:center}}
@media(max-width:420px){.insight-filter-form{grid-template-columns:1fr}.insight-filter-form label:first-of-type{grid-column:1}.insight-detail-summary{padding:15px}.insight-record-actions{padding-left:0}.insight-record-value{padding-left:55px}.insight-link-list>a{grid-template-columns:minmax(0,1fr) 16px}.insight-link-list>a>b{grid-column:1}.insight-link-list>a>i{grid-column:2;grid-row:1/3}}

/* v2.4.0 — client delivery and focused send flow */
.delivery-page,.send-review-page{max-width:1540px}.delivery-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.delivery-metrics>a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:13px;min-height:86px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:14px;color:var(--ink);background:#fff;text-decoration:none}.delivery-metrics>a:hover{border-color:var(--cyan);box-shadow:0 8px 22px rgba(26,31,59,.07)}.delivery-metrics>a>span{display:grid;grid-row:1/3;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--cyan);background:var(--cyan-soft)}.delivery-metrics strong{font-size:24px}.delivery-metrics small{color:var(--muted)}.delivery-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.72fr);gap:22px;align-items:start}.delivery-list{padding:0;overflow:hidden}.delivery-list>.section-heading{padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}.delivery-list select{min-width:150px}.delivery-rows>article{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:start;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line)}.delivery-rows>article:last-child{border-bottom:0}.delivery-rows article>div:nth-child(2){display:grid;gap:3px;min-width:0}.delivery-rows small,.delivery-rows em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.delivery-rows b{margin-top:4px;color:var(--danger);font-size:11px;font-weight:650}.delivery-state{display:inline-flex;justify-content:center;width:max-content;border-radius:999px;padding:6px 9px;background:var(--mist);font-size:10px;font-weight:800}.delivery-state.state-delivered,.delivery-state.state-sent{color:#187a47;background:#e5f6eb}.delivery-state.state-failed,.delivery-state.state-bounced{color:#a9322b;background:#ffe7e5}.delivery-state.state-queued,.delivery-state.state-sending{color:#956000;background:#fff0d4}.delivery-row-actions{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.delivery-row-actions a,.delivery-row-actions button{color:var(--cyan);font-size:11px;font-weight:760;text-decoration:none}.delivery-rail{display:grid;gap:18px}.delivery-rail>.content-surface{padding:20px}.delivery-health-badge{display:flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.delivery-health-badge.ready{color:#187a47;background:#e5f6eb}.delivery-health-badge.attention{color:#9d5d00;background:#fff0d4}.delivery-health>p{color:var(--muted);font-size:12px;line-height:1.5}.delivery-health>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.delivery-event-list>article{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--line)}.delivery-event-list>article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:var(--cyan);background:var(--cyan-soft)}.delivery-event-list p{display:grid;gap:3px;margin:0}.delivery-event-list strong{font-size:12px}.delivery-event-list small{color:var(--muted);font-size:10px}.send-review-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;align-items:start}.send-review-form,.send-preview{padding:24px}.send-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.send-step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:var(--violet);font-weight:850}.send-step h2{margin:4px 0 15px;font-size:19px}.send-step label{display:grid;gap:7px}.send-advanced{margin:0 0 20px;border:1px solid var(--line);border-radius:13px}.send-advanced summary{padding:15px 17px;cursor:pointer;font-weight:780}.send-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 16px 16px}.send-advanced-grid>label:not(.toggle-row){display:grid;gap:6px}.send-preview{position:sticky;top:20px}.send-preview-mail{display:grid;gap:12px;border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(180deg,#fff,#fafafe)}.send-preview-brand{font-size:20px;font-style:italic;font-weight:900}.send-preview-brand span{color:var(--violet)}.send-preview-mail>small,.send-preview-mail>em{color:var(--muted);font-size:11px;font-style:normal}.send-preview-mail h2{margin:2px 0 0;font-size:22px}.send-preview-mail p{margin:0;color:var(--ink-soft);line-height:1.5}.preview-action{width:max-content;border-radius:8px;padding:10px 13px;background:var(--action,#c7ff3d);font-size:12px;font-weight:850}.send-safety-note{display:flex;gap:11px;margin-top:15px;padding:13px;border-radius:12px;color:#1d6c43;background:#eaf8ef}.send-safety-note p{display:grid;gap:3px;margin:0}.send-safety-note small{color:#47705a}.client-delivery-defaults{margin-top:22px;padding:22px}.client-delivery-defaults form{max-width:900px}
@media(max-width:1050px){.delivery-layout,.send-review-layout{grid-template-columns:1fr}.send-preview{position:static}.delivery-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.delivery-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-rows>article{grid-template-columns:1fr}.delivery-row-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.delivery-rail{grid-template-columns:1fr}.send-review-form,.send-preview{padding:17px}.send-advanced-grid{grid-template-columns:1fr}}
@media(max-width:450px){.delivery-metrics{grid-template-columns:1fr}.send-step{grid-template-columns:1fr}.send-step>span{width:31px;height:31px}.delivery-list>.section-heading{align-items:stretch;flex-direction:column}.delivery-list select{width:100%}}

/* v2.5.0 — workload planning, presets, and automation history */
.planning-page{max-width:1540px}.planning-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.planning-summary>article{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:15px 17px;border:1px solid var(--line-strong);border-radius:14px;background:#fff}.planning-summary span{display:grid;grid-row:1/3;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--cyan);background:var(--cyan-soft)}.planning-summary strong{font-size:24px}.planning-summary small{color:var(--muted)}.planning-summary .plan-overdue span{color:var(--danger);background:var(--coral-soft)}.planning-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:22px;align-items:start}.planning-primary,.planning-rail{display:grid;gap:22px}.schedule-board{padding:0;overflow:hidden}.schedule-board>.section-heading{padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}.schedule-list>article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line)}.schedule-dot{width:10px;height:10px;border-radius:50%;background:#92a3ae}.schedule-dot.bucket-overdue{background:var(--danger)}.schedule-dot.bucket-week{background:#e89a15}.schedule-dot.bucket-later{background:var(--cyan)}.schedule-list a{display:grid;gap:2px;min-width:0;color:var(--ink);text-decoration:none}.schedule-list small,.schedule-list em{overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.schedule-list form{display:flex;align-items:center;gap:7px}.schedule-list input{min-height:39px}.preset-builder{padding:22px}.preset-builder>.stack-form{padding-bottom:22px;border-bottom:1px solid var(--line)}.preset-list{display:grid}.preset-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.preset-list>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--violet);background:var(--violet-soft)}.preset-list article>div{display:grid;gap:3px}.preset-list small{color:var(--muted)}.planning-rail>.content-surface{padding:20px}.workload-list>article,.automation-run-list>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.workload-list p,.automation-run-list p{display:grid;gap:3px;margin:0}.workload-list small,.automation-run-list small{color:var(--muted);font-size:10px}.workload-list em{font-size:10px;font-style:normal;font-weight:760}.workload-list em.attention{color:var(--danger)}.automation-run-list>article{grid-template-columns:auto minmax(0,1fr)}.send-preset-picker{display:grid;gap:6px;margin-bottom:22px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--mist);font-weight:760}
@media(max-width:1050px){.planning-layout{grid-template-columns:1fr}.planning-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.planning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-rail{grid-template-columns:1fr}.schedule-list>article{grid-template-columns:12px minmax(0,1fr)}.schedule-list form{grid-column:2;align-items:stretch;flex-direction:column}.schedule-list form .button{justify-content:center}}
@media(max-width:450px){.planning-summary{grid-template-columns:1fr}.schedule-list>article{padding:14px}.preset-builder{padding:16px}}

/* v2.6.0 — production release readiness */
.readiness-page{max-width:1540px}.readiness-page .page-heading-row>form{margin:0}.readiness-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;padding:24px 27px;border:1px solid var(--line-strong);border-radius:15px;background:#fff}.readiness-hero>span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:var(--muted);background:var(--mist)}.readiness-hero.status-pass>span{color:#187a47;background:#e5f6eb}.readiness-hero.status-warning>span{color:#9a6200;background:#fff0d4}.readiness-hero.status-fail>span{color:var(--danger);background:var(--coral-soft)}.readiness-hero h2{margin:2px 0 5px;font-size:24px}.readiness-hero small{color:var(--muted)}.readiness-hero dl{display:grid;grid-template-columns:repeat(3,76px);gap:8px;margin:0}.readiness-hero dl>div{display:grid;justify-items:center;gap:4px;border-left:1px solid var(--line)}.readiness-hero dt{color:var(--muted);font-size:10px}.readiness-hero dd{margin:0;font-size:23px;font-weight:850}.readiness-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.68fr);gap:22px;align-items:start}.release-checks{padding:0;overflow:hidden}.release-checks>.section-heading{padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}.release-check-list>article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line)}.release-check-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--muted);background:var(--mist)}.release-check-icon.status-pass{color:#187a47;background:#e5f6eb}.release-check-icon.status-warning{color:#9a6200;background:#fff0d4}.release-check-icon.status-fail{color:var(--danger);background:var(--coral-soft)}.release-check-list p{display:grid;gap:4px;margin:0}.release-check-list small{color:var(--muted);font-size:11px;line-height:1.45}.release-check-list em{border-radius:999px;padding:6px 9px;background:var(--mist);font-size:10px;font-style:normal;font-weight:800}.readiness-rail{display:grid;gap:18px}.readiness-rail>.content-surface{padding:20px}.readiness-rail ol{display:grid;gap:8px;padding-left:21px;color:var(--ink-soft);font-size:12px;line-height:1.45}.readiness-rail code{font-size:11px}.readiness-command{display:block;overflow:auto;margin:7px 0;border-radius:9px;padding:10px;background:var(--mist);white-space:nowrap}
@media(max-width:1050px){.readiness-layout{grid-template-columns:1fr}.readiness-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.readiness-hero{grid-template-columns:52px minmax(0,1fr)}.readiness-hero dl{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.readiness-rail{grid-template-columns:1fr}.readiness-hero{padding:19px}.release-check-list>article{grid-template-columns:40px minmax(0,1fr);padding:14px 16px}.release-check-list em{grid-column:2;width:max-content}.readiness-page .page-heading-row>form,.readiness-page .page-heading-row button{width:100%}.readiness-page .page-heading-row button{justify-content:center}}