.clock-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff5e9;border:1px solid #f6cda8;border-left:4px solid var(--orange);border-radius:10px;padding:14px 18px;margin:0 0 22px;color:var(--navy);font-size:12px;line-height:1.65}.clock-reminder>div{display:flex;align-items:center;gap:8px;flex-shrink:0}.clock-reminder .primary{text-decoration:none}.clock-reminder[data-state=active]{background:#edf5fa;border-color:#d5e3ef;border-left-color:var(--navy)}.clock-reminder[hidden],#timeclock-view[hidden]{display:none}.clock-now{padding:26px;display:grid;grid-template-columns:1fr auto;gap:18px;border-top:3px solid var(--orange)}.clock-now h2{font-size:23px;margin:9px 0}.clock-now p{font-size:13px;color:#536780}.clock-now small{font-size:11px;line-height:1.8;color:#65758b}.clock-actions{display:flex;flex-wrap:wrap;align-content:center;gap:10px;max-width:320px}.clock-message{grid-column:1/-1;margin:0;line-height:1.7}.clock-history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 15px}.clock-history-heading h2{margin:7px 0;font-size:20px}.clock-filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.clock-filters label,.clock-form>label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--navy)}.clock-filters input,.clock-filters select,.clock-form input:not([type=checkbox]),.clock-form select,.clock-form textarea{border:1px solid var(--line);border-radius:6px;background:white;padding:11px;font:inherit;color:var(--navy)}.clock-exports{display:flex;flex-wrap:wrap;gap:9px}.clock-note{font-size:11px;line-height:1.8;color:#65758b;margin:14px 0}.clock-table{margin-top:20px;overflow:hidden}.clock-table>.clock-note{padding:0 24px}.clock-table td{font-size:11px;vertical-align:top;white-space:normal;min-width:100px}.clock-table table{min-width:720px}.clock-table details{max-width:320px;min-width:150px;line-height:1.7}.clock-table details p{margin:9px 0}.clock-table summary{cursor:pointer;color:var(--navy);font-weight:600}.clock-table .section-heading>span{font-size:10px;color:#65758b}.clock-incidents article{padding:18px 24px;border-top:1px solid var(--line);font-size:12px;line-height:1.7}.clock-incidents small{color:#65758b}.clock-form{padding:26px;display:grid;gap:16px}.clock-form>label:has(input[type=checkbox]){flex-direction:row;align-items:center}.clock-form textarea{resize:vertical;min-height:80px}#clock-edit-dialog,#clock-incident-dialog{max-width:600px;width:calc(100% - 30px)}#clock-history-message{font-size:12px;color:var(--navy)}.clock-view .primary:disabled,.clock-view .secondary:disabled{opacity:.45;cursor:wait}
@media(max-width:800px){.clock-now{grid-template-columns:1fr}.clock-actions{max-width:none}.clock-history-heading{align-items:flex-start;flex-direction:column}.clock-filters{width:100%}.clock-reminder{align-items:flex-start;flex-direction:column}.clock-reminder>div{flex-wrap:wrap}.clock-table .section-heading{flex-wrap:wrap;gap:10px}}
@media print{.sidebar,.workspace-tabs,.clock-reminder,.clock-actions,.clock-filters,.clock-exports,.clock-view .page-heading>button,.clock-table button,.topbar button,.clock-view .clock-now,footer{display:none!important}.app-shell{margin:0!important}main{padding:0!important}.clock-view .page-heading{margin:10px 0}.clock-table{break-inside:auto;border:1px solid #bbb;box-shadow:none}.clock-table .table-scroll{overflow:visible}.clock-table table{min-width:0;width:100%}.clock-table th,.clock-table td{padding:7px;min-width:0;font-size:9px;overflow-wrap:anywhere}.clock-table tr{break-inside:avoid}.clock-table .section-heading{padding:10px}.clock-table details{max-width:none;min-width:0}.clock-note{font-size:9px}#clock-report,#clock-manual{display:none!important}.topbar{padding:10px;min-height:60px}.topbar img{width:140px}body{background:white}}

#clock-day-dialog{max-width:600px;width:calc(100% - 30px)}
@media print{#clock-add-day{display:none!important}}