@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --ink:#13232b; --ink-soft:#38505a; --paper:#f4f7f6; --surface:#ffffff; --surface-soft:#edf3f0; --line:#dce7e2; --line-strong:#c7d7cf; --muted:#71827d; --muted-light:#9baaa5; --mint:#39d39b; --mint-deep:#087557; --mint-pale:#dcf8ec; --amber:#c98519; --amber-pale:#fff1d7; --red:#c64e4e; --red-pale:#fde6e4; --sidebar:#10252d; --sidebar-soft:#17343c; --shadow:0 12px 30px rgba(25, 56, 47, .06); --radius:15px; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',Arial,sans-serif; font-size:14px; }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.52; }
.is-hidden { display:none !important; }
.app-shell { min-height:100vh; display:flex; }
.sidebar { width:254px; flex:0 0 254px; min-height:100vh; background:var(--sidebar); color:#e9f4f0; display:flex; flex-direction:column; padding:27px 16px 20px; position:sticky; top:0; height:100vh; z-index:10; }
.sidebar-top { padding:0 14px 31px; display:flex; justify-content:space-between; align-items:center; }
.brand-lockup { display:flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:700; letter-spacing:-.05em; }
.brand-symbol { width:31px; height:31px; border-radius:9px; background:var(--mint); color:var(--sidebar); display:inline-grid; place-items:center; font-family:'DM Mono',monospace; font-size:12px; font-weight:500; letter-spacing:-.08em; }
.environment-chip { color:var(--mint); border:1px solid rgba(57,211,155,.4); border-radius:4px; padding:4px 6px; font:500 10px 'DM Mono',monospace; letter-spacing:.08em; }
.sidebar-label { padding:0 14px 11px; color:#6d8c91; font:500 10px 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.main-nav { display:grid; gap:4px; }
.nav-item { border:0; background:transparent; color:#aac0c0; width:100%; display:flex; align-items:center; gap:12px; padding:12px 14px; text-align:left; border-radius:8px; transition:background .18s ease,color .18s ease,transform .18s ease; }
.nav-item:hover { background:var(--sidebar-soft); color:white; }
.nav-item:active { transform:scale(.98); }
.nav-item.is-active { color:white; background:#1b4148; box-shadow:inset 3px 0 0 var(--mint); }
.nav-index { color:#66888d; width:21px; font:500 10px 'DM Mono',monospace; }
.nav-item.is-active .nav-index { color:var(--mint); }
.nav-item b { margin-left:auto; min-width:20px; padding:2px 5px; border-radius:99px; color:#11312f; background:var(--mint); text-align:center; font:600 10px 'DM Mono',monospace; }
.sidebar-bottom { margin-top:auto; display:grid; gap:18px; }
.scheduler-card { margin:0 5px; padding:15px; background:var(--sidebar-soft); border:1px solid #28505a; border-radius:10px; }
.scheduler-head { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; }
.scheduler-card p { margin:13px 0 3px; color:#8cabae; font-size:11px; }
.scheduler-card strong { display:block; color:white; font:600 15px 'Space Grotesk',sans-serif; letter-spacing:-.03em; }
.scheduler-card small { display:block; margin-top:4px; color:#759497; font-size:10px; }
.status-dot,.pulse-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:currentColor; }
.status-dot-mint { color:var(--mint); box-shadow:0 0 0 4px rgba(57,211,155,.12); }
.pulse-dot { color:var(--mint); box-shadow:0 0 0 4px rgba(57,211,155,.13); }
.sidebar-user { display:flex; align-items:center; gap:9px; padding:0 6px; }
.avatar { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#37646b; color:white; font:600 12px 'Space Grotesk',sans-serif; }
.sidebar-user div:nth-child(2) { min-width:0; display:grid; gap:3px; }
.sidebar-user strong { font-size:12px; }
.sidebar-user span { color:#77979a; font-size:10px; }
.icon-button { border:0; background:transparent; color:inherit; min-width:30px; min-height:30px; padding:5px; border-radius:7px; font-size:16px; }
.icon-button:hover { background:var(--surface-soft); color:var(--ink); }
.sidebar .icon-button { margin-left:auto; color:#88a5a5; }
.main-content { min-width:0; flex:1; padding:0 44px 70px; }
.topbar { min-height:96px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.breadcrumb { color:var(--muted-light); margin:0 0 7px; font:500 10px 'DM Mono',monospace; letter-spacing:.03em; }
.breadcrumb strong { color:var(--muted); font-weight:500; }
.topbar h2 { margin:0; font:600 17px 'Space Grotesk',sans-serif; letter-spacing:-.035em; }
.topbar-actions { display:flex; align-items:center; gap:16px; }
.last-updated { color:var(--muted); font:400 11px 'DM Mono',monospace; }
.button { min-height:39px; border:1px solid transparent; border-radius:8px; padding:9px 15px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease; white-space:nowrap; }
.button:active { transform:scale(.97); }
.button-primary { background:var(--mint-deep); color:white; box-shadow:0 5px 12px rgba(8,117,87,.13); }
.button-primary:hover { background:#075f48; box-shadow:0 7px 17px rgba(8,117,87,.2); }
.button-outline { background:transparent; color:var(--ink-soft); border-color:var(--line-strong); }
.button-outline:hover { background:var(--surface); border-color:var(--mint-deep); color:var(--mint-deep); }
.button-ghost { background:transparent; color:var(--muted); }
.button-ghost:hover { color:var(--ink); background:var(--surface-soft); }
.section-intro { padding:43px 0 27px; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.section-intro h1 { margin:0 0 7px; font:600 clamp(28px,3vw,39px) 'Space Grotesk',sans-serif; letter-spacing:-.065em; }
.eyebrow { margin:0 0 8px; color:var(--mint-deep); font:500 10px 'DM Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
.section-lead { max-width:560px; margin:0; color:var(--muted); font-size:15px; }
.intro-actions,.filter-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.live-badge { display:inline-flex; align-items:center; gap:7px; color:var(--mint-deep); background:var(--mint-pale); border-radius:99px; padding:7px 10px; font:500 10px 'DM Mono',monospace; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:18px; }
.metric-card { min-height:146px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.metric-card-featured { background:var(--ink); color:white; border-color:var(--ink); }
.metric-top { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:12px; font-weight:600; }
.metric-card-featured .metric-top { color:#b2c8c5; }
.metric-card strong { display:block; margin-top:23px; font:600 35px 'Space Grotesk',sans-serif; letter-spacing:-.07em; }
.metric-card p { margin:5px 0 0; color:var(--muted); font-size:11px; }.metric-card-featured p { color:#8ba8a4; }
.metric-icon { color:var(--mint); font-size:18px; }.metric-icon-dark { color:var(--ink-soft); }.metric-icon-warn{color:var(--amber)}.metric-icon-danger{color:var(--red)}
.content-grid { display:grid; gap:18px; margin-bottom:18px; }.grid-health { grid-template-columns:1.15fr .85fr; }.grid-lower { grid-template-columns:1fr 1fr; }.grid-funds { grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr); align-items:start; }.grid-sources { grid-template-columns:.95fr 1.05fr; }.grid-backup { grid-template-columns:.85fr 1.15fr; }
.surface-card { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:23px; box-shadow:var(--shadow); }
.card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:18px; }.card-heading .eyebrow { margin-bottom:7px; }.card-heading h3,.surface-card h3 { margin:0; font:600 18px 'Space Grotesk',sans-serif; letter-spacing:-.04em; }.card-copy { color:var(--muted); line-height:1.5; }
.status-pill { display:inline-flex; align-items:center; gap:6px; width:max-content; padding:5px 8px; border-radius:99px; font:500 10px 'DM Mono',monospace; white-space:nowrap; }.status-success { color:var(--mint-deep); background:var(--mint-pale); }.status-warning { color:#98620d; background:var(--amber-pale); }.status-danger { color:#a63d3d; background:var(--red-pale); }.status-neutral { color:#657b77; background:var(--surface-soft); }
.health-list { display:grid; gap:0; }.health-row { padding:14px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:10px; }.health-name { display:flex; align-items:center; gap:11px; }.health-name div { display:grid; gap:4px; }.health-name strong { font-size:13px; }.health-name small { color:var(--muted); font-size:11px; }.health-symbol { width:33px; height:33px; display:grid; place-items:center; border-radius:9px; color:var(--mint-deep); background:var(--mint-pale); font:500 10px 'DM Mono',monospace; }
.sync-card { background:#16323a; color:white; border-color:#16323a; }.sync-card .eyebrow { color:var(--mint); }.sync-card .card-heading h3 { color:white; }.sync-card .status-neutral { color:#a8c4bf; background:#264950; }.sync-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; padding:15px 0 17px; border-top:1px solid #31545a; border-bottom:1px solid #31545a; }.sync-detail-grid div { display:grid; gap:5px; }.sync-detail-grid span { color:#89aaa8; font:500 10px 'DM Mono',monospace; }.sync-detail-grid strong { font:600 15px 'Space Grotesk',sans-serif; }.result-box { min-height:35px; margin:14px 0 0; color:#a5dccc; font:11px/1.5 'DM Mono',monospace; white-space:pre-wrap; }
.text-button { border:0; padding:3px 0; background:transparent; color:var(--mint-deep); font-size:12px; font-weight:700; }.text-button:hover { color:var(--ink); }.compact-list,.source-bars { display:grid; gap:3px; }.compact-row { width:100%; border:0; border-bottom:1px solid var(--line); padding:12px 0; background:transparent; display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; }.compact-row:last-child { border-bottom:0; }.compact-row:hover strong,.compact-row:hover b { color:var(--mint-deep); }.compact-row span:first-child { display:grid; gap:4px; }.compact-row strong { font-size:13px; }.compact-row small { color:var(--muted); font-size:11px; }.compact-row b { color:var(--ink-soft); font-size:11px; font-weight:600; text-align:right; }.compact-row b span { margin-left:4px; color:var(--mint-deep); }.empty-state { padding:27px 8px; color:var(--muted); text-align:center; font-size:12px; }.large-empty { min-height:170px; display:grid; place-content:center; gap:6px; }.large-empty strong { color:var(--mint-deep); font:600 17px 'Space Grotesk',sans-serif; }.large-empty span { color:var(--muted); }
.source-bar-row { display:grid; gap:8px; padding:7px 0; }.source-bar-row > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; }.source-bar-row strong { font:500 11px 'DM Mono',monospace; color:var(--ink-soft); }.bar-track { height:7px; overflow:hidden; border-radius:99px; background:var(--surface-soft); }.bar-track i { display:block; height:100%; border-radius:inherit; background:var(--mint); }
.compact-intro { align-items:center; padding-bottom:26px; }.review-count { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }.review-count strong { color:var(--red); font:600 30px 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.search-input,select { min-height:38px; border:1px solid var(--line-strong); border-radius:8px; padding:8px 11px; background:var(--surface); color:var(--ink); outline:0; font-size:12px; }.search-input { min-width:210px; }.search-input:focus,select:focus,input:focus { border-color:var(--mint-deep); box-shadow:0 0 0 3px var(--mint-pale); }
.table-tools { display:flex; gap:8px; }.table-scroll { overflow-x:auto; margin:0 -7px; }.table-scroll table { width:100%; min-width:760px; border-collapse:collapse; }.table-scroll th { padding:9px 7px 12px; color:var(--muted); border-bottom:1px solid var(--line); text-align:left; font:500 10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.table-scroll td { padding:13px 7px; border-bottom:1px solid var(--line); color:var(--ink-soft); font-size:12px; vertical-align:middle; }.table-scroll tbody tr:last-child td { border-bottom:0; }.entity-cell { display:flex; align-items:center; gap:10px; }.entity-cell > span:last-child { display:grid; gap:4px; }.entity-cell strong { color:var(--ink); font-size:12px; }.entity-cell small { color:var(--muted); font-size:10px; }.ticker-badge { width:max-content; display:inline-block; padding:4px 6px; border-radius:5px; color:var(--mint-deep); background:var(--mint-pale); font:500 10px 'DM Mono',monospace; }.ticker-badge.subtle { color:var(--ink-soft); background:var(--surface-soft); }.mono-cell { font:400 11px 'DM Mono',monospace !important; }.row-actions { display:flex; justify-content:flex-end; gap:5px; }.table-action { border:0; padding:5px 7px; border-radius:5px; background:var(--surface-soft); color:var(--ink-soft); font-size:10px; }.table-action:hover { color:var(--mint-deep); background:var(--mint-pale); }.danger-action:hover { color:var(--red); background:var(--red-pale); }
.editor-card { position:sticky; top:22px; }.stack-form,.evidence-form { display:grid; gap:13px; }.stack-form label,.evidence-form label { display:grid; gap:6px; color:var(--ink-soft); font-size:11px; font-weight:600; }.stack-form input,.evidence-form input { width:100%; min-height:40px; border:1px solid var(--line-strong); border-radius:7px; padding:9px 10px; outline:0; color:var(--ink); background:#fcfefd; }.form-help { color:var(--muted); font-size:10px; line-height:1.45; }.form-actions { display:flex; gap:8px; padding-top:4px; }.form-actions .button { flex:1; }.write-action[disabled] { pointer-events:auto; }.permission-note { align-self:center; padding:5px 8px; color:var(--mint-deep); background:var(--mint-pale); border-radius:99px; font:500 10px 'DM Mono',monospace; }.permission-note.read-only { color:var(--muted); background:var(--surface-soft); }
.source-list { display:grid; gap:0; }.source-card { display:grid; gap:11px; padding:14px 0; border-top:1px solid var(--line); }.source-card:first-child { border-top:0; padding-top:0; }.source-card-main { display:flex; align-items:center; gap:10px; }.source-card-main > div { display:grid; gap:4px; }.source-card-main strong { font-size:12px; }.source-card-main small { color:var(--muted); font-size:10px; }.source-monogram { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; color:var(--mint-deep); background:var(--mint-pale); font:500 10px 'DM Mono',monospace; }.source-card-stats { display:flex; align-items:center; gap:19px; padding-left:41px; }.source-card-stats span:not(.status-pill) { display:grid; gap:2px; }.source-card-stats b { font:500 12px 'DM Mono',monospace; }.source-card-stats small { color:var(--muted); font-size:10px; }.text-danger { color:var(--red) !important; }.text-success { color:var(--mint-deep); font-size:11px; }.evidence-list { max-height:522px; overflow:auto; padding-right:4px; }.evidence-item { padding:14px 0; border-top:1px solid var(--line); }.evidence-item:first-child { border-top:0; padding-top:0; }.evidence-item-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }.evidence-item-top > div { display:flex; align-items:center; gap:8px; }.evidence-item-top strong { font:600 13px 'Space Grotesk',sans-serif; }.evidence-item time { color:var(--muted); font:400 10px 'DM Mono',monospace; }.evidence-meta { display:flex; gap:10px; flex-wrap:wrap; margin:9px 0; color:var(--muted); font-size:10px; }.evidence-link { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }.evidence-link a,.observation-row a { color:var(--mint-deep); font-size:11px; font-weight:600; text-decoration:none; }.evidence-link a:hover,.observation-row a:hover { text-decoration:underline; }.evidence-link small { color:var(--ink-soft); font-style:italic; font-size:10px; }.evidence-form { grid-template-columns:repeat(4,1fr); align-items:end; }.evidence-form .evidence-url { grid-column:span 2; }.evidence-form .evidence-note { grid-column:span 2; }.evidence-form > button { min-height:40px; }
.conflict-list { display:grid; gap:14px; }.conflict-card { padding:19px; border:1px solid #f1cecb; border-left:4px solid var(--red); border-radius:10px; background:#fffdfd; }.conflict-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }.conflict-card-head > div:first-child { display:flex; gap:10px; }.conflict-marker { flex:0 0 25px; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:var(--red); background:var(--red-pale); font-weight:700; }.conflict-card h3 { margin:2px 0 4px; font:600 17px 'Space Grotesk',sans-serif; }.conflict-card h3 span { color:var(--muted); font-weight:500; }.conflict-card p { margin:0; color:var(--muted); font-size:11px; }.conflict-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:18px 0; padding:14px; border-radius:8px; background:#fff5f3; }.conflict-summary div { display:grid; gap:5px; }.conflict-summary span { color:var(--muted); font-size:10px; }.conflict-summary strong { color:var(--ink-soft); font:500 11px 'DM Mono',monospace; line-height:1.6; }.conflict-summary i { color:var(--red); font-style:normal; }.conflict-observations { display:grid; gap:8px; }.conflict-observations .eyebrow { margin-bottom:0; color:var(--muted); font-size:9px; }.observation-row { display:flex; align-items:center; gap:8px; padding:7px 0; border-top:1px solid var(--line); color:var(--ink-soft); font-size:11px; }.observation-row a { margin-left:auto; }.muted-inline { margin-left:auto; color:var(--muted-light); font-size:10px; }.conflict-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:14px; margin-top:9px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.conflict-footer .button { min-height:33px; padding:6px 9px; font-size:10px; }
.mode-label { color:var(--ink-soft); background:var(--surface-soft); padding:4px 6px; border-radius:4px; font:500 10px 'DM Mono',monospace; }.issue-count { border:0; padding:4px 7px; border-radius:5px; color:#98620d; background:var(--amber-pale); font-size:10px; }.issue-count:hover { background:#ffe5ad; }.grid-backup .surface-card { min-height:255px; }.backup-hero { background:var(--ink); color:white; border-color:var(--ink); }.backup-hero .eyebrow { color:var(--mint); }.backup-hero h3 { color:white; font-size:24px; }.backup-hero p:not(.eyebrow) { max-width:420px; color:#a9c0bd; line-height:1.55; }.backup-icon { width:40px; height:40px; display:grid; place-items:center; margin-bottom:22px; border-radius:10px; color:var(--ink); background:var(--mint); font-size:23px; }.export-list { display:grid; gap:0; margin-top:21px; }.export-item { border:0; border-top:1px solid var(--line); padding:13px 0; background:transparent; display:flex; justify-content:space-between; align-items:center; gap:12px; text-align:left; }.export-item:hover strong { color:var(--mint-deep); }.export-item span { display:grid; gap:4px; }.export-item strong { color:var(--ink); font-size:12px; }.export-item small { color:var(--muted); font-size:10px; }.export-item b { color:var(--mint-deep); font:500 10px 'DM Mono',monospace; }.security-note { display:flex; gap:13px; align-items:flex-start; }.security-note h3 { font-size:14px; }.security-note p { max-width:780px; margin:7px 0 0; color:var(--muted); line-height:1.55; font-size:12px; }.note-mark { width:24px; height:24px; display:grid; place-items:center; flex:0 0 24px; border-radius:50%; color:var(--mint-deep); background:var(--mint-pale); font:600 12px 'Space Grotesk',sans-serif; }
.toast { position:fixed; z-index:20; right:28px; bottom:26px; max-width:min(390px,calc(100vw - 40px)); padding:12px 15px; border-radius:8px; background:var(--ink); color:white; box-shadow:0 12px 30px rgba(0,0,0,.18); font-size:12px; transform:translateY(15px); opacity:0; pointer-events:none; transition:opacity .2s ease,transform .2s ease; }.toast.is-visible { opacity:1; transform:translateY(0); }.toast.error { background:#8d3333; }.spinner { width:12px; height:12px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin .7s linear infinite; }@keyframes spin { to { transform:rotate(360deg); } }
.login-screen { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:var(--paper); }.login-aside { padding:46px clamp(35px,7vw,110px); background:var(--sidebar); color:white; display:flex; flex-direction:column; justify-content:space-between; }.login-aside .brand-lockup { color:white; }.login-aside-copy { max-width:450px; margin:auto 0; }.login-aside-copy .eyebrow { color:var(--mint); }.login-aside-copy h1 { margin:0 0 17px; font:600 clamp(37px,4.8vw,66px) 'Space Grotesk',sans-serif; line-height:.98; letter-spacing:-.075em; }.login-aside-copy p:last-child { max-width:390px; color:#9bb4b1; line-height:1.65; font-size:15px; }.login-trust { display:flex; align-items:center; gap:8px; color:#77979a; font:500 10px 'DM Mono',monospace; }.login-panel { display:grid; place-items:center; padding:40px; }.login-card { width:min(390px,100%); }.login-card h2 { margin:0 0 10px; font:600 29px 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.login-copy { color:var(--muted); line-height:1.55; font-size:13px; }.login-card form { display:grid; gap:8px; margin-top:27px; }.login-card label { color:var(--ink-soft); font-size:11px; font-weight:600; }.input-with-icon { display:flex; align-items:center; gap:9px; border:1px solid var(--line-strong); border-radius:8px; padding:0 11px; background:var(--surface); }.input-with-icon:focus-within { border-color:var(--mint-deep); box-shadow:0 0 0 3px var(--mint-pale); }.input-with-icon span { color:var(--muted); font-size:18px; }.input-with-icon input { min-width:0; width:100%; border:0; outline:0; padding:11px 0; color:var(--ink); background:transparent; }.button-wide { width:100%; margin-top:8px; min-height:45px; }.form-error { min-height:18px; margin:12px 0 0; color:var(--red); font-size:11px; }.login-footnote { margin-top:33px; color:var(--muted-light); line-height:1.5; font-size:10px; }.login-footnote code { color:var(--ink-soft); font-family:'DM Mono',monospace; }.mobile-brand,.mobile-only { display:none; }
@media (max-width:1080px) { .main-content { padding:0 27px 60px; }.metric-grid { grid-template-columns:repeat(2,1fr); }.grid-health,.grid-lower,.grid-funds,.grid-sources,.grid-backup { grid-template-columns:1fr; }.editor-card { position:static; }.evidence-form { grid-template-columns:repeat(2,1fr); }.evidence-form .evidence-url,.evidence-form .evidence-note { grid-column:span 2; } }
@media (max-width:760px) { .sidebar { position:fixed; left:-270px; transition:left .22s ease; box-shadow:10px 0 30px rgba(0,0,0,.16); }.sidebar.is-open { left:0; }.main-content { padding:0 17px 48px; }.topbar { min-height:77px; }.topbar h2 { font-size:15px; }.topbar-actions { gap:7px; }.last-updated { display:none; }.mobile-only { display:inline-grid; place-items:center; }.section-intro { align-items:flex-start; flex-direction:column; padding:31px 0 22px; }.compact-intro { align-items:flex-start; }.section-intro h1 { font-size:31px; }.intro-actions { width:100%; }.intro-actions .button { flex:1; }.filter-row { width:100%; }.filter-row .search-input,.filter-row select { flex:1; min-width:0; }.metric-grid { gap:9px; }.metric-card { min-height:127px; padding:16px; }.metric-card strong { margin-top:18px; font-size:30px; }.surface-card { padding:17px; }.card-heading { margin-bottom:14px; }.evidence-form { grid-template-columns:1fr; }.evidence-form .evidence-url,.evidence-form .evidence-note { grid-column:auto; }.conflict-summary { grid-template-columns:1fr; gap:11px; }.conflict-footer { align-items:flex-start; flex-direction:column; }.source-card-stats { padding-left:0; gap:13px; }.login-screen { grid-template-columns:1fr; }.login-aside { display:none; }.login-panel { padding:30px 22px; }.mobile-brand { display:flex; margin-bottom:48px; }.login-card h2 { font-size:27px; } }