.date-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.time-panel{padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.time-panel input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.time-panel input[type=date],.time-panel input[type=time]{appearance:none;display:block}.time-panel label{margin-bottom:6px}.time-panel select{margin-bottom:16px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-fields>div,.shift-row>div{min-width:0}.time-panel [data-modes]>div,.time-panel [data-modes]>p{margin-bottom:18px}.time-panel button[type=submit]{margin-top:24px}.time-result h2{margin-bottom:20px}.time-result dl{margin:0}.time-result dt{font-size:.85rem;color:var(--muted);margin-top:16px}.time-result dd{margin:0;font-size:1.3rem;font-weight:650;font-variant-numeric:tabular-nums}.time-result dl dd:first-of-type{font-size:2rem}.time-result ul{padding-left:22px}.time-result button{margin-top:16px}.weekends{display:flex;flex-wrap:wrap;gap:8px 20px;border:1px solid var(--line);margin:12px 0;padding:12px}.weekends .check{margin:0}.weekends legend,.shift-row legend{font-weight:700}.time-privacy{margin:24px 0}.shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.shift-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:6px}.shift-row>div:nth-of-type(3){grid-column:1/-1}.shift-row p{grid-column:1/-1;margin:0;min-height:1.6em}.pay-settings{max-width:700px;margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.pay-settings button{margin-top:12px}#allowance-settings{margin:20px 0}#work-result-panel{margin-top:24px}.work-print-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:24px}.work-print-table th,.work-print-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.work-print-table caption{text-align:left;font-weight:bold;margin-bottom:8px}.time-print-note{font-size:.8rem;margin-top:20px}.time-print-note p{margin-top:8px}.time-print-note dl dd{font-size:.9rem}.time-print-note dl dt{font-size:.8rem}
@media(max-width:760px){.date-workspace{grid-template-columns:1fr}.time-panel{padding:20px}.shift-grid{grid-template-columns:1fr}.work-print-table{font-size:.75rem}.work-print-table th,.work-print-table td{padding:5px 2px}}
@media(max-width:480px){.time-fields,.shift-row{grid-template-columns:1fr}.time-panel{padding:16px}.work-print-table th:nth-child(4),.work-print-table td:nth-child(4){display:none}}
@media print{body[data-page=work] #work-editor,body[data-page=work] .time-privacy{display:none!important}body[data-page=work] #work-result-panel{display:block;border:0;margin:0;padding:0;color:#000;background:#fff}body[data-page=work] .time-result dd,body[data-page=work] .time-result dt{color:#000;font-size:11pt}body[data-page=work] .time-result dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}body[data-page=work] .time-result dt{margin:0}body[data-page=work] .time-print-note dl{display:block}body[data-page=work] .time-print-note dl dt{margin-top:5px}body[data-page=work] .work-print-table{font-size:10pt}body[data-page=work] .work-print-table th,body[data-page=work] .work-print-table td{display:table-cell!important;color:#000;border-color:#aaa}body[data-page=work] .time-result h2{font-size:16pt}body[data-page=work] .time-print-note{font-size:9pt}body[data-page=work] .time-print-note p{margin-top:8px}body[data-page=work] .time-result{break-inside:auto}}

.mobile-break{display:none}.range-months{display:flex;flex-wrap:wrap;gap:14px}.date-range{margin-top:24px}.date-range table{border-collapse:collapse;font-size:.75rem;flex:1;min-width:220px;table-layout:fixed}.date-range th,.date-range td{text-align:center;padding:4px}.range-in{background:var(--sage);font-weight:700;outline:1px solid var(--line)}.range-off{background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--line) 3px,var(--line) 4px)}.date-range p{font-size:.75rem;margin-top:10px}.time-result dl>div{break-inside:avoid}
@media screen and (max-width:480px){.mobile-break{display:block;font-size:.65rem;white-space:normal;color:var(--muted)}}
@media print{body[data-page=date] #date-form,body[data-page=date] .time-privacy,body[data-page=date] .date-range{display:none!important}body[data-page=date] .date-workspace{display:block}body[data-page=date] .time-result{border:0;padding:0;background:#fff;color:#000}body[data-page=date] .time-result dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}body[data-page=date] .time-result dt{margin:0;font-size:10pt;color:#444}body[data-page=date] .time-result dd{font-size:12pt}body[data-page=date] .time-result li{break-inside:avoid;font-size:10pt}}