.hidden{display:none!important}.staff-main{width:min(1200px,calc(100% - 2rem));margin:1.5rem auto 3rem}.staff-head-actions{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.login-panel{max-width:520px;margin:2rem auto}.login-form,.timer-form,.manual-form,.copy-form{display:grid;gap:.75rem}.login-form label,.timer-form label,.manual-form label,.copy-form label{display:grid;gap:.3rem;color:#475569;font-size:.84rem;font-weight:700}.login-form input,.timer-form input,.timer-form select,.manual-form input,.manual-form select,.copy-form input,.copy-form select{border:1px solid #cbd5e1;border-radius:7px;padding:.55rem .65rem;background:#fff;color:#172033}.form-error{min-height:1.3em;margin-top:.7rem;color:#9f2d2d;font-size:.88rem}.staff-welcome{display:flex;justify-content:space-between;gap:1rem;align-items:center}.timer-form{grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr) auto;align-items:end;margin-top:1rem}.weekly-entry-form{grid-template-columns:minmax(150px,1.15fr) minmax(165px,1fr) minmax(125px,.75fr) minmax(150px,.75fr) minmax(150px,.75fr) minmax(180px,1.25fr) auto;align-items:end}.weekly-entry-form>label{min-width:0}.weekly-entry-form>label>select{width:100%;min-width:0;box-sizing:border-box}.manual-description{grid-column:auto}.copy-form{grid-template-columns:1.1fr 1fr .8fr 2fr auto;align-items:end}.copy-target-wrap{display:grid;gap:.3rem}.field-label{color:#475569;font-size:.84rem;font-weight:700}.copy-target-days{display:flex;gap:.4rem;flex-wrap:wrap;min-height:2.4rem;align-items:center}.copy-day-option{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.3rem!important;border:1px solid #d6e0eb;border-radius:7px;padding:.4rem .5rem!important;background:#fbfcfe;font-weight:600!important}.copy-day-option input{margin:0;padding:0}.policy-note{margin-top:.55rem;color:#53667b;font-size:.8rem;line-height:1.35}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.project-card{border:1px solid #dbe3ed;border-radius:9px;padding:.9rem;background:#fbfcfe}.project-card h3{margin:0 0 .25rem;color:#143a66}.timer-running{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid #bed2e7;border-radius:9px;background:#f2f7fc}.timer-clock{font-size:1.6rem;font-weight:800;color:#143a66}.time-summary{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem;padding:.65rem .8rem;border:1px solid #dbe3ed;border-radius:8px;background:#f8fafc;color:#334155}.time-summary span{font-size:.84rem}.day-group{margin:1rem 0 1.4rem}.day-group h3{display:flex;justify-content:space-between;margin:.5rem 0;color:#143a66}.time-table{width:100%;border-collapse:collapse}.time-table td,.time-table th{padding:.55rem;border-bottom:1px solid #dde4ec;text-align:left;vertical-align:top;white-space:nowrap}.time-table td:nth-child(5){white-space:normal;min-width:180px}.small{padding:.3rem .55rem;font-size:.8rem}.secondary[href]{text-decoration:none;display:inline-block}.table-wrap{overflow-x:auto}@media(max-width:1180px){.weekly-entry-form{grid-template-columns:1fr 1fr 1fr}.weekly-entry-form .manual-description{grid-column:1/3}.copy-form{grid-template-columns:1fr 1fr}.copy-target-wrap{grid-column:1/3}.copy-form .action{grid-column:1/3}}@media(max-width:800px){.timer-form,.weekly-entry-form{grid-template-columns:1fr}.weekly-entry-form .manual-description,.copy-target-wrap,.copy-form .action{grid-column:auto}.project-grid{grid-template-columns:1fr 1fr}.staff-welcome{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.project-grid,.copy-form{grid-template-columns:1fr}}

.column-time-picker{position:relative;width:100%;min-width:150px}
.time-picker-display{width:100%;min-width:150px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;padding:.55rem .65rem;background:#fff;color:#172033;cursor:pointer;font-variant-numeric:tabular-nums}
.time-picker-display:focus{outline:2px solid #93b7df;outline-offset:1px}
.time-column-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:1200;display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));min-width:228px;background:#fff;border:1px solid #cbd5e1;border-radius:9px;box-shadow:0 10px 24px rgba(15,23,42,.16);overflow:hidden}
.time-column{max-height:200px;overflow-y:auto;min-width:64px;padding:.25rem;border-right:1px solid #e5e7eb}
.time-column:nth-child(3){border-right:0}
.time-option{display:block;width:100%;border:0;border-radius:5px;background:#fff;color:#172033;padding:.45rem .65rem;text-align:center;cursor:pointer;font:inherit}
.time-option:hover,.time-option:focus{background:#edf4fb;outline:none}
.time-option.active{background:#174ea6;color:#fff}
.time-picker-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.45rem;padding:.5rem;border-top:1px solid #e5e7eb;background:#f8fafc}
.time-picker-actions button{width:36px;height:32px;border-radius:7px;font-size:1.15rem;font-weight:900;line-height:1;cursor:pointer}
.time-picker-confirm{border:1px solid #8fb3d9;background:#edf4ff;color:#174ea6}
.time-picker-confirm:hover,.time-picker-confirm:focus{background:#dceaff;outline:2px solid rgba(23,78,166,.18);outline-offset:1px}
.time-picker-confirm:disabled{opacity:.35;cursor:not-allowed;background:#f3f6f9;color:#6f7d8c;border-color:#d7dee6}
.time-picker-cancel{border:1px solid #e0a3a3;background:#fff1f1;color:#b42318}
.time-picker-cancel:hover,.time-picker-cancel:focus{background:#ffe2e2;outline:2px solid rgba(180,35,24,.14);outline-offset:1px}

.weekly-activity-panel{border-color:#c8d7e7}
.weekly-activity-filters{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}
.weekly-activity-filters label{display:grid;gap:.3rem;color:#475569;font-size:.82rem;font-weight:700}
.weekly-activity-filters select{border:1px solid #cbd5e1;border-radius:7px;padding:.5rem .65rem;background:#fff;color:#172033}
#weekly-summary{margin-top:.75rem}
.weekly-summary-table{width:100%;border-collapse:collapse;min-width:860px}
.weekly-summary-table th,.weekly-summary-table td{padding:.65rem .7rem;border-bottom:1px solid #dbe3ed;text-align:right;white-space:nowrap}
.weekly-summary-table th:first-child,.weekly-summary-table td:first-child{text-align:left}
.weekly-summary-table thead th{background:#f4f7fa;color:#334155;font-size:.8rem}
.weekly-summary-table tbody th{font-weight:700;color:#173a63}
.weekly-summary-table tfoot th,.weekly-summary-table tfoot td{background:#eef5fb;border-top:2px solid #b7cade;border-bottom:0}
.weekly-date{font-size:.7rem;font-weight:600;color:#6b7785;margin-top:.15rem}
.readonly-week-note{margin-top:1rem;padding:.65rem .8rem;border:1px solid #d7dee7;border-radius:8px;background:#f8fafc;color:#526274;font-weight:700}

#manual-time-section.editing-time{border-color:#8fb3d9;box-shadow:0 0 0 2px rgba(23,78,166,.08)}
#manual-time-section.editing-time #manual-time-heading{color:#174ea6}
.manual-form-actions{display:flex;gap:.45rem;align-items:end}

.time-table tr.time-row-editing td{background:#fff4bf;border-bottom-color:#e5c966}
.time-table tr.time-row-editing td:first-child{box-shadow:inset 4px 0 0 #d9a500}
.editing-time-button{background:#fff0a6!important;border-color:#d6b33f!important;color:#6b5200!important;font-weight:800}
.borderit{border:1px solid #333; border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.05);padding:.75rem .9rem;background:#f8fafc}
.manager-time-context{border-color:#9fc2e4;background:linear-gradient(135deg,#f7fbff,#eef6fc)}
.manager-time-context .panel-heading{align-items:end}
.manager-time-context-actions{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}
.manager-time-context-actions label{display:grid;gap:.3rem;min-width:280px;color:#475569;font-size:.84rem;font-weight:700}
.manager-time-context-actions select{border:1px solid #9eb6cc;border-radius:7px;padding:.55rem .65rem;background:#fff;color:#172033}
.manager-time-context-actions .secondary{min-height:38px;box-sizing:border-box;display:inline-flex;align-items:center;text-decoration:none}
#managed-user-status{margin:.2rem 0 0}
.project-card .tag{font-size:.65rem;margin-left:.3rem;vertical-align:middle}
@media(max-width:800px){.manager-time-context .panel-heading{align-items:flex-start}.manager-time-context-actions{width:100%}.manager-time-context-actions label{min-width:0;flex:1 1 250px}}

.manager-reporting{border-color:#9fc2e4}
.report-filters{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .8fr auto;gap:.8rem;align-items:end}
.report-filters>label{display:grid;gap:.3rem;font-size:.84rem;font-weight:700;color:#475569}
.report-filters select,.report-filters input{border:1px solid #cbd5e1;border-radius:7px;padding:.55rem .65rem;background:#fff;color:#172033}
.report-summary{display:flex;align-items:baseline;gap:.5rem;margin:1rem 0}
.report-summary strong{font-size:1.7rem;color:#143a66}
.result-group{margin:1rem 0 1.4rem}
.result-group h3{display:flex;justify-content:space-between;gap:1rem;color:#143a66}
.filter-select-block{display:grid;gap:.3rem}
.filter-select-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.84rem;font-weight:700;color:#475569}
.filter-select-heading>span:last-child{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.small-filter-action{font-size:.76rem;text-decoration:none}
.filter-select-block select{min-height:8.5rem}
@media(max-width:1000px){.report-filters{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.report-filters{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-filters{grid-template-columns:1fr}.filter-select-heading{align-items:flex-start;flex-direction:column}.filter-select-heading>span:last-child{justify-content:flex-start}}

/* A time selection remains open until explicitly accepted or cancelled. */
.time-picker-confirm.time-picker-reminder{animation:time-confirm-nudge .38s ease-in-out 2;background:#c7dcff;box-shadow:0 0 0 3px rgba(23,78,166,.2)}
@keyframes time-confirm-nudge{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.time-picker-confirm.time-picker-reminder{animation:none;outline:3px solid #174ea6;outline-offset:2px}}