:root {
  --ink: #edf4f1;
  --muted: #8fa6a1;
  --quiet: #58706b;
  --night: #061311;
  --night-2: #0a1c19;
  --panel: rgba(13, 35, 31, .78);
  --panel-solid: #0d231f;
  --line: rgba(150, 202, 188, .14);
  --cyan: #79e5db;
  --cyan-soft: rgba(121, 229, 219, .12);
  --gold: #c8a967;
  --gold-soft: rgba(200, 169, 103, .13);
  --green: #71c79b;
  --amber: #e2b66d;
  --red: #e4867d;
  --serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--night); color: var(--ink); font-family: var(--sans); }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 78% -10%, rgba(28, 100, 89, .24), transparent 34rem), linear-gradient(145deg, #071512, #050e0d 72%); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(130,210,195,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(130,210,195,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
a { color: inherit; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 99; background: var(--cyan); color: var(--night); padding: .75rem 1rem; border-radius: .5rem; }
.skip-link:focus { top: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.app-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 100vh; }
.rail { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 30px 22px 24px; border-right: 1px solid var(--line); background: rgba(3, 13, 12, .74); backdrop-filter: blur(22px); z-index: 3; }
.brand { display: block; width: 176px; height: 68px; overflow: hidden; text-decoration: none; margin: 0 0 48px; }
.brand-logo, .auth-logo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; filter: invert(1); mix-blend-mode: screen; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(200,169,103,.6); border-radius: 50%; color: var(--gold); font-family: var(--serif); font-size: 20px; box-shadow: inset 0 0 18px rgba(200,169,103,.08), 0 0 22px rgba(200,169,103,.06); }
.brand-mark.large { width: 54px; height: 54px; font-size: 29px; }
.rail nav { display: grid; gap: 9px; }
.rail nav a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 13px; color: var(--muted); text-decoration: none; border: 1px solid transparent; border-radius: 10px; font-size: 13px; transition: .2s ease; }
.rail nav a span { width: 18px; color: var(--quiet); font-size: 17px; text-align: center; }
.rail nav a:hover, .rail nav a[aria-current="page"] { color: var(--ink); background: var(--cyan-soft); border-color: var(--line); }
.rail nav a[aria-current="page"] span { color: var(--cyan); }
.rail-footer { margin-top: auto; color: var(--quiet); font-size: 11px; line-height: 1.8; }
.signed-in-as { color: var(--muted); }
.secure-dot { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.text-button { display: block; padding: 4px 0; border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 11px; }

.workspace { min-width: 0; }
.command-wrap { height: 92px; display: flex; align-items: center; gap: 18px; padding: 0 clamp(24px, 4vw, 64px); border-bottom: 1px solid var(--line); background: rgba(5, 18, 16, .58); backdrop-filter: blur(18px); }
.command { flex: 1; max-width: 780px; height: 46px; display: flex; align-items: center; gap: 12px; padding: 0 9px 0 16px; border: 1px solid rgba(121,229,219,.18); border-radius: 25px; background: rgba(12, 36, 32, .7); box-shadow: inset 0 0 24px rgba(121,229,219,.025); }
.command input, .hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; }
.command input::placeholder, .hero-search input::placeholder { color: #68827c; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(121,229,219,.08), 0 0 17px var(--cyan); }
.voice-button { width: 34px; height: 34px; flex: 0 0 auto; border: 1px solid rgba(121,229,219,.22); border-radius: 50%; color: var(--cyan); background: var(--cyan-soft); cursor: pointer; font-size: 19px; }
.voice-button.listening { animation: listen 1s infinite alternate; }
.sample-badge, .status-chip { white-space: nowrap; color: var(--gold); background: var(--gold-soft); border: 1px solid rgba(200,169,103,.18); border-radius: 999px; padding: 6px 10px; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }

main { max-width: 1500px; margin: 0 auto; padding: 54px clamp(24px, 4vw, 64px) 80px; }
.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 48px; }
.eyebrow { margin: 0 0 10px; color: var(--gold); font-size: 10px; font-weight: 650; letter-spacing: .19em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 12px; font-family: var(--serif); font-size: clamp(40px, 5vw, 68px); font-weight: 400; letter-spacing: -.035em; line-height: .98; }
h2 { margin-bottom: 10px; font-family: var(--serif); font-size: 27px; font-weight: 400; letter-spacing: -.02em; }
h3 { margin-bottom: 7px; font-size: 16px; font-weight: 560; }
.lede { max-width: 680px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.readiness { display: flex; align-items: center; gap: 16px; min-width: 255px; padding: 18px 21px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.readiness strong, .readiness small { display: block; }
.readiness strong { font-family: var(--serif); font-size: 18px; font-weight: 400; }
.readiness small { margin-top: 4px; color: var(--muted); }
.orb { width: 38px; height: 38px; border: 1px solid rgba(121,229,219,.34); border-radius: 50%; background: radial-gradient(circle at 38% 34%, rgba(219,255,250,.75), rgba(85,207,194,.18) 23%, rgba(10,55,49,.18) 62%); box-shadow: inset 0 0 16px rgba(121,229,219,.2), 0 0 25px rgba(121,229,219,.13); }
.orb.small { display: inline-block; width: 26px; height: 26px; }
.orb.moon { border-color: rgba(200,169,103,.35); background: radial-gradient(circle at 38% 34%, #f3e6c2, rgba(200,169,103,.24) 26%, rgba(48,41,21,.18) 64%); box-shadow: 0 0 24px rgba(200,169,103,.16); }
.amber-orb { border-color: rgba(226,182,109,.4); box-shadow: 0 0 20px rgba(226,182,109,.18); }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-heading h2 { margin: 0; }
.count { color: var(--muted); font-size: 12px; }
.priority-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.priority-card, .panel, .client-result, .review-card, .outcome { border: 1px solid var(--line); background: linear-gradient(155deg, rgba(16,43,38,.9), rgba(8,26,23,.82)); box-shadow: 0 18px 55px rgba(0,0,0,.13); }
.priority-card { position: relative; min-height: 310px; display: flex; flex-direction: column; padding: 24px; border-radius: 17px; overflow: hidden; }
.priority-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--cyan); opacity: .7; }
.priority-card.state-review::before { background: var(--amber); }
.card-top { display: flex; justify-content: space-between; align-items: start; }
.avatar { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid rgba(121,229,219,.2); border-radius: 50%; color: var(--cyan); background: rgba(121,229,219,.07); font-family: var(--serif); }
.state-label { color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.priority-card h3 { margin: 30px 0 4px; font-family: var(--serif); font-size: 25px; font-weight: 400; }
.owner { color: var(--muted); font-size: 12px; }
.reason { min-height: 48px; margin: 15px 0; line-height: 1.5; }
.evidence { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--quiet); font-size: 10px; }
.card-link { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); color: var(--cyan); text-decoration: none; font-size: 12px; }
.calm-confirmation, .calm-panel, .policy-strip, .privacy-boundary { display: flex; align-items: center; gap: 15px; padding: 19px 22px; border: 1px solid var(--line); border-radius: 13px; background: rgba(10,31,27,.52); }
.calm-confirmation { margin-top: 28px; }
.calm-confirmation > span, .calm-panel > span { color: var(--green); }
.calm-confirmation strong, .calm-confirmation p { display: inline; }
.calm-confirmation p { margin-left: 8px; color: var(--muted); font-size: 12px; }

.hero-search { display: flex; align-items: center; gap: 14px; max-width: 980px; padding: 13px 14px 13px 21px; border: 1px solid rgba(121,229,219,.22); border-radius: 17px; background: var(--panel); box-shadow: 0 0 50px rgba(40,142,128,.06); }
.hero-search input { min-height: 42px; font-family: var(--serif); font-size: 20px; }
.search-submit, .primary-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 0 20px; border: 1px solid rgba(200,169,103,.42); border-radius: 9px; color: #f5ead0; background: linear-gradient(135deg, rgba(168,133,63,.82), rgba(106,83,37,.86)); text-decoration: none; cursor: pointer; font-size: 12px; letter-spacing: .035em; }
.primary-button:disabled { opacity: .7; cursor: default; }
.result-meta { display: flex; justify-content: space-between; margin: 32px 0 12px; color: var(--muted); font-size: 11px; }
.client-list, .review-list, .outcome-list { display: grid; gap: 14px; }
.client-result { padding: 24px; border-radius: 15px; }
.client-result { display: grid; grid-template-columns: auto 1fr; gap: 18px; }
.client-result-link { color: inherit; text-decoration: none; transition: border-color .18s ease, transform .18s ease, background .18s ease; }
.client-result-link:hover { transform: translateY(-2px); border-color: rgba(121,229,219,.32); background: linear-gradient(155deg, rgba(19,52,46,.94), rgba(8,26,23,.86)); }
.client-result-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .34fr); gap: 25px; }
.client-result h2 { margin: 13px 0 7px; }
.client-result p { margin: 0; color: var(--muted); line-height: 1.55; }
.professional-line { font-size: 14px; }
.connection-line { margin-top: 17px; padding: 12px 14px; border-left: 2px solid var(--gold); background: rgba(200,169,103,.05); }
.connection-line span, .connection-line strong { display: block; }
.connection-line span { color: var(--gold); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.connection-line strong { margin-top: 6px; font-size: 12px; line-height: 1.45; }
.client-result-meta { display: grid; align-content: center; gap: 4px; padding-left: 22px; border-left: 1px solid var(--line); }
.client-result-meta span, .handoff-context span { margin-top: 8px; color: var(--quiet); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.client-result-meta strong { font-size: 12px; }
.source-row { grid-column: 2; display: flex; flex-wrap: wrap; gap: 16px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 10px; }
.open-client { margin-left: auto; color: var(--cyan); font-size: 11px; }
.empty-state { padding: 70px 28px; border: 1px dashed var(--line); border-radius: 15px; text-align: center; color: var(--muted); }
.empty-state h1, .empty-state h2 { margin-top: 18px; color: var(--ink); }
.empty-state.full { max-width: 700px; margin: 8vh auto 0; }
.empty-state .primary-button { margin-top: 18px; }

.client-hero { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.identity-overview { display: grid; grid-template-columns: 1.05fr 1.7fr .65fr .75fr; gap: 0; margin: -12px 0 30px; padding: 19px 22px; border-radius: 14px; }
.identity-overview > div { padding: 0 18px; }
.identity-overview > div:first-child { padding-left: 0; }
.identity-overview > div + div { border-left: 1px solid var(--line); }
.identity-overview span, .identity-overview strong { display: block; }
.identity-overview span { color: var(--gold); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.identity-overview strong { margin-top: 7px; font-size: 11px; line-height: 1.45; }
.identity { display: flex; align-items: center; gap: 22px; }
.hero-avatar { width: 70px; height: 70px; font-size: 22px; box-shadow: 0 0 32px rgba(121,229,219,.06); }
.client-hero h1 { font-size: clamp(39px, 4vw, 59px); }
.identity-meta { display: flex; flex-wrap: wrap; gap: 9px 18px; color: var(--muted); font-size: 11px; }
.identity-meta span:first-child { color: var(--gold); }
.verified-block { min-width: 215px; padding-left: 24px; border-left: 1px solid var(--line); }
.verified-block span, .verified-block strong, .verified-block small { display: block; }
.verified-block span { color: var(--quiet); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.verified-block strong { margin: 7px 0; font-family: var(--serif); font-size: 18px; font-weight: 400; }
.verified-block small { color: var(--muted); }
.quiet-button { display: inline-flex; min-height: 34px; align-items: center; margin-top: 13px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--cyan); background: var(--cyan-soft); text-decoration: none; font-size: 10px; }
.state-banner { display: flex; gap: 19px; align-items: center; margin-bottom: 18px; padding: 22px 25px; border: 1px solid; border-radius: 14px; }
.state-banner h2 { margin-bottom: 4px; }
.state-banner p:last-child { margin: 0; color: var(--muted); font-size: 12px; }
.state-banner.calm { border-color: rgba(113,199,155,.25); background: rgba(55,124,92,.1); }
.state-banner.attention { border-color: rgba(200,169,103,.27); background: var(--gold-soft); }
.state-banner.review { border-color: rgba(226,182,109,.28); background: rgba(226,182,109,.09); }
.state-icon { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 auto; border: 1px solid currentColor; border-radius: 50%; color: var(--gold); }
.calm .state-icon { color: var(--green); }
.review .state-icon { color: var(--amber); }
.journey-panel { margin-bottom: 20px; border: 1px solid rgba(200,169,103,.24); border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, rgba(28,42,31,.97), rgba(5,22,19,.97)); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
.journey-header { display: flex; justify-content: space-between; gap: 28px; padding: 26px 28px; border-bottom: 1px solid var(--line); }
.journey-header h2 { margin: 3px 0 6px; font-size: 31px; }
.journey-header > div:first-child > p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.journey-owner { min-width: 215px; padding-left: 24px; border-left: 1px solid rgba(200,169,103,.2); }
.journey-owner span, .journey-owner strong, .journey-owner small { display: block; }
.journey-owner span, .journey-answers span, .journey-context span { color: var(--gold); font-size: 8px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.journey-owner strong { margin: 9px 0 6px; font-family: var(--serif); font-size: 20px; font-weight: 400; }
.journey-owner small { color: var(--quiet); font-size: 9px; line-height: 1.45; }
.journey-answers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.journey-answers article { min-height: 145px; padding: 21px 22px; }
.journey-answers article + article { border-left: 1px solid var(--line); }
.journey-answers p { margin: 11px 0 0; font-size: 11px; line-height: 1.55; }
.journey-answers strong { color: var(--cyan); font-weight: 600; }
.journey-phases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 25px 28px; }
.journey-phase { position: relative; padding-right: 22px; }
.journey-phase:not(:last-child)::after { content: ""; position: absolute; top: 13px; left: 30px; right: 0; height: 1px; background: var(--line); }
.journey-phase > div { position: relative; z-index: 1; display: flex; align-items: center; gap: 7px; }
.journey-phase > div span { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--line); border-radius: 50%; color: var(--quiet); background: #09231e; font-size: 8px; }
.journey-phase.phase-complete > div span { color: var(--green); border-color: rgba(113,199,155,.32); }
.journey-phase.phase-current > div span { color: var(--gold); border-color: rgba(200,169,103,.42); box-shadow: 0 0 18px rgba(200,169,103,.12); }
.journey-phase > strong, .journey-phase > small { display: block; }
.journey-phase > strong { margin-top: 13px; font-size: 11px; line-height: 1.4; }
.journey-phase > small { margin-top: 5px; color: var(--quiet); font-size: 9px; }
.journey-phase details { margin: 10px 0 0; padding-top: 9px; font-size: 9px; }
.journey-phase details p { margin-top: 8px; }
.journey-context { margin: 0 28px; padding: 17px 0; }
.journey-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.journey-context p { color: var(--muted); font-size: 10px; }
.journey-milestone { margin-top: 10px; padding: 11px 0; border-top: 1px solid var(--line); }
.journey-milestone time, .journey-milestone strong, .journey-milestone small { display: block; }
.journey-milestone time, .journey-milestone small { color: var(--quiet); font-size: 8px; }
.journey-milestone strong { margin-top: 5px; font-size: 11px; }
.journey-milestone p { margin: 5px 0; }
.journey-panel > footer { display: flex; justify-content: space-between; gap: 18px; padding: 15px 28px; border-top: 1px solid var(--line); color: var(--quiet); background: rgba(200,169,103,.035); font-size: 9px; }
.operations-panel { margin-bottom: 20px; border: 1px solid rgba(121,229,219,.22); border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, rgba(15,48,42,.96), rgba(5,21,18,.96)); box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.operations-header { display: flex; align-items: start; justify-content: space-between; gap: 24px; padding: 24px 27px 20px; border-bottom: 1px solid var(--line); }
.operations-header h2 { margin: 2px 0 5px; font-size: 30px; }
.operations-header p:last-child { margin: 0; color: var(--quiet); font-size: 10px; }
.connection-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid rgba(226,182,109,.22); border-radius: 999px; color: var(--amber); background: rgba(226,182,109,.07); font-size: 8px; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.connection-badge.connected { color: var(--green); border-color: rgba(113,199,155,.24); background: rgba(113,199,155,.07); }
.operations-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); background: rgba(2,15,13,.28); }
.operations-meta > div { min-height: 77px; display: grid; align-content: center; gap: 7px; padding: 15px 24px; }
.operations-meta > div + div { border-left: 1px solid var(--line); }
.operations-meta span, .outcome-statement span, .operations-update span, .subheading > span, .guidance-owner span, .guidance-why span, .guidance-proof span, .relationship-applied > span { color: var(--quiet); font-size: 8px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.operations-meta strong { font-size: 12px; font-weight: 560; }
.operations-meta .status-live { color: var(--cyan); }
.operations-body { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr); }
.operations-main { padding: 25px 27px; }
.outcome-statement { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.outcome-statement p { max-width: 820px; margin: 7px 0 0; font-family: var(--serif); font-size: 20px; line-height: 1.5; color: #edf4f1; }
.operations-update { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 19px 0; border-bottom: 1px solid var(--line); }
.operations-update > div { padding: 13px 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(2,15,13,.3); }
.operations-update .blocker { border-color: rgba(226,182,109,.2); background: rgba(226,182,109,.06); }
.operations-update p { margin: 7px 0; font-size: 12px; line-height: 1.5; }
.operations-update small { color: var(--quiet); font-size: 9px; }
.operations-update .blocker span { color: var(--amber); }
.subheading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px 0 9px; }
.subheading small { color: var(--quiet); font-size: 9px; }
.operation-step { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 13px 0; border-top: 1px solid var(--line); }
.step-state { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(121,229,219,.32); border-radius: 50%; color: var(--cyan); font-size: 10px; }
.operation-step.state-done .step-state { color: var(--green); border-color: rgba(113,199,155,.3); background: rgba(113,199,155,.08); }
.operation-step strong { display: block; font-size: 12px; }
.operation-step p { margin: 4px 0; color: var(--muted); font-size: 10px; }
.operation-step small { color: var(--quiet); font-size: 9px; line-height: 1.4; }
.step-label { margin-top: 3px; padding: 4px 7px; border-radius: 999px; color: var(--cyan); background: var(--cyan-soft); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.operation-step.state-done .step-label { color: var(--green); background: rgba(113,199,155,.08); }
.operations-guidance { padding: 27px; border-left: 1px solid rgba(200,169,103,.19); background: linear-gradient(160deg, rgba(200,169,103,.11), rgba(3,17,15,.36)); }
.operations-guidance h3 { margin: 9px 0 20px; font-family: var(--serif); font-size: 25px; font-weight: 400; line-height: 1.28; }
.guidance-owner { display: grid; grid-template-columns: auto 1fr; gap: 7px 14px; padding: 14px 0; border-top: 1px solid rgba(200,169,103,.18); border-bottom: 1px solid rgba(200,169,103,.18); }
.guidance-owner strong { font-size: 11px; text-align: right; }
.guidance-why, .guidance-proof { padding-top: 16px; }
.guidance-why p, .guidance-proof p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.guidance-proof span { color: var(--gold); }
.operations-guidance .primary-button { width: 100%; justify-content: space-between; margin-top: 22px; }
.relationship-applied { display: grid; grid-template-columns: 220px 1fr; gap: 22px; align-items: start; padding: 17px 27px; border-top: 1px solid rgba(121,229,219,.14); background: rgba(121,229,219,.035); }
.relationship-applied > span { color: var(--cyan); padding-top: 2px; }
.relationship-applied div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
.relationship-applied p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.relationship-applied strong { color: var(--ink); font-weight: 600; }
.briefing-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 18px; align-items: start; }
.briefing-primary, .briefing-secondary { display: grid; gap: 18px; }
.panel { padding: 25px; border-radius: 15px; }
.summary-copy { font-family: var(--serif); font-size: 21px; line-height: 1.58; color: #e6efec; }
.confidence { color: var(--cyan); font-size: 10px; white-space: nowrap; }
details { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
details summary { color: var(--cyan); cursor: pointer; }
details p { margin: 12px 0 0; line-height: 1.6; }
.source-line { color: var(--quiet); }
.commitment { display: flex; gap: 14px; padding: 13px 0; }
.commitment p, .commitment small { margin: 0; color: var(--muted); font-size: 11px; }
.action-plan { display: grid; gap: 7px; margin: 14px 0; padding: 14px 16px; border: 1px solid rgba(200,169,103,.16); border-radius: 10px; background: rgba(200,169,103,.06); }
.action-plan > span { color: var(--gold); font-size: 9px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.action-plan p { color: var(--ink); font-size: 12px; line-height: 1.7; }
.action-plan small { display: block; }
.timeline-dot { width: 7px; height: 7px; flex: 0 0 auto; margin-top: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(121,229,219,.5); }
.timeline article { display: grid; grid-template-columns: 75px 9px 1fr; gap: 12px; position: relative; padding: 0 0 24px; }
.timeline article:not(:last-child)::after { content: ""; position: absolute; left: 91px; top: 17px; bottom: 5px; width: 1px; background: var(--line); }
.timeline time { color: var(--quiet); font-size: 10px; padding-top: 4px; }
.timeline p, .timeline small { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.detail-item { padding: 15px 0; border-top: 1px solid var(--line); }
.detail-item span { color: var(--gold); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.detail-item p { margin: 7px 0; line-height: 1.5; }
.detail-item small, .focus-panel small { color: var(--quiet); }
.person { display: flex; gap: 11px; padding: 15px 0; border-top: 1px solid var(--line); }
.mini-avatar { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; background: var(--cyan-soft); color: var(--cyan); }
.person p, .person small { margin: 2px 0; color: var(--muted); font-size: 11px; }
.muted { color: var(--muted); }
.update-list { display: grid; gap: 12px; }
.relationship-update { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(3,17,15,.3); }
.update-state { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: var(--amber); background: rgba(226,182,109,.09); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.update-state.verified { color: var(--green); background: rgba(113,199,155,.09); }
.update-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin: 15px 0; }
.update-columns > div + div { padding-left: 17px; border-left: 1px solid var(--line); }
.update-columns span { color: var(--gold); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.update-columns p { margin: 6px 0 0; line-height: 1.55; }
.relationship-update footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 7px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 9px; }
.knowledge-item { display: grid; gap: 7px; padding: 15px 0; border-top: 1px solid var(--line); }
.knowledge-item > div { display: flex; justify-content: space-between; gap: 8px; }
.knowledge-item > div span { color: var(--gold); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.knowledge-item p { margin: 0; line-height: 1.5; }
.knowledge-item strong { color: var(--muted); font-size: 11px; font-weight: 450; line-height: 1.5; }
.knowledge-item > small { color: var(--quiet); }
.verified-text { color: var(--green); }
.observed-text { color: var(--amber); }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.comparison > div { display: grid; align-content: start; gap: 8px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: rgba(3,17,15,.35); }
.comparison strong { font-size: 13px; line-height: 1.45; }
.comparison small { color: var(--quiet); font-size: 9px; }
.verified-tag, .observed-tag { color: var(--green); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.observed-tag { color: var(--amber); }
.why { margin: 14px 0 0; color: var(--muted); line-height: 1.5; }
.next-action { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 18px; padding: 24px 27px; border: 1px solid rgba(200,169,103,.28); border-radius: 15px; background: linear-gradient(110deg, rgba(200,169,103,.13), rgba(15,43,38,.68)); }
.next-action h2, .next-action p { margin-bottom: 4px; }
.next-action p:last-child { color: var(--muted); font-size: 11px; }
.message-section { margin-top: 0; }
.message-draft { padding: 25px; border: 1px solid rgba(121,229,219,.2); border-radius: 15px; background: linear-gradient(145deg, rgba(14,43,38,.92), rgba(7,25,22,.88)); }
.message-draft + .message-draft { margin-top: 12px; }
.message-draft header { display: flex; justify-content: space-between; gap: 20px; }
.message-draft header span, .message-draft header strong { display: block; }
.message-draft header span { color: var(--gold); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.message-draft header strong { margin-top: 7px; }
.message-draft header small { color: var(--quiet); text-align: right; }
.message-draft blockquote { margin: 22px 0; padding: 20px 23px; border-left: 2px solid var(--cyan); border-radius: 0 10px 10px 0; color: #eef5f2; background: rgba(3,17,15,.48); font-family: var(--serif); font-size: 19px; line-height: 1.6; }
.draft-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.draft-footer p { margin: 0; color: var(--muted); font-size: 11px; }
.copy-button { min-height: 40px; flex: 0 0 auto; padding: 0 15px; border: 1px solid rgba(121,229,219,.25); border-radius: 8px; color: var(--cyan); background: var(--cyan-soft); cursor: pointer; }
.capture-studio { margin-top: 28px; padding: 28px; border: 1px solid rgba(200,169,103,.2); border-radius: 17px; background: linear-gradient(135deg, rgba(200,169,103,.07), rgba(11,37,32,.62)); scroll-margin-top: 30px; }
.capture-heading { align-items: start; }
.capture-heading p:last-child { max-width: 700px; margin: 4px 0 0; color: var(--muted); line-height: 1.55; }
.capture-warning { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(3,17,15,.3); font-size: 11px; }
.capture-warning span { color: var(--cyan); }
.capture-warning p { margin: 0; }
.capture-grid { display: grid; gap: 10px; }
.entry-card { border: 1px solid var(--line); border-radius: 12px; background: rgba(3,17,15,.38); overflow: hidden; }
.entry-card summary { min-height: 67px; display: flex; align-items: center; gap: 14px; padding: 14px 18px; cursor: pointer; list-style: none; }
.entry-card summary::-webkit-details-marker { display: none; }
.entry-card summary > span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(200,169,103,.24); border-radius: 50%; color: var(--gold); font-family: var(--serif); }
.entry-card summary strong, .entry-card summary small { display: block; }
.entry-card summary strong { font-family: var(--serif); font-size: 17px; font-weight: 400; }
.entry-card summary small { margin-top: 4px; color: var(--muted); }
.entry-card[open] summary { border-bottom: 1px solid var(--line); background: rgba(121,229,219,.03); }
.entry-form { display: grid; gap: 13px; padding: 20px; }
.entry-form label { display: grid; gap: 7px; color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.entry-form input, .entry-form textarea, .entry-form select { width: 100%; min-height: 43px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--ink); background: rgba(2,14,12,.52); font-family: var(--sans); font-size: 13px; line-height: 1.45; text-transform: none; letter-spacing: 0; }
.entry-form textarea { resize: vertical; }
.entry-form input:focus, .entry-form textarea:focus, .entry-form select:focus { border-color: rgba(121,229,219,.45); box-shadow: 0 0 0 3px rgba(121,229,219,.05); }
.entry-form .primary-button { justify-self: start; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }

.connection-state { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid rgba(226,182,109,.22); border-radius: 999px; color: var(--amber); background: rgba(226,182,109,.07); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.connection-state i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.connection-state.connected { color: var(--green); border-color: rgba(113,199,155,.24); background: rgba(113,199,155,.07); }
.connection-hero { display: grid; grid-template-columns: 1fr minmax(320px, .75fr); gap: 35px; margin-bottom: 18px; padding: 30px; }
.connection-hero h2 { font-size: 31px; }
.connection-hero > div > p:last-child { color: var(--muted); }
.connection-boundary { display: grid; gap: 7px; padding-left: 28px; border-left: 1px solid var(--line); }
.connection-boundary span { margin-top: 8px; color: var(--gold); font-size: 8px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.connection-boundary strong { font-size: 11px; line-height: 1.55; }
.connection-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; }
.connection-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 21px; }
.connection-flow > div { min-height: 170px; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: rgba(3,17,15,.35); }
.connection-flow span { color: var(--gold); font-family: var(--serif); font-size: 20px; }
.connection-flow strong { display: block; margin-top: 21px; }
.connection-flow p { color: var(--muted); font-size: 10px; line-height: 1.5; }
.scope-list { display: grid; gap: 9px; margin: 20px 0; padding: 0; list-style: none; }
.scope-list li { display: flex; gap: 9px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: rgba(3,17,15,.3); font-size: 11px; }
.scope-list span { color: var(--green); }
.boundary-note { margin: 0; color: var(--quiet); font-size: 10px; line-height: 1.55; }

.metric { min-width: 120px; text-align: right; }
.metric strong, .metric span { display: block; }
.metric strong { font-family: var(--serif); font-size: 48px; font-weight: 400; color: var(--amber); }
.metric span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.policy-strip { margin-bottom: 18px; color: var(--muted); }
.policy-strip > span { color: var(--amber); }
.policy-strip p, .privacy-boundary p { margin: 0; }
.review-card { padding: 25px; border-radius: 15px; }
.review-card header { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.review-card header h2 { margin: 11px 0 3px; }
.review-card header p { margin: 0; color: var(--muted); font-size: 11px; }
.status-chip.amber { color: var(--amber); background: rgba(226,182,109,.1); border-color: rgba(226,182,109,.2); }
.confidence-stack { text-align: right; }
.confidence-stack strong, .confidence-stack span { display: block; }
.confidence-stack strong { font-family: var(--serif); font-size: 26px; font-weight: 400; color: var(--cyan); }
.confidence-stack span { color: var(--quiet); font-size: 9px; }
.review-card > h3 { margin-top: 12px; }
.review-card .card-link { max-width: 220px; }
.handoff-banner { display: grid; grid-template-columns: 1fr auto 1fr 1.3fr; gap: 25px; align-items: center; margin-bottom: 20px; padding: 24px; border: 1px solid rgba(200,169,103,.22); border-radius: 15px; background: var(--gold-soft); }
.handoff-banner span, .handoff-banner strong { display: block; }
.handoff-banner span { color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.handoff-banner strong { margin-top: 6px; font-family: var(--serif); font-size: 19px; font-weight: 400; }
.handoff-arrow { color: var(--gold) !important; font-size: 20px !important; }
.coverage-window { padding-left: 25px; border-left: 1px solid rgba(200,169,103,.2); }
.handoff-context { display: grid; align-content: center; gap: 5px; padding-left: 22px; border-left: 1px solid var(--line); }
.handoff-context strong { font-size: 11px; line-height: 1.4; }
.privacy-boundary { margin-top: 22px; color: var(--muted); font-size: 11px; }
.privacy-boundary > span { color: var(--cyan); }
.outcome { display: flex; gap: 14px; padding: 24px; border-radius: 15px; }
.outcome h3 { margin-top: 13px; font-family: var(--serif); font-size: 22px; font-weight: 400; }
.outcome p { color: var(--muted); line-height: 1.5; }
.outcome small { color: var(--quiet); }

.messages { padding: 14px clamp(24px, 4vw, 64px) 0; }
.message { max-width: 760px; padding: 12px 15px; border: 1px solid rgba(121,229,219,.18); border-radius: 10px; color: var(--muted); background: var(--cyan-soft); font-size: 12px; }
.auth-page { display: grid; place-items: center; padding: 30px; }
.auth-page main { width: 100%; padding: 0; }
.auth-card { max-width: 475px; margin: 0 auto; padding: 44px; border: 1px solid var(--line); border-radius: 20px; background: rgba(9,29,26,.84); box-shadow: 0 35px 100px rgba(0,0,0,.28); backdrop-filter: blur(22px); }
.auth-brand { width: 100%; height: 105px; margin-bottom: 32px; overflow: hidden; }
.auth-card h1 { font-size: 40px; }
.auth-form { display: grid; gap: 9px; margin-top: 30px; }
.auth-form label { margin-top: 9px; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.auth-form input { width: 100%; height: 47px; padding: 0 13px; border: 1px solid var(--line); border-radius: 9px; outline: 0; color: var(--ink); background: rgba(2,14,12,.52); }
.auth-form input:focus { border-color: rgba(121,229,219,.46); box-shadow: 0 0 0 3px rgba(121,229,219,.06); }
.auth-form .primary-button { margin-top: 15px; }
.form-error { padding: 11px; border: 1px solid rgba(226,182,109,.25); border-radius: 8px; color: var(--amber); background: rgba(226,182,109,.08); font-size: 11px; line-height: 1.5; }
.privacy-note { margin: 26px 0 0; color: var(--quiet); font-size: 10px; line-height: 1.6; text-align: center; }
.update-stamp { display: grid; gap: 3px; margin: 13px 0 0; color: var(--quiet); font-size: 13px; line-height: 1.5; text-align: center; }
.update-stamp span { color: var(--gold); font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.update-stamp time { color: var(--muted); }
.auth-messages { position: fixed; top: 10px; left: 0; right: 0; z-index: 4; }
.diagnostic { color: var(--quiet); font-family: ui-monospace, monospace; font-size: 11px; }

@keyframes listen { to { box-shadow: 0 0 0 9px rgba(121,229,219,.1), 0 0 24px rgba(121,229,219,.35); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 84px minmax(0, 1fr); }
  .rail { padding-inline: 14px; }
  .brand { width: 52px; height: 54px; margin-inline: 0; overflow: hidden; }
  .rail nav a:not([aria-current="page"]) { font-size: 0; }
  .rail nav a { justify-content: center; gap: 0; padding: 0; }
  .rail nav a span { font-size: 18px; }
  .rail-footer { font-size: 0; text-align: center; }
  .text-button { margin: 8px auto; font-size: 10px; }
  .priority-grid { grid-template-columns: 1fr; }
  .priority-card { min-height: 250px; }
  .journey-answers { grid-template-columns: 1fr 1fr; }
  .journey-answers article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .journey-answers article:nth-child(4) { border-top: 1px solid var(--line); }
  .journey-phases { grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .operations-body { grid-template-columns: 1fr; }
  .operations-guidance { border-left: 0; border-top: 1px solid rgba(200,169,103,.19); }
  .connection-grid, .connection-hero { grid-template-columns: 1fr; }
  .connection-boundary { padding: 20px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .identity-overview { grid-template-columns: 1fr 1fr; }
  .identity-overview > div { padding: 14px; border-top: 1px solid var(--line); }
}

@media (max-width: 760px) {
  .app-shell { display: block; }
  .rail { position: sticky; top: 0; width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; padding: 10px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand { width: 150px; height: 54px; margin: 0 8px 0 0; overflow: hidden; }
  .rail nav { display: flex; flex: 1; justify-content: space-around; }
  .rail nav a, .rail nav a:not([aria-current="page"]) { min-width: 44px; min-height: 44px; font-size: 0; }
  .rail-footer { display: none; }
  .command-wrap { height: auto; padding: 13px 16px; }
  .sample-badge { display: none; }
  main { padding: 35px 17px 65px; }
  .page-heading, .client-hero, .next-action { display: grid; align-items: start; }
  .journey-header { display: grid; }
  .journey-owner { padding: 16px 0 0; border-left: 0; border-top: 1px solid rgba(200,169,103,.2); }
  .journey-answers, .journey-phases, .journey-context-grid { grid-template-columns: 1fr; }
  .journey-answers article + article, .journey-answers article:nth-child(3), .journey-answers article:nth-child(4) { border-left: 0; border-top: 1px solid var(--line); }
  .journey-phase:not(:last-child)::after { display: none; }
  .journey-panel > footer { display: grid; }
  .readiness { width: 100%; }
  .briefing-grid, .client-result-main, .comparison { grid-template-columns: 1fr; }
  .operations-header { display: grid; }
  .operations-meta { grid-template-columns: 1fr 1fr; }
  .operations-meta > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .operations-meta > div:nth-child(4) { border-top: 1px solid var(--line); }
  .operations-update, .relationship-applied, .relationship-applied div { grid-template-columns: 1fr; }
  .connection-flow { grid-template-columns: 1fr; }
  .relationship-applied { gap: 10px; }
  .update-columns, .form-grid { grid-template-columns: 1fr; }
  .update-columns > div + div { padding: 0; border-left: 0; }
  .verified-block { padding: 15px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .client-result { grid-template-columns: 1fr; }
  .client-result-main, .source-row { grid-column: 1; }
  .client-result-meta, .handoff-context { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .identity-overview { grid-template-columns: 1fr; }
  .identity-overview > div { padding: 13px 0; border-left: 0 !important; }
  .source-row a { width: 100%; margin: 4px 0 0; min-height: 44px; display: flex; align-items: center; }
  .hero-search { flex-wrap: wrap; }
  .hero-search input { min-width: calc(100% - 90px); }
  .search-submit { width: 100%; }
  .handoff-banner { grid-template-columns: 1fr auto 1fr; }
  .message-draft header, .draft-footer { display: grid; }
  .message-draft header small { text-align: left; }
  .copy-button { width: 100%; }
  .capture-studio { padding: 20px 14px; }
  .coverage-window { grid-column: 1 / -1; padding: 17px 0 0; border-left: 0; border-top: 1px solid rgba(200,169,103,.2); }
  .auth-card { padding: 32px 24px; }
  h1 { font-size: 42px; }
}

@media (max-width: 430px) {
  .brand { width: 120px; height: 48px; }
  .rail { padding-inline: 10px; }
  .rail nav a, .rail nav a:not([aria-current="page"]) { min-width: 42px; }
}
.connection-setup { margin-top: 18px; }
.connection-setup > p:not(.eyebrow) { max-width: 720px; color: var(--muted); }
.secret-form { display: grid; gap: 10px; max-width: 620px; margin-top: 22px; }
.secret-form label { color: var(--gold); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.secret-form input { min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.04); color: var(--ink); }
.monday-heading { align-items: center; }
.snapshot-meta { min-width: 190px; padding-left: 24px; border-left: 1px solid var(--line); }
.snapshot-meta strong, .snapshot-meta span, .snapshot-meta small { display: block; }
.snapshot-meta strong { color: var(--cyan); font-family: var(--serif); font-size: 42px; font-weight: 400; }
.snapshot-meta span { color: var(--gold); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.snapshot-meta small { margin-top: 7px; color: var(--quiet); }
.source-banner { display: flex; justify-content: space-between; gap: 25px; margin-bottom: 34px; padding: 16px 19px; border: 1px solid rgba(121,229,219,.18); border-radius: 12px; background: rgba(121,229,219,.055); }
.source-banner strong, .source-banner small { display: block; }
.source-banner small, .source-banner p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.monday-records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.monday-record { padding: 24px; border-radius: 15px; }
.monday-record > header { display: flex; justify-content: space-between; gap: 20px; }
.monday-record h2 { margin: 13px 0 5px; font-size: 26px; }
.monday-record header p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.status-chip.complete { color: var(--green); background: rgba(113,199,155,.09); border-color: rgba(113,199,155,.2); }
.progress-number { min-width: 78px; text-align: right; }
.progress-number strong, .progress-number span { display: block; }
.progress-number strong { color: var(--cyan); font-family: var(--serif); font-size: 25px; font-weight: 400; }
.progress-number span { color: var(--quiet); font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.record-facts { display: grid; grid-template-columns: 1.25fr 1fr .8fr; gap: 0; margin: 20px 0; padding: 14px 0; border-block: 1px solid var(--line); }
.record-facts div { padding: 0 12px; }
.record-facts div:first-child { padding-left: 0; }
.record-facts div + div { border-left: 1px solid var(--line); }
.record-facts span, .record-facts strong { display: block; }
.record-facts span { color: var(--gold); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.record-facts strong { margin-top: 5px; font-size: 10px; line-height: 1.4; }
.operation-attention { margin: -2px 0 18px; padding: 14px 16px; border: 1px solid rgba(211,177,94,.22); border-radius: 10px; background: rgba(211,177,94,.055); }
.operation-attention span, .operation-attention strong { display: block; }
.operation-attention span { color: var(--gold); font-size: 8px; letter-spacing: .12em; }
.operation-attention strong { margin-top: 7px; font-size: 13px; line-height: 1.4; }
.operation-attention p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.monday-steps { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.monday-steps summary, .template-shelf > summary { display: flex; justify-content: space-between; padding: 12px 14px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
.monday-steps summary span, .template-shelf > summary span { color: var(--gold); }
.monday-steps > div { max-height: 330px; overflow: auto; border-top: 1px solid var(--line); }
.source-workflow-heading { display: flex; justify-content: space-between; gap: 12px; padding: 10px 13px; border-bottom: 1px solid var(--line); background: rgba(121,229,219,.035); font-size: 9px; }
.source-workflow-heading strong { color: var(--cyan); text-transform: uppercase; letter-spacing: .08em; }
.source-workflow-heading a { color: var(--muted); text-decoration: none; }
.monday-step { display: flex; gap: 10px; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.monday-step:last-child { border-bottom: 0; }
.step-state { color: var(--amber); }
.step-state.done { color: var(--green); }
.monday-step p, .monday-step small { margin: 0; }
.monday-step strong, .monday-step small { display: block; }
.monday-step strong { font-size: 10px; font-weight: 540; line-height: 1.4; }
.monday-step small { margin-top: 3px; color: var(--quiet); font-size: 9px; }
.step-status-form { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.step-status-form select, .step-status-form button { min-height: 30px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: rgba(255,255,255,.025); font-size: 9px; }
.step-status-form select { padding: 0 25px 0 8px; }
.step-status-form button { padding: 0 9px; color: var(--cyan); cursor: pointer; }
.monday-record footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; color: var(--quiet); font-size: 9px; }
.monday-record footer a { color: var(--cyan); text-decoration: none; }
.template-shelf { margin-top: 34px; border: 1px solid var(--line); border-radius: 12px; }
.template-shelf > summary { padding: 17px 19px; color: var(--ink); font-size: 12px; }
.template-shelf > div { padding: 0 16px 16px; }
.monday-records.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.monday-records.compact .monday-record { padding: 18px; }
.monday-records.compact h2 { font-size: 18px; }
@media (max-width: 1050px) { .monday-records, .monday-records.compact { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .source-banner, .monday-record > header, .monday-record footer { display: grid; } .record-facts { grid-template-columns: 1fr; } .record-facts div { padding: 10px 0; } .record-facts div + div { border-left: 0; border-top: 1px solid var(--line); } .monday-step { flex-wrap: wrap; } .step-status-form { width: 100%; margin-left: 26px; } }

/* Readable hospitality scale: supporting information must never feel like fine print. */
:root {
  --muted: #a8bbb6;
  --quiet: #78908a;
}
body { font-size: 16px; line-height: 1.55; }
.app-shell { grid-template-columns: 240px minmax(0, 1fr); }
.rail { padding-inline: 26px; }
.brand { width: 188px; }
.rail nav a { min-height: 48px; font-size: 16px; }
.rail-footer, .text-button { font-size: 13px; }
.command input { font-size: 17px; }
.lede { font-size: 18px; }
h3 { font-size: 18px; }
.primary-button, .search-submit { min-height: 48px; font-size: 15px; }

body :is(
  .eyebrow, .sample-badge, .status-chip, .state-label,
  .connection-line span, .client-result-meta span, .handoff-context span,
  .identity-overview span, .verified-block span,
  .journey-owner span, .journey-answers span, .journey-context span,
  .operations-meta span, .outcome-statement span, .operations-update span,
  .subheading > span, .guidance-owner span, .guidance-why span, .guidance-proof span,
  .relationship-applied > span, .action-plan > span, .detail-item span,
  .update-state, .update-columns span, .knowledge-item > div span,
  .verified-tag, .observed-tag, .message-draft header span,
  .connection-boundary span, .metric span, .handoff-banner span,
  .snapshot-meta span, .record-facts span, .operation-attention span,
  .progress-number span
) { font-size: 12px; line-height: 1.45; }

body :is(
  .count, .owner, .evidence, .card-link, .calm-confirmation p,
  .result-meta, .source-row, .open-client, .identity-meta,
  .state-banner p:last-child, .journey-header > div:first-child > p:last-child,
  .journey-owner small, .journey-answers p, .journey-phase > strong,
  .journey-phase > small, .journey-phase details, .journey-context p,
  .journey-milestone time, .journey-milestone small, .journey-panel > footer,
  .operations-header p:last-child, .operations-meta strong,
  .operations-update p, .operations-update small, .subheading small,
  .operation-step strong, .operation-step p, .operation-step small, .step-label,
  .guidance-owner strong, .guidance-why p, .guidance-proof p,
  .relationship-applied p, .confidence, details,
  .commitment p, .commitment small, .timeline time, .timeline p, .timeline small,
  .person p, .person small, .relationship-update footer,
  .knowledge-item strong, .comparison small, .next-action p:last-child,
  .draft-footer p, .capture-warning, .connection-state,
  .connection-boundary strong, .connection-flow p, .scope-list li,
  .boundary-note, .review-card header p, .confidence-stack span,
  .handoff-context strong, .privacy-boundary, .message,
  .auth-form label, .form-error, .privacy-note, .update-stamp, .diagnostic,
  .source-banner small, .source-banner p, .monday-record header p,
  .record-facts strong, .operation-attention p,
  .monday-steps summary, .template-shelf > summary,
  .source-workflow-heading, .monday-step strong, .monday-step small,
  .step-status-form select, .step-status-form button, .monday-record footer
) { font-size: 14px; }

.professional-line, .identity-overview strong, .connection-line strong,
.client-result-meta strong, .comparison strong { font-size: 16px; }
.entry-form label, .secret-form label { font-size: 13px; }
.entry-form input, .entry-form textarea, .entry-form select,
.auth-form input, .secret-form input { font-size: 16px; }
.operation-attention strong, .monday-step strong { font-size: 15px; }
.journey-phase > div span, .step-state { font-size: 12px; }

@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 84px minmax(0, 1fr); }
  .rail { padding-inline: 14px; }
  .brand { width: 52px; }
  .rail nav a:not([aria-current="page"]) { font-size: 0; }
  .rail-footer { font-size: 0; }
  .text-button { font-size: 11px; }
}

@media (max-width: 760px) {
  .rail nav a, .rail nav a:not([aria-current="page"]) { font-size: 0; }
  .brand { width: 150px; }
  .lede { font-size: 17px; }
}

@media (max-width: 430px) {
  .brand { width: 120px; }
}