.page{max-width:1120px;padding:24px 20px}.ts-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 10px}.ts-metrics>div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.ts-metrics small,.ts-comp-head small{display:block;color:var(--muted);font-size:12px}.ts-metrics strong{display:block;font-size:28px;margin-top:9px;font-variant-numeric:tabular-nums}.ts-metrics>div:nth-child(2) strong{color:var(--gold)}.ts-note{color:var(--muted);font-size:12px;line-height:1.6}.ts-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.ts-list-head h3{margin:0;font-size:18px}.ts-list-head p{color:var(--muted);font-size:12px}.ts-day{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:8px 0;overflow:hidden}.ts-day.scheduled{border-left:3px solid var(--gold)}.ts-day summary{display:flex;align-items:center;gap:18px;padding:16px;cursor:pointer;list-style:none}.ts-day summary::-webkit-details-marker{display:none}.ts-date{min-width:128px;font-size:12px;color:var(--muted)}.ts-date b{color:var(--ink);margin-left:6px}.ts-duty{font-size:12px;min-width:100px;color:var(--muted)}.scheduled .ts-duty{color:var(--gold)}.ts-day-total{margin-left:auto;font-size:12px}.ts-chevron{font-size:11px;color:var(--muted)}.ts-day-body{border-top:1px solid var(--line);padding:18px}.ts-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ts-fields label,.ts-notes-label{font-size:12px;color:var(--muted);display:block}.ts-fields input,.ts-notes-label textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--ink);padding:11px;margin-top:6px;font:inherit;font-size:16px}.ts-extra{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.ts-notes-label textarea{resize:vertical}.ts-fields input:focus,.ts-notes-label textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.ts-comp{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px;margin:20px 0}.ts-comp-head{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.8}.ts-comp-head strong{display:block;font-size:30px}.ts-comp-head strong span{font-size:13px;font-weight:400;color:var(--muted)}.ts-comp summary{cursor:pointer;font-size:13px;color:var(--gold)}.ts-ledger{max-height:260px;overflow:auto}.ts-ledger>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.ts-actions{position:sticky;bottom:0;display:flex;gap:12px;flex-wrap:wrap;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;z-index:3}.ts-actions #tsSaveState{margin-right:auto;align-self:center;font-size:12px;color:var(--gold)}#editAlert{white-space:pre-line}#totalsBar{position:static;margin-top:18px}.ts-day input:disabled,.ts-day textarea:disabled{opacity:.7}.ts-day summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media(max-width:700px){.page{padding:18px 12px}.ts-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ts-metrics>div{padding:14px}.ts-metrics>div:first-child{grid-column:span 2}.ts-metrics strong{font-size:25px}.ts-day summary{flex-wrap:wrap;gap:8px 12px;padding:14px}.ts-date{flex:1}.ts-duty{text-align:right}.ts-day-total{margin-left:0;flex-basis:75%}.ts-chevron{margin-left:auto}.ts-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-actions{gap:8px}.ts-actions #tsSaveState{flex-basis:100%}.ts-actions .btn{flex:1;justify-content:center;padding:12px}.ts-note{font-size:12px}#editStatus .ts-note{display:block;margin-top:10px}}
.ts-holiday-admin{padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;background:var(--panel)}
.ts-holiday-admin summary{cursor:pointer;font-weight:700}.ts-holiday-admin input{max-width:100%;box-sizing:border-box}.ts-holiday-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ts-holiday-row .btn{padding:7px 10px}.ts-holiday-pay{padding:8px 0;color:var(--gold)}#holidayForm{margin-top:16px}#holidayMessage{white-space:pre-wrap}
@media(max-width:560px){.ts-holiday-row{align-items:flex-start;flex-direction:column}}