/* Keep the loading surface warm before the selected view mounts. */
:root{--bg:#f3efe6;--surface:#faf7f0;--raised:#e8e1d4;--line:#cfc6b6;--text:#302c25;--muted:#706657;--accent:#72583a;--green:#426345;--red:#a13120;color-scheme:light}
/* Chandler staff workspace: shared brand palette, independent operational layout. */
.staff-ui{--bg:#f3efe6;--surface:#faf7f0;--raised:#e8e1d4;--line:#cfc6b6;--text:#302c25;--muted:#706657;--accent:#72583a;--green:#426345;--red:#a13120;color-scheme:light;background:var(--bg);color:var(--text)}
.staff-ui button.primary{color:#fffaf1;background:var(--accent)}
.staff-ui .demo-bar{background:#e5dece;color:#514a3e;border-color:#d2c8b8}
.staff-ui .demo-bar button.active{background:#faf7f0;border-color:#897254}
.staff-ui .brand{background:#ece5d9;gap:16px;padding-block:20px}
.staff-ui .brand img{width:50px;height:50px}
.staff-ui .brand strong{font-size:28px}
.staff-ui .brand .right{gap:20px}
.staff-ui #staffProject{width:min(310px,30vw);background:#faf7f0;font-size:14px}
.staff-ui main{max-width:none;padding-bottom:48px}
.staff-ui h1{font:400 clamp(34px,3vw,48px)/1.13 Georgia,serif;letter-spacing:-1px;margin-bottom:28px}
.staff-ui h2{font:600 21px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.35px;margin-bottom:20px}
.staff-ui h3{font-size:16px;line-height:1.4}
.staff-ui .headrow{align-items:center;gap:20px;margin-bottom:28px}
.staff-ui .headrow h1{margin-bottom:0}
.staff-ui .workspace{grid-template-columns:226px minmax(0,1fr);gap:36px;align-items:start}
.staff-ui .workspace>div{min-width:0}
.staff-ui .sidebar{position:sticky;top:24px;padding:0 20px 0 0;border-color:#d8cebd}
.staff-ui .sidebar button{min-height:48px;padding:13px 14px;margin-bottom:6px;border:1px solid transparent;border-radius:9px;font-size:14px;line-height:1.4}
.staff-ui .sidebar button:hover{background:#eae3d6}
.staff-ui .sidebar button.active{background:#e4dac9;border-color:#d1c2ac;color:#493925;font-weight:650}
.staff-ui .sidebar .meta{font-size:12px;line-height:1.65;padding:20px 14px 0}
.staff-ui .panel{border:1px solid #d8cebe;background:var(--surface);border-radius:14px;padding:28px;box-shadow:none}
.staff-ui .grid,.staff-ui .grid3{gap:24px;align-items:start}
.staff-ui .grid>.panel+.panel,.staff-ui .grid3>.panel+.panel{margin-top:0}
.staff-ui .grid3 .panel{min-height:126px;display:flex;flex-direction:column;gap:10px;justify-content:center;font-size:14px;color:var(--muted)}
.staff-ui .stat{font:400 38px/1 Georgia,serif;letter-spacing:-1px;color:var(--text);margin:0}
.staff-ui .roadmap{gap:10px;margin-bottom:28px;overflow:auto;padding-bottom:4px}
.staff-ui .roadmap li{border:0;padding:12px 16px;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:13px;flex:1 0 auto}
.staff-ui .roadmap li.current{background:#e6ddce;color:#4d3b26}
.staff-ui .roadmap .dot{margin:0;flex:0 0 26px;height:26px;width:26px;border-color:#c2b398}
.staff-ui .roadmap li.current .dot{background:#72583a;color:#fffaf1;border-color:#72583a}
.staff-ui input,.staff-ui select,.staff-ui textarea{background:#fffdf8;border-color:#cec4b3;font-size:16px;min-height:48px;border-radius:8px;padding:12px}
.staff-ui textarea{min-height:112px;line-height:1.6}
.staff-ui input[type=checkbox],.staff-ui input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--accent)}
.staff-ui label.field{font-size:14px;font-weight:550;gap:10px}
.staff-ui .toolbar{gap:12px;margin:0 0 24px;align-items:stretch}
.staff-ui .toolbar input{min-width:0}
.staff-ui .toolbar select{max-width:245px}
.staff-ui .request{gap:16px;padding:22px 0;border-color:#ddd4c5;align-items:center}
.staff-ui .request .body{min-width:180px}
.staff-ui .request .number{font-size:12px;width:22px;color:#827564}
.staff-ui .request h3{font-size:17px;margin-bottom:7px}
.staff-ui .request .meta{font-size:12px;line-height:1.55}
.staff-ui .request>button{min-height:44px;padding:10px 16px;background:#f3eee4}
.staff-ui .request>button:hover{background:#e4dac9}
.staff-ui .badge{border-radius:6px;background:#efe9df;border-color:transparent;color:#645a4b;white-space:normal;font-size:12px;padding:5px 9px;line-height:1.4}
.staff-ui .badge.good{color:#36583b;background:#e6ecdf}
.staff-ui .badge.attn{color:#805421;background:#f0e5d0}
.staff-ui .badge.error{color:#903d30;background:#f5e3dc}
.staff-ui .notice{border:1px solid #dbcbae;border-left:3px solid #a58452;background:#eee5d5;border-radius:8px;color:#594b38;padding:18px 20px;line-height:1.6}
.staff-ui .notice p:last-child{margin-bottom:0}
.staff-ui .review-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:28px}
.staff-ui .review-layout>.panel+.panel{margin-top:0}
.staff-ui .review-controls{position:sticky;top:24px}
.staff-ui .review-controls label{font-size:14px;font-weight:550;margin:22px 0 9px}
.staff-ui .review-controls .actions{gap:12px;margin-top:24px}
.staff-ui .review-controls button{min-height:48px;padding:12px 16px}
.staff-ui .answer{padding:20px 0;border-color:#ded5c7;overflow-wrap:anywhere}
.staff-ui .answer:first-of-type{padding-top:4px}
.staff-ui .answer strong{font-size:13px;color:#756754;font-weight:550}
.staff-ui .answer p{font-size:17px;line-height:1.6;margin:8px 0 0;white-space:pre-line}
.staff-ui .answer audio{max-width:100%}
.staff-ui .attachment{padding:16px 0;gap:16px;flex-wrap:wrap}
.staff-ui .attachment>div{min-width:0;flex:1}
.staff-ui .attachment button{max-width:100%;overflow-wrap:anywhere}
.staff-ui .capture{max-width:1000px;margin:auto;padding-bottom:16px}
.staff-ui .capture .formfields{margin-top:32px}
.staff-ui .capture h1{font-family:Georgia,serif}
.staff-ui .capture .field{margin-bottom:24px}
.staff-ui .capture .form-footer{border-top:1px solid #d8cebd;padding-top:24px;margin-top:32px;gap:24px}
.staff-ui .capture .form-footer .actions{gap:12px}
.staff-ui .capture .form-footer .actions button{min-height:48px}
.staff-ui .source{font-size:12px;line-height:1.6;color:#776b5a}
.staff-ui .radio-options label,.staff-ui .topic-options label{background:#fffdf8;padding:16px;gap:12px;min-height:54px}
.staff-ui .audit{background:var(--surface);padding:8px 28px;border:1px solid #d8cebe;border-radius:14px}
.staff-ui .audit li{padding:20px 0;line-height:1.6}
.staff-ui .audit li:last-child{border-bottom:0}
.staff-ui .audit time{margin-bottom:8px}
.staff-ui .sourcegroup{margin-bottom:18px}
.staff-ui .sourcegroup summary{background:#faf7f0;border-color:#d8cebe;padding:22px;border-radius:10px;line-height:1.6}
.staff-ui .sourcegroup[open]>summary{border-radius:10px 10px 0 0;background:#eae2d4}
.staff-ui .sourcegroup>.panel{border-radius:0 0 10px 10px;border-top:0}
.staff-ui td,.staff-ui th{padding:15px 16px;border-color:#d8cebe;line-height:1.5;vertical-align:top}
.staff-ui th{background:#eee7db;font-size:12px;font-weight:650}
.staff-ui pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#eee7db;border-radius:8px;font-size:12px;max-width:100%}
.staff-ui dialog{background:#faf7f0;color:#302c25;border-color:#cfc6b6}
.staff-ui #toast{background:#59462f;color:#fffaf1;border-color:#59462f}
.staff-ui .footer{border-color:#d8cebe;font-size:12px;color:var(--muted);margin-top:36px}
@media(min-width:1800px){.staff-ui .workspace{grid-template-columns:244px minmax(0,1fr);gap:48px}.staff-ui .panel{padding:32px}.staff-ui .review-layout{grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr)}}
@media(max-width:1100px){.staff-ui .workspace{grid-template-columns:190px minmax(0,1fr);gap:24px}.staff-ui .sidebar{padding-right:14px}.staff-ui .grid{grid-template-columns:1fr}.staff-ui .review-layout{grid-template-columns:1fr}.staff-ui .review-controls{position:static}}
@media(max-width:760px){
 .staff-ui .brand{padding-block:14px;flex-wrap:wrap;gap:10px}.staff-ui .brand img{width:34px;height:34px}.staff-ui .brand strong{font-size:23px}.staff-ui .brand .right{width:100%;margin:6px 0 0;gap:12px;justify-content:space-between}.staff-ui .brand .right>span{display:none}.staff-ui #staffProject{width:100%;max-width:none}
 .staff-ui .workspace{display:block}.staff-ui .sidebar{position:static;border:0;padding:0;margin-bottom:28px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.staff-ui .sidebar button{white-space:nowrap;width:auto;flex:0 0 auto;margin:0;min-height:44px}.staff-ui .sidebar .meta{display:none}
 .staff-ui h1{font-size:34px}.staff-ui .headrow{align-items:start;flex-wrap:wrap;gap:16px}.staff-ui .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-ui .grid3 .panel{padding:16px 12px;font-size:11px;min-height:110px}.staff-ui .stat{font-size:28px}
 .staff-ui .panel{padding:20px}.staff-ui .review-layout{display:grid;grid-template-columns:1fr;gap:20px}.staff-ui .toolbar{display:grid;grid-template-columns:1fr}.staff-ui .toolbar select{width:100%;max-width:none}.staff-ui .request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.staff-ui .request .number{display:none}.staff-ui .request .body{min-width:0;grid-column:1/-1}.staff-ui .request>button{grid-column:2}.staff-ui .request>.badge{justify-self:start;grid-column:1}
 .staff-ui .roadmap li{padding:10px;font-size:12px;gap:8px}.staff-ui .review-controls .actions{flex-direction:column;align-items:stretch}.staff-ui .capture{max-width:none}.staff-ui .capture .form-footer{flex-wrap:wrap}.staff-ui .capture .form-footer>.actions{width:100%;justify-content:space-between}.staff-ui .audit{padding:4px 20px}.staff-ui .footer{flex-wrap:wrap}
}