/* Backend forms use the confirmed interface's existing control tokens. */
:root{--ui-bg:var(--page);--ui-surface:var(--card);--ui-raised:var(--raised);--ui-line:var(--line);--ui-text:var(--text);--ui-sub:var(--text-2);--ui-muted:var(--text-3);--ui-accent:var(--accent);--ui-accent-text:var(--on-accent);--ui-mark:var(--mark);--ink:var(--text);--muted:var(--text-2);--bg:var(--page);--white:var(--card)}
#app{min-height:100%;height:100%}.task-detail{margin:auto}.task-detail .modal-body{padding:24px;display:grid;gap:16px}.task-detail .modal-actions{padding:16px 24px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line)}.task-detail .modal-body label{display:grid;gap:8px;font-size:13px;color:var(--text-2)}.task-detail :is(input,select,textarea){width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--page);color:var(--text);font:inherit}.task-detail textarea{min-height:112px;resize:vertical}.task-detail input[type=checkbox]{width:20px;min-height:20px}.task-detail .fine,.task-detail .notice{font-size:12px;color:var(--text-3);line-height:1.5}.task-detail .error{color:var(--danger)}.task-detail .modal-body svg:not(.ic){width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.task-detail .btn{height:auto;min-height:36px;white-space:normal}.task-detail .task-form-grid,.task-detail .task-review-actions{display:grid;gap:16px;grid-template-columns:1fr 1fr}.task-detail .full{grid-column:1/-1}.task-detail h3{font:600 20px var(--display)}.task-detail .attachment-list{display:grid;gap:8px}.task-detail .attachment-list a{display:flex;gap:12px;align-items:center;color:var(--mark);overflow-wrap:anywhere}.task-detail .attachment-list small{display:block;color:var(--text-3)}.task-detail .attachment-section,.task-detail .task-update-block,.task-detail .task-progress-summary{border-top:1px solid var(--line);padding:16px 0}.task-detail .task-dialog-banner{display:none}.task-detail .workspace-results{display:grid;gap:8px}.task-detail .workspace-results button{display:flex;align-items:center;gap:12px;text-align:left}.task-detail .workspace-results b,.task-detail .workspace-results small{display:block}.task-detail .workspace-results small{color:var(--text-3)}.task-detail .badge{font-size:12px;border:1px solid var(--line);padding:4px 8px;border-radius:6px}.task-detail .task-status-options{display:flex;gap:8px;flex-wrap:wrap}.task-detail .task-status-option{flex:1}.task-detail .task-status-option.selected{border-color:var(--mark);background:var(--raised)}
.legacy-page .page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.legacy-page .page-heading h1{font:600 34px/1.2 var(--display);letter-spacing:-.035em}.legacy-page .page-heading p{margin-top:8px;color:var(--text-2);font-size:14px}.legacy-page .date-label{display:flex;gap:8px;font-size:12px;color:var(--text-3)}.legacy-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.legacy-page :is(button,.row-action){font:400 13px var(--ui);color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);padding:8px 12px;min-height:36px}.legacy-page .primary{background:var(--accent);color:var(--on-accent)}.legacy-page :is(input,select,textarea),.live-filters :is(input,select){padding:10px 12px;background:var(--card);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);font:inherit;max-width:100%}.legacy-page .toolbar,.legacy-page .heading-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.legacy-page .toolbar label,.live-filters label{display:grid;gap:8px;font-size:12px;color:var(--text-2)}.legacy-page .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.legacy-page .report-card h3{margin:16px 0 4px;font:600 20px var(--display)}.legacy-page .report-card p{margin:16px 0}.legacy-page .report-card .bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.legacy-page .report-card-meta{display:flex;justify-content:space-between;gap:12px}.legacy-page .fine,.legacy-page .report-slot{font-size:12px;color:var(--text-3)}.legacy-page .badge{display:inline-block;font-size:11px;padding:4px 8px;border:1px solid var(--line);border-radius:6px}.legacy-page .notice{margin:20px 0;color:var(--text-2);font-size:13px}.legacy-page .table-wrap{overflow:auto}.legacy-page table{border-collapse:collapse;width:100%;font-size:13px;min-width:640px}.legacy-page td,.legacy-page th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}.legacy-page th{font-weight:500;color:var(--text-3)}.legacy-page .employee-identity{display:flex;gap:12px;align-items:center}.legacy-page .avatar img{width:100%;height:100%;object-fit:cover}.legacy-page .employee-identity small{display:block}.legacy-page .people-actions{display:flex;gap:8px;flex-wrap:wrap}.live-filters{margin-top:20px}.live-filters .performance-filters{display:flex;gap:16px;flex-wrap:wrap}.legacy-page .empty{padding:32px}.legacy-page .panel{overflow:auto}.page-toolbar input{min-width:160px}.assistant-panel .eleven-message small{color:var(--text-3);font-size:12px}.assistant-panel .assistant-note a{color:var(--mark)}.assistant-panel #voice-panel[data-voice-mode=listening] .voice-feedback i,.assistant-panel #voice-panel[data-voice-mode=speaking] .voice-feedback i{animation:voice-meter .65s ease-in-out infinite alternate}.assistant-panel .eleven-composer{margin:0}.assistant-panel .eleven-composer label{display:grid;gap:8px}.assistant-panel .voice-start svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.assistant-panel .voice-stage .assistant-end{font-size:11px}.assistant-panel .detail-actions{margin:0}.legacy-page .att input,.legacy-page .att select{width:100%}
@media(max-width:600px){.task-detail .modal-body{padding:20px}.task-detail .modal-actions{padding:16px 20px}.task-detail .task-form-grid,.task-detail .task-review-actions{grid-template-columns:1fr}.legacy-page .cards{grid-template-columns:1fr}.legacy-page .toolbar>*{max-width:100%}.legacy-page .toolbar label{width:100%}.legacy-page .page-heading h1{font-size:30px}.live-filters .performance-filters{gap:12px}.live-filters label{flex:1;min-width:120px}}
.assignment-options summary{font-size:12px;color:var(--text-3);cursor:pointer}.assignment-options-body{display:grid;gap:16px;padding-top:16px}@media(max-width:960px){#page-content{padding-bottom:88px}}
.pop .performance-filters{display:grid;gap:12px}.pop .performance-filters label{display:grid;gap:8px;font-size:12px}.pop .performance-filters :is(input,select){padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);max-width:100%}

