:root{font-family:'Segoe UI',Arial,sans-serif;background:#f3f5f9;color:#1a2539;--brand:#0e1887;--ink:#1a2539;--muted:#526174;--line:#dce2eb;--rail:#202126;--purple:#675eb8;--subtle:#f7f9fc;--hover:#edf2fa;--control-border:#6b7b90}*{box-sizing:border-box}body{margin:0;background:#f3f5f9}button,input,select,textarea{font:inherit}a{color:#175da8}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #175cba;outline-offset:3px}h1{font-size:28px;letter-spacing:-.7px;margin:3px 0 12px}h2{font-size:17px;margin:0 0 10px}p{line-height:1.5}header.appbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.appbar .account{display:flex;align-items:center;gap:10px;font-size:12px}.appbar .auth-button,.primary-action{border-radius:5px;padding:9px 13px;border:1px solid var(--brand);background:var(--brand);color:white;text-decoration:none;font-size:12px;font-weight:600}.appbar .heading{font-weight:600}.appbar .heading small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.appbar #user{color:var(--muted)}.hostbar{height:40px;background:#006fc8;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px}.hostbar strong{font-size:14px}.layout{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:calc(100vh - 104px)}nav{background:var(--rail);color:#e2e6ef;padding:24px 14px;display:flex;flex-direction:column;gap:5px}nav .brand{padding:0 10px 25px;font-size:21px;font-weight:700}nav .brand span{color:#b6b0ff}nav a,nav .future{display:block;padding:11px 12px;border-radius:5px;text-decoration:none;color:#e2e6ef;font-size:13px}nav a:hover{background:#30323c}nav a.active{background:#37365a;border-left:3px solid #b6b0ff;padding-left:9px;color:#fff}nav .navcaption{color:#b9c0cf;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;margin:24px 12px 7px}nav .future{color:#b9c0cf;opacity:.85}nav .future em{font-size:9px;margin-left:7px;font-style:normal;border:1px solid #727c8e;padding:2px 4px;border-radius:3px}main{min-width:0;max-width:1700px;width:100%;padding:30px;margin:0 auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:700;margin-bottom:9px}.subtitle{color:var(--muted);font-size:13px;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.cards article,.panel,.home-staff{background:white;border:1px solid var(--line);border-radius:7px;padding:19px}.cards article h2{font-size:12px;color:var(--muted)}.cards article strong{font-size:19px;display:block;margin:14px 0;color:var(--ink)}.cards article p{font-size:12px;color:var(--muted)}.notice{border:1px solid #956622;background:#fffbf2;color:#805200;padding:13px 16px;margin-top:16px;border-radius:5px;font-size:12px}.notice.fixture{border-color:#6b7b90;background:#edf3fc;color:#34537b}#home-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}#home-people .home-person{border:1px solid var(--line);border-radius:5px;padding:14px;background:var(--subtle);text-decoration:none;font-size:12px}#home-people .home-person:hover{background:var(--hover)}.home-staff{margin-top:20px}.home-staff p{font-size:12px;color:var(--muted)}.sync-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;margin-top:18px}.sync-grid>div{min-width:0}.sync-grid>div:first-child,#review-panel{border:1px solid var(--line);background:#fff;border-radius:7px;padding:16px}.sync-grid input,.sync-grid select{border:1px solid var(--control-border);padding:8px;border-radius:4px;max-width:100%;background:white}.sync-grid input{width:100%;margin:8px 0 12px}.queue-person{display:block;text-align:left;background:white;border:0;border-top:1px solid var(--line);width:100%;padding:14px 9px;font-size:12px;color:var(--ink)}.queue-person:hover,.queue-person.selected{background:#edebfc;border-left:3px solid var(--purple)}#review-panel h2{font-size:20px}#review-panel a{display:inline-block;font-size:12px;margin-bottom:13px}.compare-wrap{overflow:auto}#review-panel table{width:100%;border-collapse:collapse;font-size:12px}#review-panel th{text-transform:uppercase;letter-spacing:.5px;background:var(--subtle);color:var(--muted);font-size:10px;text-align:left;padding:12px}#review-panel td{padding:12px;border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}#review-panel tr.different td{background:#fffcf5}#review-panel tr.different td:first-child{box-shadow:inset 3px 0 #956622}#review-panel select{width:100%;font-size:11px}#review-panel small{display:block;color:#675eb8;font-size:10px;margin-top:5px}.review-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.review-actions button,#review-panel>button{padding:9px 12px;border:1px solid var(--control-border);border-radius:5px;background:#fff;font-size:12px}#review-panel>button:last-child{background:var(--brand);color:#fff;border-color:var(--brand)}.preview{background:#edf3fc;padding:15px;white-space:pre-wrap;border-radius:5px;font-size:12px;overflow:auto;color:#34537b}#shared-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:22px}#shared-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px}#shared-card dt{color:var(--muted);font-size:11px}#shared-card dd{margin:5px 0 0;font-weight:600;font-size:13px;overflow-wrap:anywhere}#person-activity{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}#person-activity li{padding:8px 0;font-size:12px}.badge{display:inline-flex;padding:4px 7px;font-size:11px;border-radius:4px;background:#edebfc;color:#514a91}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px}.privacy{border:1px solid var(--line);padding:12px;border-radius:6px;color:var(--muted);font-size:12px}.subnav{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.subnav button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 2px;font-size:12px}.subnav button.active{border-color:var(--brand);color:var(--brand);font-weight:650}@media(max-width:1050px){.layout{grid-template-columns:185px minmax(0,1fr)}.sync-grid{grid-template-columns:200px minmax(0,1fr)}main{padding:23px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.layout{grid-template-columns:1fr}nav{flex-direction:row;overflow-x:auto;padding:8px}nav .brand,nav .navcaption,nav .future{display:none}nav a{white-space:nowrap}header.appbar{height:auto;min-height:62px;flex-wrap:wrap;padding:12px}.sync-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}main{padding:16px}#shared-card dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Background refresh is a status, never a blocking overlay. */
.refresh-summary{padding:12px 16px;margin:14px 0;border:1px solid var(--line,#dce2eb);border-radius:6px;background:var(--surface,#fff);font-size:13px}
.refresh-summary[data-kind="incomplete"]{border-color:#956622;background:#fffbf2}
.refresh-summary[data-kind="all-clear"],.refresh-summary[data-kind="unchanged"]{border-color:#7bbd96;background:#eff9f3}
.refresh-summary[data-kind="changed"]{border-color:#6c7fc1;background:#edf3fc}
.refresh-summary small{display:block;margin-top:5px;color:var(--muted,#526174)}

/* Authenticated personal preferences, using the established HIIP panel styling. */
.settings-panel{max-width:620px;display:grid;gap:12px}
.settings-panel>label{font-size:13px;font-weight:600}
.settings-panel select{padding:9px;border:1px solid var(--control-border);border-radius:5px;background:#fff;width:100%}
.settings-panel .settings-check{display:flex;align-items:center;gap:10px;font-weight:400;margin:8px 0}
.settings-panel .settings-check input{width:17px;height:17px}
.settings-panel button{cursor:pointer}
.settings-panel #settings-status{font-size:12px;color:var(--muted);margin:2px 0 0}
body.compact-tables #review-panel td,body.compact-tables #review-panel th{padding:6px 8px}
body.compact-tables .queue-person{padding:8px}

/* Approved navigation: expanded labels, icon rail at <=900px, Settings in bottom area. */
nav .nav-icon{width:19px;height:19px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
nav>a{display:flex;align-items:center;gap:12px}
nav .navbottom{margin-top:auto;padding-top:35px}
nav .navbottom .operator-area{border-top:1px solid #727c8e;margin:16px 9px 0;padding-top:18px;color:#b9c0cf;font-size:11px}
nav a[hidden]{display:none}
@media(max-width:900px) and (min-width:751px){
 .layout{grid-template-columns:64px minmax(0,1fr)}
 nav{padding:20px 8px}
 nav .brand{font-size:0;padding:0 0 20px;text-align:center}
 nav .brand:first-letter{font-size:18px}
 nav a{justify-content:center;padding:13px 5px;gap:0}
 nav a.active{padding-left:2px}
 nav a span,nav .navcaption,nav .future,nav .operator-area{display:none}
 nav .navbottom{margin-top:auto}
}
@media(max-width:750px){
 nav{flex-direction:column;overflow:visible;padding:16px 8px}
 nav .brand{display:block;font-size:0;padding:0 0 16px;text-align:center}
 nav .brand:first-letter{font-size:18px}
 nav a{justify-content:center;padding:12px 6px}
 nav a.active{padding-left:3px}
 nav a span,nav .navcaption,nav .future,nav .operator-area{display:none}
 nav .navbottom{margin-top:auto;padding-top:30px}
 .layout{grid-template-columns:64px minmax(0,1fr)}
}

/* Existing approved prototype's four-column overview metric treatment. */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.metrics .metric{padding:18px 20px;min-width:0}
.metrics .label{font-size:12px;color:var(--muted);display:block}
.metrics .number{display:block;font-size:30px;font-weight:650;letter-spacing:-1px;margin:9px 0}
.metrics .delta{font-size:11px;color:var(--muted);display:block}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.metrics{grid-template-columns:1fr}}

:root[data-theme="dark"]{color-scheme:dark;--brand:#3d6a9b;--ink:#f2f2f2;--muted:#c9c9c9;--line:#484848;--subtle:#1f1f1f;--hover:#26394c;--control-border:#777;background:#1f1f1f;color:var(--ink)}:root[data-theme="dark"] body,:root[data-theme="dark"] .workspace{background:#1f1f1f;color:var(--ink)}:root[data-theme="dark"] :is(.panel,.metric,.appbar,.queue-person,button,input,select,textarea){background:#292929;color:var(--ink);border-color:var(--line)}:root[data-theme="dark"] :is(h1,h2,h3,p,td,th,label){color:var(--ink)}:root[data-theme="dark"] :is(.muted,.subtitle,small){color:var(--muted)}:root[data-theme="dark"] :is(.auth-button,.primary-action){background:var(--brand);color:white}