/* ProspectParlor — shared interface system. No external fonts or assets. */
:root { --canvas:#f5f5f7; --ink:#1d1d1f; --muted:#64646c; --brand:#156b57; --nav:#f0f1f3; --line:#e4e5e9; --danger:#b42332; }
body { font-size:14px; line-height:1.55; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { transition:border-color .16s,box-shadow .16s,background .16s; }
button { min-height:42px; padding:10px 17px; border-radius:10px; font-size:13px; font-weight:600; letter-spacing:-.01em; box-shadow:0 1px 2px #00000008; }
button:hover { filter:none; background:#105541; }
button.secondary { background:#fff; border-color:#dedee3; box-shadow:0 1px 2px #00000004; }
button.secondary:hover { background:#f5f5f7; border-color:#c5c7cd; }
button.danger:hover { background:#8f1a27; }
a { text-underline-offset:3px; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #258cbb; outline-offset:3px; }
input,select,textarea { border:1px solid #d5d6dc; border-radius:10px; padding:11px 13px; background:#fdfdfe; min-height:44px; box-shadow:0 1px 2px #00000003 inset; }
select { appearance:none; padding-right:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364646c' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-position:right 12px center; background-repeat:no-repeat; }
input:hover,select:hover,textarea:hover { border-color:#a8abb4; }
input:focus,select:focus,textarea:focus { background-color:#fff; border-color:var(--brand); }
textarea { min-height:128px; line-height:1.65; }
label { font-size:13px; font-weight:600; margin-bottom:7px; }
.field { margin-bottom:22px; min-width:0; }
.help,.note { font-size:12px; line-height:1.65; margin-top:7px; }
label:has(input[type=checkbox]) { align-items:center; gap:10px; font-size:14px; margin:12px 0; }
input[type=checkbox] { min-height:0; width:18px; height:18px; flex-basis:18px; margin:0; box-shadow:none; }
.shell { grid-template-columns:248px minmax(0,1fr); }
.sidebar { width:auto; background:var(--nav); border-right:1px solid #e0e1e6; color:var(--ink); padding:30px 16px 20px; gap:28px; overflow-y:auto; }
.brand { color:var(--ink); font-size:18px; gap:10px; padding:0 10px; letter-spacing:-.6px; }
.brand-mark { background:var(--brand); color:white; border:0; border-radius:9px; width:30px; height:30px; box-shadow:0 3px 8px #156b5720; }
.sidebar nav { gap:4px; }
.sidebar nav button { display:flex; align-items:center; gap:11px; color:#595b64; padding:10px 12px; min-height:43px; border-radius:9px; font-size:13px; box-shadow:none; }
.sidebar nav button:hover { background:#e5e7eb; color:var(--ink); }
.sidebar nav button.active { background:#fff; color:var(--brand); box-shadow:0 1px 5px #00000009; font-weight:650; }
.nav-icon { width:18px; height:18px; flex-shrink:0; }
.sidebar .eyebrow { margin:0 12px -16px; font-size:10px; letter-spacing:1.3px; color:var(--muted); }
.sidebar .bottom { color:var(--muted); font-size:11px; padding:16px 10px 0; border-top:1px solid #dcdee4; }
.sidebar .bottom strong { display:block; color:var(--ink); font-size:12px; margin-bottom:3px; }
.sidebar .bottom button { color:#595b64; border-color:#d4d6dd; min-height:34px; padding:6px 12px; font-size:11px; }
.topbar { height:68px; padding:0 40px; background:#ffffffc9; backdrop-filter:blur(20px); border-bottom:1px solid #e5e5eb; }
.topbar strong { font-size:13px; font-weight:600; }
.topbar .status { display:flex; gap:12px; align-items:center; }
.topbar button { min-height:32px; padding:5px 11px; font-size:11px; }
.workspace { max-width:1256px; padding:40px 40px 80px; }
h1 { font-size:32px; font-weight:650; letter-spacing:-1.15px; line-height:1.18; margin:4px 0 12px; }
h2 { font-size:17px; font-weight:650; letter-spacing:-.45px; margin-bottom:14px; }
h3 { font-size:14px; font-weight:600; }
.lede { max-width:720px; font-size:14px; line-height:1.7; }
.page-head { margin-bottom:30px; align-items:flex-start; }
.page-head p { margin-bottom:0; }
.panel { padding:28px; border-radius:18px; border-color:#e6e6ec; margin-bottom:22px; box-shadow:0 2px 6px #14142603,0 8px 28px #14142602; }
.panel.tint { background:#edf6f2; border-color:#d7e9df; }
.panel > p { color:var(--muted); }
.grid2 { gap:22px; align-items:start; }
.metrics { gap:16px; border:0; background:transparent; margin-bottom:28px; }
.metric { background:#fff; border:1px solid #e6e6ec!important; border-radius:16px; padding:23px; display:flex; flex-direction:column; gap:10px; box-shadow:0 2px 4px #00000002; }
.metric strong { font-size:36px; font-weight:550; letter-spacing:-1.6px; line-height:1.1; font-variant-numeric:tabular-nums; }
.metric span { order:-1; font-size:12px; font-weight:500; }
.metric-button { color:var(--ink); width:100%; min-height:0; text-align:left; cursor:pointer; font-family:inherit; }
.metric-button:hover { background:#fafcfb; border-color:#b9d2c7!important; transform:translateY(-1px); box-shadow:0 8px 24px #1414260a; }
.metric-button.selected { background:#edf6f2; border-color:#9fc8b6!important; box-shadow:0 0 0 1px #9fc8b633; }
.metric-button em { color:var(--brand); font-size:11px; font-style:normal; font-weight:600; margin-top:2px; }
.overview-results { margin-top:-6px; margin-bottom:28px; scroll-margin-top:24px; }
.overview-results > .row { align-items:flex-start; }
.overview-results > .row p { margin:2px 0 0; }
.overview-results .empty { margin-top:18px; }
.overview-snippet { max-width:520px; white-space:pre-wrap; }
.form-grid { gap:0 24px; }
.form-footer { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; flex-wrap:wrap; }
.tabs { display:inline-flex; max-width:100%; background:#e9eaee; border:0; border-radius:11px; padding:4px; gap:3px; margin-bottom:28px; }
.tabs button { min-height:37px; padding:8px 16px; font-size:12px; border-radius:8px; box-shadow:none; }
.tabs button:hover { background:#ffffff66; }
.tabs button.active { background:#fff; color:var(--ink); box-shadow:0 1px 4px #00000010; }
.table-wrap { border:1px solid var(--line); border-radius:12px; margin-top:16px; }
table { font-size:13px; }
th { background:#f8f8fa; font-size:10px; font-weight:600; letter-spacing:.65px; padding:13px 16px; }
td { padding:17px 16px; }
tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#fafafb; }
td small { font-size:12px; margin-top:4px; }
td button { min-height:34px; font-size:12px; }
.tag { font-size:10px; padding:4px 9px; font-weight:600; background:#eef0f4; color:#565b69; letter-spacing:.1px; }
.tag.good { background:#e5f3eb; color:#226044; }
.tag.warn { background:#fff3d9; color:#805b14; }
.tag.bad { background:#fce9e9; color:#a92d38; }
.banner { border:1px solid #f0dfbb; background:#fff9ed; padding:15px 18px; border-radius:12px; font-size:13px; color:#75551e; line-height:1.65; }
.banner.error { border-color:#edc6c6; color:#962e39; }
.step { padding:17px 0; grid-template-columns:28px minmax(0,1fr) auto; gap:12px; }
.step strong { font-size:13px; font-weight:600; }
.step p { font-size:12px; margin-top:3px; }
.step-num { width:26px; height:26px; font-size:11px; border-color:#dfe0e6; }
.step.done .step-num { background:#e4f2eb; color:var(--brand); border-color:#e4f2eb; }
.step button { min-height:32px; padding:5px 10px; font-size:11px; }
.empty { padding:44px 20px; border:1px dashed #dfe1e7; border-radius:12px; background:#fafafb; }
.empty p { font-size:13px; max-width:440px; margin:8px auto; }
.email { border-radius:14px; padding:26px; }
.email-preview { max-width:700px; margin:24px auto; }
.email .row { border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:20px; }
.contact-details { margin-top:0; }
.contact-details summary { font-size:13px; text-decoration:none; font-weight:600; }
.contact-details summary:hover { text-decoration:underline; }
.contact-details dl { background:#f6f7f9; border:1px solid var(--line); }
.contact-details dt { font-size:11px; }
.contact-details dd { font-size:12px; }
.toggleline { gap:8px; }
.toggleline label { margin:0; border-radius:9px; padding:10px 13px; font-size:12px; background:#fafafb; }
.toggleline label:has(input:checked) { background:#eaf4ef; border-color:#a9cbbb; color:#175c45; }
.allowance { font-size:13px; padding:12px 0; }
hr { margin:26px 0; }
.settings-block + .settings-block { border-top:1px solid var(--line); margin-top:28px; padding-top:28px; }
.settings-block > .section-caption { margin:-8px 0 22px; color:var(--muted); font-size:13px; }
.settings-explanation { background:#f7f8fa; border-radius:10px; padding:12px 15px; margin:18px 0 0; }
.settings-explanation summary { font-size:12px; color:var(--muted); }
.settings-explanation p { margin-top:10px; }
.login { background:#fff; }
.login-intro { background:radial-gradient(ellipse at 10% 100%,#29775e55,transparent 65%),#122c27; padding:10vh 7vw; }
.login-intro .brand { color:#fff; padding:0; }
.login-intro .brand-mark { background:#ffffff15; color:#a0dbc2; box-shadow:none; }
.login-intro h1 { font-size:clamp(40px,4.5vw,64px); max-width:520px; font-weight:550; letter-spacing:-2.4px; }
.login-intro p { color:#bfcec7; font-size:16px; line-height:1.8; }
.login-intro .stack { margin-top:35px; color:#d1dfd7; font-size:13px; gap:20px; }
.login-form h1 { font-size:36px; margin-top:15px; }
.login-form .eyebrow { font-size:10px; letter-spacing:1.6px; }
.login-form .signin { min-height:44px; }
.legal-links { font-size:12px; }
.notice,.loading { background:#fff; border:1px solid var(--line); border-radius:20px; padding:40px; }
#toast { border-radius:12px; box-shadow:0 10px 40px #00000024; font-size:13px; }
@media (max-width:1100px) { .shell { grid-template-columns:216px minmax(0,1fr); } .sidebar { width:auto; } .workspace { padding:30px 24px 60px; } .topbar { padding:0 24px; } .grid2 { grid-template-columns:1fr; } .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { body { font-size:14px; } .shell { display:block; } .sidebar { padding:18px 16px 12px; width:100%; height:auto; overflow:visible; gap:16px; } .brand { padding:0; } .sidebar nav { overflow-x:auto; gap:6px; padding-bottom:6px; } .sidebar nav button { font-size:12px; min-height:42px; } .sidebar .bottom { display:grid; padding:12px 0 0; } .sidebar .eyebrow { margin:0; } .topbar { padding:14px 18px; min-height:62px; height:auto; } .topbar .status { gap:6px; } .workspace { padding:28px 16px 56px; } h1 { font-size:28px; letter-spacing:-.8px; } .panel { padding:20px; border-radius:15px; } .page-head { margin-bottom:24px; } .page-head > button { margin-top:16px; } .metrics { gap:10px; } .metric { padding:18px; } .metric strong { font-size:30px; } .tabs { display:flex; } .tabs button { flex:1 0 auto; padding:9px 12px; } input,select,textarea { font-size:16px; } .row { gap:14px; } .toggleline label { padding:10px; } .form-footer button { width:100%; } .login-intro { padding:36px 28px; } .login-intro h1 { font-size:40px; margin-top:36px; } .login-form { padding:36px 28px; } .step { grid-template-columns:28px minmax(0,1fr); } .step button { grid-column:2; } .notice,.loading { margin:24px 16px; padding:24px; } #toast { left:16px; right:16px; bottom:16px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; } }

.website-shortcut { margin:-14px 0 24px; font-size:12px; } .panel > form > .form-grid:first-child { margin-top:4px; } form[data-form="source"] { margin-top:20px; } .panel > .row + form { margin-top:16px; }