/* Targeted fixes: retain the approved layout and palette. */
.legacy-page .report-filters{align-items:end}.report-filters label{flex:1 1 160px;min-width:0}.report-filters :is(input,select){width:100%;height:42px;min-width:0}.legacy-page .report-filters>button{height:42px}.task-detail .photo-settings{display:flex;gap:16px;align-items:start;padding:24px;border-bottom:1px solid var(--line)}.photo-settings>.avatar{width:48px;height:48px;flex:0 0 48px;overflow:hidden}.photo-settings .avatar img{width:100%;height:100%;object-fit:cover}.photo-settings>div{min-width:0;flex:1}.photo-settings strong{display:block;margin-bottom:12px;font-size:15px}.photo-settings label{display:grid;gap:8px;font-size:13px;color:var(--text-2)}.photo-settings small{display:block;margin-top:8px}.photo-settings input[type=file]{font-size:12px;background:var(--card)}.photo-settings input::file-selector-button{font:inherit;padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--raised);color:var(--text);margin-right:10px}.attention-note{font-size:12px;color:var(--text-3);line-height:1.5;margin:12px 0}.attention-list{max-height:320px;overflow:auto}.attention-person{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.attention-person>span:nth-child(2){flex:1;min-width:0}.attention-person b{display:block;font-size:13px;font-weight:500}.attention-person small{display:block;font-size:11px;line-height:1.5;color:var(--text-3);margin-top:4px}.attention-person:hover{background:var(--raised)}.attention-person:focus-visible{outline:2px solid var(--mark);outline-offset:2px}.attention-person .ic{flex:none}.attention-detail .attention-person{padding:12px}.task-detail{max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:600px){.legacy-page .report-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-page .report-filters label{width:auto}.task-detail .photo-settings{padding:20px}.photo-settings input[type=file]{max-width:100%}}

.monthly-report-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.monthly-report-filters label{display:grid;gap:8px;flex:1 1 140px;font-size:12px;color:var(--text-2)}.monthly-report-filters :is(input,select){width:100%;height:40px;min-width:0;padding:8px;background:var(--card);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;font:inherit}

.sidebar .side-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.performance-toolbar{margin:0 0 24px}.performance-toolbar .performance-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.performance-toolbar label{display:grid;gap:8px;flex:1 1 180px;font-size:12px;color:var(--text-2)}.performance-toolbar :is(input,select){width:100%;height:42px;padding:10px 12px;background:var(--card);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);font:inherit}.performance-people{margin-top:24px}.performance-people-table{overflow:auto}.performance-people table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.performance-people :is(th,td){text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}.performance-people th{font-weight:500;color:var(--text-3)}.person-performance-link{border:0;background:transparent;color:var(--text);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.person-performance-link:hover{color:var(--mark)}@media(max-width:600px){.performance-toolbar .performance-filters{gap:12px}.performance-toolbar label{flex-basis:100%}}

.selfie-punch-dialog{width:min(440px,calc(100% - 32px));margin:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);max-height:calc(100dvh - 32px);overflow:auto}.selfie-punch-dialog::backdrop{background:rgba(0,0,0,.6)}.selfie-punch-dialog h2{font:600 24px var(--display);margin-bottom:8px}.selfie-punch-dialog p{font-size:13px;color:var(--text-2);line-height:1.6;margin:12px 0}.selfie-punch-dialog :is(video,canvas){display:block;width:100%;max-height:340px;object-fit:contain;background:var(--raised);border-radius:12px}.selfie-punch-dialog [hidden]{display:none}.selfie-punch-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.att :is(.panel,.register,.branch-tools){background:var(--card);border-color:var(--line);color:var(--text)}.att h1{color:var(--text)}.att .register header,.att .punch-status{background:var(--raised);color:var(--text)}.att .register li{border-color:var(--line)}.att .register :is(p,small),.att .panel p{color:var(--text-2)}.att #msg:not(:empty){background:var(--card);color:var(--text);border-color:var(--mark)}.att .register small,.att .panel small{display:block;line-height:1.6}.att .scan-panel{display:grid;gap:16px}.att .scan-panel>button{justify-self:start}.att .scan-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}