/* Clear workspace: neutral white surfaces, restrained persimmon accents. */
:root{--canvas:#f7f8fa;--surface:#fff;--ink:#22252b;--muted:#717680;--line:#e6e8ec;--accent:#c65a25;--accent-dark:#a9471b;--accent-soft:#fff3eb;--focus:#e5a078;--radius:12px;--shadow:0 2px 6px #20252d03}
body{background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}h1,h2,h3{color:var(--ink)}button{color:inherit;transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input,select,textarea{accent-color:var(--accent)}
.shell .sidebar{background:#fff;border-right:1px solid var(--line)}.shell .brand{color:#22252b}.brand-mark{background:#c65a25;border-radius:10px;box-shadow:0 3px 8px #b54c2015}.brand small,.nav-label{color:#858992}.workspace{background:#fafafa;border-color:var(--line);color:#555b64}.green-dot{background:#c65a25}.nav-btn{color:#656a74;border-radius:8px}.nav-btn:hover{background:#f5f6f8;color:#252932}.nav-btn.active,.nav-btn.active:hover{background:#fff2e9;color:#ae4d20;box-shadow:none}.nav-btn.sub-nav{font-size:13px!important;margin-top:3px}.nav-btn.sub-nav.active{background:#f5f6f8;color:#242932}.department-chevron{color:#989ba2}.profile{border-color:var(--line)}.profile-name{color:#343942}.profile-role{color:#7e838d}.avatar{background:#f1f2f4;color:#626874}.topbar{background:#fff;border-bottom:1px solid var(--line)}.breadcrumb,.role-switch,.top-actions{color:#777d87}.breadcrumb span{color:#3c424c}.demo-pill{background:#f6f6f7;color:#7c8087;border:1px solid #eeeef0}
.btn{min-height:36px;border-color:#dfe2e7;background:white;color:#454b55;border-radius:7px;font-size:13px;box-shadow:0 1px 2px #171d2704}.btn:hover{background:#f8f9fa;border-color:#cbd0d7}.btn.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 4px #b54b2118}.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.quiet{background:transparent;box-shadow:none}.btn.quiet:hover{background:#f1f3f5}.stat-link,.button-link{color:#555e6c}.stat-link:hover,.button-link:hover{color:#b44f1e;background:#fff4ed}.row-action{color:#a74b22;border-color:#eddfd6;border-radius:5px}.row-action:hover{background:#fff4eb}
.cert-dashboard{width:100%;max-width:none;margin:0;padding:8px 0 30px}.dash-heading{margin-bottom:22px}.dash-heading h1,.sheet-title h1,.overview-heading h1{font-size:26px;letter-spacing:-.5px;font-weight:650}.dash-eyebrow{font-size:12px;color:#7a808a}.dash-period{margin-bottom:20px;gap:18px}.dash-period-label{color:#777e87;font-size:13px}.dash-presets{background:#eceef1;border:1px solid #e8eaed;padding:4px;border-radius:9px;gap:4px}.dash-presets button,.dash-presets select{font-size:13px;color:#737984;padding:8px 15px;border-radius:6px}.dash-presets button.selected,.dash-presets select.selected{background:#fff;color:#242932;box-shadow:0 1px 4px #20263114}.dash-dates input{height:36px;width:135px;border-color:#dfe2e7;border-radius:7px;font-size:13px;color:#4c535e}.manager-period input[readonly]:hover{border-color:#c8cdd5;background:#fff}.dash-dates .btn{min-height:36px}
/* Group primary metrics into one surface instead of multiple colored blocks. */
.dash-kpis,.dash-kpis.personal{background:white;border:1px solid var(--line);border-radius:12px;gap:0;overflow:hidden;box-shadow:0 3px 12px #20263103}.dash-kpis .dash-stat,.dash-kpis .ratio,.dash-kpis .cumulative,.dash-kpis .money,.dash-kpis .qualified{background:white;border:0;border-radius:0;box-shadow:none;padding:27px 30px;gap:12px;position:relative}.dash-kpis .dash-stat+.dash-stat:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:1px;background:#eceef1}.dash-kpis .dash-stat:hover{background:#fcfcfd}.dash-stat>span{color:#555c67;font-size:14px;font-weight:500}.dash-stat>span svg{width:15px;height:15px;color:#9197a1;opacity:.7}.dash-stat strong{color:#252a32;font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.2}.dash-stat small{color:#777e88;font-size:12px;line-height:1.65}.dash-kpis .ratio>span,.dash-kpis .ratio small{color:#666e79}.dash-kpis .ratio strong{color:#c35422;font-size:44px;letter-spacing:-1.8px}.dash-kpis .cumulative strong{font-size:38px;color:#303640}.dash-kpis .money strong,.dash-kpis .qualified strong{font-size:36px}.dash-cumulative{font-size:12px;padding:13px 2px;gap:16px;color:#7c838d}.dash-cumulative button{color:#626a76;font-size:13px}.dash-cumulative b{color:#363e49}.dash-work-heading{margin:29px 0 14px;gap:12px}.dash-work-heading h2,.dash-panel-title h2{font-size:17px;font-weight:650;color:#272d36}.dash-work-heading h2 b{background:#e9ecf0;color:#4c5561;font-size:12px}.dash-work-heading>span{font-size:12px;color:#7b828c}.dash-work-heading>button{font-size:13px}
.dash-jobs{gap:14px}.dash-jobs .dash-stat,.dash-jobs .unfinished,.dash-jobs .ready,.dash-jobs .pending,.dash-jobs .accepted{background:#fff;border:1px solid var(--line);padding:20px 22px;border-radius:10px;box-shadow:none;gap:12px}.dash-jobs .dash-stat:hover{border-color:#cdd2da;box-shadow:0 4px 12px #20263106}.dash-jobs .dash-stat>span{justify-content:flex-start;gap:9px}.dash-jobs .dash-stat>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#d29936;flex-shrink:0}.dash-jobs .ready>span:before{background:#d26b39}.dash-jobs .pending>span:before{background:#9273be}.dash-jobs .accepted>span:before{background:#4c9474}.dash-jobs .dash-stat>span svg{margin-left:auto}.dash-jobs strong{font-size:32px}.dash-jobs small{font-size:12px;min-height:0}.dash-next{background:transparent;border:0;border-radius:0;padding:14px 3px;margin-top:0;color:#6f7781;font-size:13px}.dash-next b{color:#a9512a}.dash-next:hover{background:#fffaf7}.dash-next>span{gap:9px}
.dash-panel,.overview-panel,.table-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.dash-panel{padding:22px 24px;margin-top:20px}.dash-panel-title{margin-bottom:18px}.dash-panel-title>span{font-size:12px;color:#858b94}.dash-panel th,.overview-panel th{background:#f7f8fa;color:#68717d;border-color:#eceef1}.dash-panel th button{font-size:13px;color:#636c79}.dash-panel td,.overview-panel td{font-size:13px;color:#535c68;border-color:#eef0f3;height:49px}.dash-panel td:first-child{color:#363f4a}.dash-panel tr:hover td,.overview-panel tr:hover td{background:#fafbfc}.dash-panel th[aria-sort=ascending] button,.dash-panel th[aria-sort=descending] button,th[aria-sort=ascending] .sort-arrow,th[aria-sort=descending] .sort-arrow{color:#ab4e24}.sort-arrow{color:#989faa}.staff-table-tools input,.staff-table-tools select{border-color:#dfe3e9;border-radius:7px;color:#555f6d;font-size:13px;height:35px}.staff-table-tools>span{color:#858d98;font-size:12px}.dash-follow{gap:0}.dash-follow .dash-stat{border:0;border-radius:0;background:#fff;padding:10px 24px;gap:10px;box-shadow:none}.dash-follow .dash-stat:first-child{padding-left:0}.dash-follow .dash-stat+.dash-stat{border-left:1px solid #eceef1}.dash-follow .dash-stat:hover{background:#fafbfc}.dash-follow .dash-stat strong{font-size:30px}.dash-follow .dash-stat small{font-size:12px}.dash-trend summary{color:#414b58;font-size:14px}.dash-trend summary span,.overview-rules,.overview-footnote{color:#838b96}.overview-rules{font-size:12px}
/* Spreadsheet remains spacious enough to edit, with crisp neutral rules. */
.sheet-view{color:#717987;font-size:13px}.sheet-view.active{color:#b65223;border-bottom-color:#c65a25}.sheet-views{border-color:var(--line)}.sheet-card{border-color:var(--line);border-radius:0 0 10px 10px;box-shadow:none}.sheet-title h1 svg{color:#c65a25}.sheet-subtitle{color:#828a95}.sheet-summary button{color:#65707d}.sheet-summary b{color:#333c47}.sheet-summary button:hover{background:#fff2e9}#save-state{color:#6a8274}.sheet-toolbar{background:white;padding:12px;gap:10px}.sheet-toolbar .search{flex:1 1 190px;min-width:180px;max-width:300px}.sheet-toolbar .search input{min-width:0;width:100%}.sheet-toolbar .toolbar-select,.sheet-toolbar .btn{flex-shrink:0}.search input,.toolbar-select{background:white;border-color:#dfe3e8;color:#626d7a;border-radius:7px}.sheet-tip{background:#fafbfc;color:#808997;border-color:#edf0f3}.sheet-grid th,.sheet-grid th.account-fixed{background:#f6f8fa;color:#657180}.sheet-grid td{color:#3f4a58;border-color:#e9edf2}.sheet-grid td.account-fixed{color:#293442}.sheet-grid .account-fixed{border-right-color:#dfe4eb}.sheet-grid tbody tr:hover td{background:#fcfcfd}.sheet-grid .draft-row td{background:#fcfcfd;color:#8b939e}.grid-cell.writable:hover{background:#fffaf5!important;box-shadow:inset 0 0 0 1px #e2c5b2}.grid-editor{border-color:#cf865d;color:#313b47}.grid-cell.editing{box-shadow:inset 0 0 0 2px #cf865d!important}.grid-cell:focus-visible{outline-color:#d08b65}.grid-check.checked{background:#c65a25;border-color:#c65a25}.sheet-footer{background:white;color:#85909e;border-color:var(--line)}.grid-person{color:#646f7d}.history-button{color:#8d97a4}.drill-banner{background:#fff8f1;border-color:#eedfd0}.drill-banner b{color:#9c552e}.drill-banner span{color:#8c796b}.todo-periods{border-color:var(--line);border-radius:9px}.todo-periods>span,.todo-periods small{color:#7b8591}.todo-periods button{background:#f4f5f7;color:#636f7f}.todo-periods button.active{background:#fff0e5;color:#aa4b21}.grid-options{border-color:#e1e5eb;border-radius:10px;padding:6px;box-shadow:0 8px 30px #20293620}.grid-option{border-radius:6px;color:#495564}.grid-option:hover,.grid-option.highlight{background:#fff3ea}.grid-tag.teal{background:#f0f2e8;color:#718047}.grid-tag.blue{background:#fff0df;color:#a26328}.grid-tag.purple{background:#f1ebfb;color:#825fb0}.grid-tag.green{background:#eaf6ee;color:#38845c}.grid-tag.amber{background:#fff4d9;color:#9e7623}.grid-tag.red{background:#ffebef;color:#b94d65}.grid-tag.slate{background:#f0f2f5;color:#758190}.grid-warning,.date-repair{color:#ad7c2a}.row-action{font-size:12px}
.receipt-bar{background:#df8657}.receipt-bar-hit:hover .receipt-bar{background:#c65a25}.receipt-bar-hit{border-bottom-color:#e5e8ed}.receipt-tooltip{background:#333b46;color:white;border-radius:8px;box-shadow:0 4px 14px #1b273522}.receipt-tick,.daily-scroll-controls{color:#818b98}.daily-scroll-controls button{border-color:var(--line);color:#727c89;border-radius:7px}.trend-day{border-color:var(--line);border-radius:8px}.trend-day:first-child{background:#fff8f2;border-color:#edcdb5}.trend-day b{color:#505c6b}.trend-day span,.trend-day small{color:#86909c}
.overlay{background:#222b3938;backdrop-filter:blur(2px)}.modal{border:1px solid #e8ebf0;border-radius:16px;box-shadow:0 24px 80px #1c26322b;padding:28px}.modal h2{color:#242c37;font-size:22px}.modal p{color:#7c8693;line-height:1.8}.close-button{color:#929ca8;border-radius:6px}.close-button:hover{background:#f1f3f6;color:#455263}.form-field{color:#657080;font-size:13px;gap:8px}.form-field input,.form-field select,.form-field textarea{border-color:#dfe4eb;border-radius:8px;color:#354150;padding:11px 12px;background:white}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#bfc8d3}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#d89972;box-shadow:0 0 0 3px #fcf0e8;outline:none}.check-label{color:#606c7b}.check-label input,.employee-departments input{accent-color:#c65a25}.drawer{box-shadow:-12px 0 40px #25344918}.drawer-header,.drawer-footer{border-color:var(--line)}.drawer-footer{background:white}.notice,.employee-admin{background:#f7f8fa;color:#667383;border-color:#e5e9ef}.employee-role,.employee-departments label,.role-option{border-color:var(--line);border-radius:9px}.employee-role.selected{background:#fff8f2;border-color:#d69973;box-shadow:0 0 0 1px #d69973}.employee-role b{color:#45515f}.employee-departments label{color:#667383}.role-option:hover{background:#fff8f2;border-color:#e1b292}
.overview-calendar{border-color:#e3e7ed;border-radius:12px;box-shadow:0 12px 36px #26374720}.calendar-head select{background:#f8f9fb;color:#596777;border-color:#e5e9ef}.calendar-head button{color:#5d6a7a}.calendar-days span{color:#8c97a5}.calendar-days button{color:#465465}.calendar-days button:hover{background:#fff1e7}.calendar-days button.selected{background:#c65a25;color:white}.calendar-today{color:#ae5025;border-color:#eaedf2}.calendar-inline{position:static;width:100%;margin-top:12px;box-shadow:none}.calendar-inline .calendar-days button{height:36px}.calendar-inline .calendar-today{width:50%;display:inline-block}.calendar-inline .calendar-head{margin-bottom:12px}.calendar-inline .calendar-days button:disabled{color:#c1c8d1;background:#fafbfc;cursor:not-allowed}#repair-date .actions{margin-top:14px}#repair-date input[readonly]{background:#fafbfc;color:#414e5f;border-color:#e2e7ed;font-size:16px;text-align:center}.login-intro{background:#faf8f5}.login-intro h1{color:#323a45}.login-intro p{color:#7a8491}.login-decoration span{background:#fff;color:#727e8d;border:1px solid #e7e9ed}.page-num{background:#fff2e9;color:#a85830}.tab.active{color:#b75629}.tab.active:after{background:#c65a25}#toast{background:#333d4a;box-shadow:0 6px 24px #1d273622;border-radius:9px}#toast.error{background:#a8505a}
.overview-card{background:#fff;border-color:var(--line);box-shadow:none}.overview-card.accent{background:#fff9f4;border-color:#eddfd1}.overview-card strong{color:#333d49}.overview-card>span,.overview-card small{color:#788593}.overview-ratio{background:#fff4e9;color:#a96032}.overview-section-title h2{color:#35404d}
@media(min-width:1700px){.shell .content{padding:28px 24px}.cert-dashboard{padding-top:12px}.dash-kpis .dash-stat{padding:30px 34px}}
@media(max-width:1100px){.dash-kpis .dash-stat{padding:22px 20px}.dash-kpis .ratio strong{font-size:36px}.dash-kpis .money strong,.dash-kpis .qualified strong,.dash-kpis .cumulative strong{font-size:30px}.dash-jobs .dash-stat{padding:18px 16px}.dash-jobs small{min-height:38px}.dash-follow .dash-stat{padding:10px 16px}.dash-period-label{font-size:12px}}
@media(max-width:1000px){.sheet-toolbar{gap:8px}.sheet-toolbar .search{max-width:none}.sheet-toolbar .toolbar-spacer{display:none}.dash-panel{padding:18px}.dash-panel-title>span{max-width:240px}.cert-dashboard{padding:0}.dash-heading h1{font-size:24px}}
@media(max-width:700px){.dash-kpis.management .ratio{border-bottom:1px solid var(--line)}.dash-jobs,.dash-follow{grid-template-columns:1fr 1fr}.dash-follow .dash-stat{padding:14px!important}.dash-follow .dash-stat:nth-child(3){border-left:0}.dash-kpis .dash-stat{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){button,.department-chevron{transition:none}.overlay{backdrop-filter:none}}

/* Keep active filters and the exit action together, visible at any width. */
.drill-banner{justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#fff8f2;border:1px solid #e7c5ac;border-left:4px solid #c65a25;border-radius:8px;min-height:60px}.drill-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.drill-banner .drill-caption{font-size:12px;font-weight:600;color:#936549;margin:0}.drill-banner b{font-size:14px;color:#3d4148}.drill-banner .drill-detail{font-size:12px;color:#76716c;margin:0}.drill-banner #drill-clear{font-size:13px;min-height:36px;padding:8px 14px;font-weight:600;background:#c65a25;border-color:#c65a25;color:#fff;margin-left:6px;box-shadow:0 2px 4px #b54b2118}.drill-banner #drill-clear:hover{background:#a9471b;border-color:#a9471b}.drill-banner #drill-back{margin-left:auto;min-height:36px;padding:8px 12px;font-size:13px;color:#505964;background:white;border:1px solid #e1d5cb}

.staff-period{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.staff-period>span{font-size:12px;color:#737d89}.staff-period .dash-presets{flex-wrap:wrap}.staff-period .dash-presets select{max-width:255px}

/* Readable search text, including selection, and a dedicated clear action. */
.sheet-toolbar #grid-search{color:#111;-webkit-text-fill-color:#111;caret-color:#111;padding-right:38px}
.sheet-toolbar #grid-search::placeholder{color:#89919b;-webkit-text-fill-color:#89919b}
.sheet-toolbar #grid-search::selection{color:#111;-webkit-text-fill-color:#111;background:#ffdfc8}
#grid-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#f1f3f5;color:#444;font-size:21px;line-height:1;cursor:pointer}
#grid-search-clear:hover{background:#e5e8ec;color:#111}
#grid-search-clear[hidden]{display:none}

/* Keep clear action available even when the browser restores input text. */
#grid-search-clear{z-index:2}
#grid-search:-webkit-autofill{-webkit-text-fill-color:#111;caret-color:#111}

/* Show clear only while interacting with a nonempty search field. */
.sheet-toolbar .search:not(:focus-within) #grid-search-clear{display:none}

/* Explicit dark text caret, also for focused and autofilled fields. */
input,textarea,[contenteditable="true"],.sheet-toolbar #grid-search,.sheet-toolbar #grid-search:focus{caret-color:#000!important}

.dash-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}

.dash-jobs{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-follow{grid-template-columns:repeat(5,minmax(0,1fr))}

.receivable-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.receivable-cards .dash-stat{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:18px 20px;gap:10px;box-shadow:none}.receivable-cards .dash-stat:hover{border-color:#d69266;background:#fff8f2}.receivable-cards .dash-stat strong{font-size:30px}.receivable-cards .dash-stat small{font-size:12px}@media(max-width:1000px){.receivable-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.handoff-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #eceef1}.handoff-cards .dash-stat{padding:14px 18px;background:#fafbfc;border:1px solid #eceef1;box-shadow:none}.handoff-cards strong{font-size:24px}.dash-panel-title h2 small{font-size:12px;font-weight:400;color:#737d88;margin-left:12px}