.staff-workspace-menu { position:relative; margin:.25rem 0 .25rem .75rem; color:#f4f5f7; }
.staff-workspace-menu summary { cursor:pointer; border:1px solid #ffffff35; border-radius:12px; padding:.6rem .9rem; min-height:44px; list-style:none; }
.staff-workspace-menu summary::-webkit-details-marker { display:none; }
.staff-workspace-menu summary>span { font-weight:650; }
.staff-workspace-menu summary>span::after { content:' ▾'; }
.staff-workspace-menu summary small { display:block; color:#d7dce6; font-size:.75rem; overflow-wrap:anywhere; max-width:24rem; }
.staff-workspace-links { position:absolute; top:calc(100% + .5rem); right:0; min-width:260px; max-width:calc(100vw - 32px); padding:.5rem; background:#fff; border:1px solid #dfe3ea; border-radius:14px; box-shadow:0 12px 36px #11182730; z-index:1100; }
.staff-workspace-links a { display:block; padding:.75rem; border-radius:8px; color:#202738; font-weight:550; text-decoration:none; overflow-wrap:anywhere; }
.staff-workspace-links a:hover { background:#f3f4f7; color:#ac171f; }
.staff-workspace-menu summary:focus-visible,.staff-workspace-links a:focus-visible { outline:3px solid #f3bb59; outline-offset:3px; }
.unsaved-work-notice { background:#fff8e7; color:#694600; border:1px solid #ebd397; border-left:4px solid #a96d00; border-radius:10px; padding:.75rem 1rem; margin:0 0 1rem; font-size:.9rem; }
.unsaved-work-notice[hidden] { display:none; }
.admin-interface .card,.admin-interface .admin-section { border-radius:14px; }
.admin-interface .admin-section { border:1px solid #e0e4eb; box-shadow:0 4px 18px #18213406; }
.admin-interface .btn { border-radius:9px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }
.admin-interface .admin-tab { border-radius:9px; min-height:44px; }
.admin-interface .admin-tabs .admin-tab.active { background:#272d3d; color:#fff; border-color:#272d3d; box-shadow:inset 0 -3px #e52b35; }
.admin-interface .form-control,.admin-interface .form-select { border-radius:9px; min-height:44px; }
.admin-interface .admin-heading h1 { letter-spacing:-.025em; }
.workspace-eyebrow { color:#9b1d26; font-size:.75rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; margin:0 0 .4rem; }
.today-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.today-heading h2 { font-weight:750; letter-spacing:-.03em; margin-bottom:.35rem; }
.today-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.today-metric { background:#f7f8fb; border:1px solid #e1e5ed; border-radius:14px; padding:1.2rem; display:flex; flex-direction:column; color:#272d3d; text-decoration:none; }
.today-metric>span { font-size:.85rem; font-weight:650; }
.today-metric strong { font-size:2.5rem; line-height:1.3; letter-spacing:-.04em; }
.today-metric small { color:#5b6476; font-size:.8rem; }
.today-metric:hover { background:#fff; border-color:#c01f2c; color:#8f1720; }
.today-columns { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:1rem; }
.today-attention { display:grid; align-content:start; gap:1rem; }
.workspace-card { background:#fff; border:1px solid #dfe4ed; border-radius:14px; overflow:hidden; min-width:0; scroll-margin-top:110px; }
.workspace-card-heading { padding:1.1rem 1.25rem; border-bottom:1px solid #e6e9ef; display:flex; align-items:center; flex-wrap:wrap; gap:.6rem 1rem; }
.workspace-card-heading h3 { font-size:1.05rem; font-weight:700; margin:0; width:100%; }
.workspace-card-heading>a { color:#9b1d26; font-size:.8rem; text-decoration:none; padding:.2rem 0; }
.workspace-card-heading>a:hover { text-decoration:underline; }
.today-row { display:flex; justify-content:space-between; align-items:flex-start; gap:.75rem; padding:1rem 1.25rem; text-decoration:none; color:#272d3d; border-bottom:1px solid #edf0f4; }
.today-row:last-child { border-bottom:0; }
.today-row:hover { color:#981d26; background:#fafbfc; }
.today-row>span:first-child { min-width:0; overflow-wrap:anywhere; }
.today-row small { display:block; color:#5b6476; margin-top:.25rem; font-size:.8rem; }
.workspace-status { font-size:.72rem; line-height:1.4; font-weight:650; background:#edf1f8; color:#394761; border-radius:7px; padding:.35rem .55rem; flex-shrink:0; max-width:8rem; }
.workspace-status-warning { background:#fff2da; color:#805409; }
.workspace-empty { padding:1.25rem; color:#657085; font-size:.9rem; margin:0; }
.today-updated { color:#657085; font-size:.8rem; margin:1.25rem 0 0; }
.today-dashboard a:focus-visible { outline:3px solid #aa202b; outline-offset:3px; }
.staff-brand-wrap { flex-wrap:wrap; justify-content:space-between; }
.technician-mobile .staff-workspace-menu { font-size:.85rem; }
.technician-mobile .staff-workspace-menu summary { padding:.5rem .65rem; }
.technician-mobile .staff-workspace-menu small { max-width:12rem; }
.technician-mobile .unsaved-work-notice { margin:1rem; }
@media(max-width:1199px) { .navbar .staff-workspace-menu { margin:.5rem 0; } .navbar .staff-workspace-links { position:static; max-width:100%; margin-top:.5rem; } }
@media(max-width:767px) { .today-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; } .today-columns { grid-template-columns:1fr; } .today-metric { padding:1rem; } .today-heading { align-items:flex-start; flex-wrap:wrap; } .today-row { padding:1rem; } .staff-workspace-menu { margin-left:0; } }
@media(max-width:360px) { .today-metrics { grid-template-columns:1fr; } .today-row { flex-wrap:wrap; } }

.admin-interface .today-dashboard { padding:clamp(1rem,2vw,1.5rem); }

.technician-mobile .mobile-header { flex-wrap:wrap; gap:.65rem; }

.completion-kpis { margin-top:2rem; padding-top:1.5rem; border-top:1px solid #dfe4ed; }
.horsepower-comparison { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
.horsepower-comparison>div { padding:1rem; border:1px solid #dfe4ed; border-radius:12px; background:#f7f8fb; min-width:0; }
.horsepower-comparison span,.horsepower-comparison small { display:block; color:#50596b; font-size:.85rem; }
.horsepower-comparison strong { display:block; font-size:1.25rem; margin:.4rem 0; overflow-wrap:anywhere; }
@media(max-width:575px) { .horsepower-comparison { grid-template-columns:1fr; } }
.completion-kpi-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:1rem; }
.completion-kpi-heading h3 { font-size:1.35rem; font-weight:750; margin-bottom:.4rem; }
.completion-kpi-heading label,.completion-outcome label { display:block; font-size:.85rem; font-weight:650; margin-bottom:.35rem; }
.completion-metrics .today-metric { cursor:default; }
.completion-metrics strong { font-size:2.2rem; }
.completion-metrics .today-metric:hover { background:#f7f8fb; border-color:#e1e5ed; color:#272d3d; }
.completion-method { font-size:.9rem; color:#50596b; line-height:1.6; }
.completion-quality { background:#fff8e7; border:1px solid #ebd397; border-radius:10px; padding:.85rem 1rem; font-size:.9rem; color:#694600; }
.completion-results .workspace-card-heading { justify-content:space-between; align-items:center; }
.completion-results h4 { font-size:1.05rem; font-weight:700; margin:0; }
.completion-table th,.completion-table td { padding:.9rem 1.1rem; white-space:nowrap; }
.completion-table th[scope="row"] { white-space:normal; min-width:12rem; }
.completion-table a { color:#981d26; text-decoration:none; }
.completion-table a:hover { text-decoration:underline; }
.completion-table small { display:block; color:#657085; font-size:.8rem; font-weight:400; margin-top:.3rem; overflow-wrap:anywhere; }
.completion-pagination { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.75rem; padding:1rem; border-top:1px solid #e0e4eb; }
.completion-pagination p { font-size:.85rem; color:#657085; margin:0; }
.completion-pagination>div { display:flex; gap:.5rem; }
.completion-explanation { margin-top:1rem; padding:.25rem 1rem; border:1px solid #dfe4ed; border-radius:10px; background:#f7f8fb; font-size:.9rem; }
.completion-explanation summary { cursor:pointer; padding:.65rem 0; min-height:44px; font-weight:650; }
.completion-explanation summary:focus-visible { outline:3px solid #aa202b; outline-offset:3px; }
@media(max-width:575px) { .completion-kpi-heading>div:last-child,.completion-outcome { width:100%; } .completion-results .workspace-card-heading { padding:1rem; } .completion-table th,.completion-table td { padding:.75rem; } }

.staff-return-page { max-width:720px; }
.staff-return-eyebrow { color:#64748b; font-size:.75rem; letter-spacing:.12em; font-weight:700; margin-bottom:.65rem; }
.staff-return-options { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.5rem; }
.staff-return-option { position:relative; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:.65rem; border:1px solid #cbd5e1; border-radius:14px; padding:1.25rem 2.75rem 1.25rem 1.25rem; min-height:136px; background:#fff; color:#202738; width:100%; overflow-wrap:anywhere; }
.staff-return-option strong { font-size:1rem; }
.staff-return-option span { font-size:.875rem; }
.staff-return-option:hover { border-color:#64748b; background:#f4f6fa; }
.staff-return-option:focus-visible { outline:3px solid #d59720; outline-offset:4px; }
.staff-return-primary { background:#202738; color:#fff; border-color:#202738; }
.staff-return-primary:hover { background:#333e54; color:#fff; }
.staff-return-arrow { position:absolute; right:1rem; top:1.25rem; font-size:1.25rem !important; }
@media(max-width:575px) { .staff-return-options { grid-template-columns:1fr; } .staff-return-option { min-height:108px; } }

.horsepower-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.horsepower-metrics .today-metric { min-width:0; }
.horsepower-metrics strong { font-size:clamp(1.5rem,2.3vw,2.2rem); overflow-wrap:anywhere; }
.horsepower-details .table-responsive { margin-top:1rem; }
.horsepower-details .completion-pagination { padding-top:1rem; }
@media(max-width:767px) { .horsepower-metrics { grid-template-columns:1fr; } }