:root{--brand:#1288bd;--brand-dark:#075b87;--accent:#ed4d20;--ink:#213f54;--muted:#647c8c;--line:#dce6ec}
body{background:#f5f8fa;color:var(--ink)}header{height:105px;border-color:var(--line);gap:35px}.brand{gap:18px}.brand img{width:106px;height:74px;object-fit:contain}.brand-sub{font-size:12px;color:var(--muted);border-right:1px solid var(--line);padding:0 18px 0 0;align-self:center;white-space:normal;max-width:100px}.nav.active{color:var(--brand-dark);border-bottom-color:var(--accent)}.nav{color:var(--muted)}.primary{background:var(--brand);border-color:var(--brand)}.primary:hover:not(:disabled){background:var(--brand-dark)}.secondary{color:var(--brand-dark);border-color:#c5dce8}.secondary:hover:not(:disabled){background:#eaf5fc}.text-button{color:var(--brand-dark)}.panel,.stats article{border-color:var(--line)}.timer-panel{background:linear-gradient(145deg,#eaf5fc,#f3f9fc)}.timer-panel .clock{color:#095d85}.timer-panel .hint,.timer-label{color:#69889a}.eyebrow{color:var(--brand)}.muted{color:var(--muted)}input,select{color:var(--ink);border-color:#d4e1e9}input:focus,select:focus{outline-color:#7dc1e3}.check input{accent-color:var(--brand)}label{color:#4f6b7f}.pill{background:#edf5fa;color:#276988;border-color:#deebf2}.pill.live{background:#e9f5fc;color:#0e78a6}.pill.pending,.pill.submitted{background:#fff2e8;color:#a34b15;border-color:#f5ddcd}.pill.approved{background:#e5f5ef;color:#237658;border-color:#cdeadd}.pill.returned,.pill.rejected{background:#fff0eb;color:#b54d32;border-color:#f2d9d0}.success{background:#eaf5fc;color:#176a91}.error{background:#fff0eb;color:#b44126}.local-note{background:#f0f6fa;color:#547487}.auth-story{background:linear-gradient(155deg,#e5f3fc 0%,#f3f9fc 75%,#fff2ec 100%);position:relative}.auth-story>.brand{margin-bottom:40px}.auth-story .brand img{width:180px;height:125px}.auth-story h1{font-size:54px;line-height:1.25;color:#085f8a}.auth-story p{color:#5a8097}.auth-story small{color:#6e8a9b}.auth-story .eyebrow{color:var(--accent)}.auth-main{background:#fff}.auth-card .eyebrow{color:var(--accent)}.story-flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.story-flow span{font-size:12px;padding:8px 12px;background:#ffffffa8;border:1px solid #d2e7f2;border-radius:22px;color:#4a7590}.story-flow .flow-last{color:#c74921;border-color:#f6d8c7;background:#fff8f3}.report-workflow{margin:24px 0;border-right:4px solid var(--accent)}.report-workflow .panel-title{margin-bottom:10px}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.workflow-note{font-size:12px;color:var(--muted);margin:8px 0 0}.pending-card{max-width:590px;margin:65px auto;text-align:center;padding:40px}.pending-icon{display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;width:70px;height:70px;background:#fff2e8;color:var(--accent);font-size:34px}.pending-card p{color:var(--muted)}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.department-grid form{background:#f4f8fb;padding:18px;border-radius:12px}.review-controls{display:flex;gap:8px;flex-wrap:wrap;min-width:270px}.review-controls select{width:130px;height:35px;padding:5px;font-size:11px}.review-controls button{padding:7px 10px;font-size:11px}.section-space{margin-bottom:24px}.queue-empty{text-align:center;padding:28px;color:var(--muted)}footer{border-color:var(--line);color:#899ca8}.notice{background:#fff2e6;color:#946230}.buckets{max-width:220px}.bucket{background:#edf5fa;color:#547889}dialog{color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#173b5266}.audit-item{border-color:var(--line)}
@media(max-width:1000px){header{gap:18px}.brand-sub{display:none}nav{gap:18px}.auth-story h1{font-size:44px}}@media(max-width:750px){header{height:auto;gap:8px}.brand img{width:85px;height:60px}header nav{overflow-x:auto;gap:22px;height:43px}.nav{white-space:nowrap;font-size:12px}.auth-story>.brand{margin:0}.auth-story .brand img{width:105px;height:74px}.department-grid{grid-template-columns:1fr}.pending-card{padding:28px 20px;margin:25px auto}.workflow-actions{align-items:stretch}.page-heading .month-picker{max-width:145px}.report-workflow h2{font-size:16px}}