:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203a31;background:#f3f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{margin:0 auto;padding:24px 18px 36px}.worker{max-width:520px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 28px}header img{width:125px;height:55px;object-fit:contain}header span,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:#577064}h1{font-size:30px;line-height:1.16;letter-spacing:-.04em;margin:12px 0 18px}h2{font-size:20px;margin-top:0}p{line-height:1.6;color:#607168}.card{background:white;border:1px solid #dfe6dd;border-radius:22px;padding:26px;box-shadow:0 8px 28px #203a3106}label{display:block;font-size:15px;font-weight:650;margin-top:20px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;min-height:54px;border:1px solid #cbd6ca;border-radius:10px;background:#fcfdfb;padding:12px;color:#203a31;margin-top:8px;font-size:18px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #91b9a0;outline-offset:2px}#pin{text-align:center;letter-spacing:.35em;font-size:30px}button{cursor:pointer;border:1px solid #cbd6ca;border-radius:10px;padding:14px 18px;background:white;color:#244c3a;min-height:48px;font-weight:650}button:disabled{opacity:.55;cursor:wait}.primary{width:100%;background:#1c503d;border-color:#1c503d;color:white;margin-top:26px;font-size:17px;min-height:58px}.text-button{border:0;background:transparent;padding:10px;font-size:14px}.check{display:flex;gap:10px;align-items:center;font-weight:500}.check input{width:20px;min-height:20px;margin:0;accent-color:#1c503d}small{display:block;color:#748278;font-size:12px;margin-top:8px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.heading h1{font-size:27px}.date{background:#edf3e9;padding:14px;border-radius:10px;font-size:14px}.date span{display:block;font-size:11px;color:#6c7f69;margin-top:3px}fieldset{border:0;margin:0;padding:0;min-width:0}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.numbers input{min-width:0}details{margin-top:24px;padding-top:18px;border-top:1px solid #e5e9e2}summary{cursor:pointer;font-size:14px;line-height:1.5}summary span{display:block;color:#80907f;font-size:12px;margin-left:14px}#feedback{font-size:14px;text-align:center}.error{color:#ac342c!important}footer{text-align:center;font-size:11px;color:#879187;margin-top:28px}.success{text-align:center}.success-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#edf3e9;color:#1c503d;font-size:32px;margin:8px auto 24px}[hidden]{display:none!important}.office{max-width:1180px}.office header{justify-content:flex-start}.office .grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.office .card{margin-bottom:20px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.filters label{flex:1;min-width:130px}.filters button{margin-top:12px}a{color:#1c503d}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #e5e9e2;white-space:nowrap}th{color:#63756a;font-size:12px}td.notes{white-space:pre-wrap;min-width:150px;max-width:250px;overflow-wrap:anywhere}.pin-output{font-size:32px;letter-spacing:.2em;font-weight:700;margin:18px 0}.pin-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.muted{font-size:13px;color:#738075}@media(max-width:760px){.office .grid{grid-template-columns:1fr}.card{padding:22px}.office h1{font-size:26px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover:not(:disabled){filter:brightness(.95)}}

/* Worker form: comfortable touch controls, including narrow phones and safe areas. */
.worker{padding: max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.worker header{margin:0 0 18px}.worker .heading>div{min-width:0}.worker .eyebrow{overflow-wrap:anywhere}
.worker .text-button{min-width:48px;flex-shrink:0}.worker .numbers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.worker label,.worker select{min-width:0;max-width:100%}.worker select{width:100%;text-overflow:ellipsis}
.worker input,.worker select,.worker textarea{font-size:18px;scroll-margin-block:24px}
.worker button,.worker summary,.worker .check{touch-action:manipulation}
.worker summary{min-height:48px;padding:4px 0}.worker .check{min-height:48px;line-height:1.45;margin-top:14px}.worker .check input{flex-shrink:0}
.worker .primary{min-height:58px}.worker #feedback{overflow-wrap:anywhere;scroll-margin-block:20px}
.worker footer{margin-top:18px}
@media(max-width:400px){.worker .card{padding:20px 18px;border-radius:18px}.worker h1{font-size:28px}.worker .heading h1{font-size:25px}.worker .date{padding:12px;margin:12px 0}.worker label{margin-top:16px}.worker details{margin-top:18px;padding-top:14px}.worker .primary{margin-top:20px}.worker header img{width:112px;height:46px}}
@media(max-width:340px){.worker{padding-left:10px;padding-right:10px}.worker .card{padding:18px 14px}.worker .heading h1{font-size:23px}.worker .numbers{gap:10px}.worker input,.worker select{padding:10px}.worker header span{font-size:10px}}

#edit-dialog{width:min(500px,calc(100% - 24px));max-height:90dvh;border:1px solid #cbd6ca;border-radius:18px;padding:24px;color:#203a31}#edit-dialog::backdrop{background:#152b2399}.row-actions{display:flex;gap:8px}.row-actions button{font-size:13px;padding:10px}.station{white-space:normal;min-width:160px;max-width:240px}

.office .grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.office .grid>.card{min-width:0}.office .table-wrap{max-width:100%}@media(max-width:760px){.office .grid{grid-template-columns:minmax(0,1fr)}}

.worker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.worker-tabs button[aria-pressed=true]{background:#1c503d;border-color:#1c503d;color:white}.hours-explanation{font-size:14px;background:#edf3e9;padding:12px;border-radius:10px}.hours-day{border-top:1px solid #e1e8df;padding:18px 0}.hours-day h2{font-size:17px;text-transform:capitalize;margin:0}.hours-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.hours-inputs label{margin-top:10px;font-size:13px}.hours-inputs input{min-width:0;max-width:100%;padding:8px;font-size:17px}.hours-day-result{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.hours-day-result small{margin:0}.hours-summary{border-top:2px solid #d6e2d3;padding-top:20px;margin-top:8px}.hours-summary>strong{display:block;font-size:32px;margin-top:6px}.hours-summary>span{font-weight:650}.hours-card #hours-status{font-size:14px}.hours-inputs input:disabled{opacity:.5;background:#eef1ed}

.hours-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.hours-actions button{font-size:14px}

.office .fuel-table{grid-column:1 / -1}

.hours-day>summary{display:block;list-style:none}.hours-day>summary>strong{display:block;text-transform:capitalize;font-size:17px}.hours-day>summary>span{display:block;font-size:12px;margin-top:6px}.hours-day>summary:after{content:'Apri giornata ▾';display:block;font-size:12px;margin-top:6px;color:#315c47}.hours-day[open]>summary:after{content:'Chiudi giornata ▴'}.hours-day>button{margin-top:12px}.hours-interval{border:1px solid #dfe6dd;border-radius:12px;padding:12px;margin-top:12px;background:#fafcf8}.hours-interval>label:first-child{margin-top:0}.hours-interval select{font-size:15px}.hours-interval .check{font-size:13px;margin-top:12px}.hours-interval .check input{width:20px}.hours-day summary small{color:#687b6c}.hours-day summary .error{color:#ac342c}.office #hours-office-load{margin-top:16px}.office #office-hours-editor{margin-top:22px;border-top:1px solid #dfe6dd;padding-top:16px}.office #office-hours-totals{font-weight:700}#hours-other-totals{font-size:14px}

/* Shared layout: keep every form inside its card at phone and embedded widths. */
main{width:100%;min-width:0}header,header>div,.heading,.heading>div,.card,form,fieldset,label{min-width:0}
h1,h2,h3,p,small,.eyebrow,button,summary{overflow-wrap:anywhere}
input,select,textarea{min-width:0;max-width:100%;font-size:16px}
input[type="date"],input[type="month"],input[type="time"]{display:block;width:100%;min-width:0;max-width:100%;min-height:48px}
input::-webkit-date-and-time-value{min-width:0;text-align:left}
button{max-width:100%;line-height:1.35;text-align:center;white-space:normal}
button:disabled{cursor:not-allowed}
.check{align-items:center;gap:10px;line-height:1.45}
.check input{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0}
.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
.heading h1{margin-top:6px}.heading .text-button{align-self:flex-start}
.office{padding:24px;max-width:1240px}
.office header{margin:0 0 16px}.office h1{margin:6px 0 0}
.office>.grid{align-items:start;gap:20px;grid-template-columns:minmax(230px,280px) minmax(0,1fr)}
.office .card{margin:0;padding:24px;border-radius:18px}
.office .card>h2{margin:0 0 12px}.office .card>p:first-of-type{margin-top:0}
.office label{font-size:14px;margin-top:16px}
.office input,.office select,.office textarea{font-size:16px;min-height:48px;padding:10px 12px;margin-top:6px}
.office .check input{min-height:20px;margin:0;padding:0}
.office .pin-actions{gap:10px;margin-top:16px}.office .pin-actions .primary{margin-top:0;min-height:48px;font-size:15px}
.office .pin-actions button{width:100%;min-width:0;font-size:14px;padding:12px}
.office .hours-office-filters{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:16px;align-items:end}
.office .hours-office-filters label{margin:0}
.office #hours-office-load{width:100%;margin-top:16px;min-height:48px;background:#edf3e9}
.office .hours-download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.office #office-hours-title{font-size:19px;line-height:1.4;margin:0 0 12px}
.office #office-hours-editor{margin-top:20px;padding-top:20px;min-width:0}
.office #office-hours-totals{background:#edf3e9;border:1px solid #d6e2d3;border-radius:12px;padding:16px;line-height:1.7;font-size:15px;margin:20px 0 0}
.office #office-hours-save{margin-top:12px;min-height:50px;font-size:16px}
.office #office-hours-status,.office #export-status{font-size:14px;margin:12px 0;line-height:1.5}
.office #office-hours-status:empty,.office #export-status:empty{display:none}
.office .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-top:16px}
.office .filters label{min-width:0;margin:0}.office .filters button{margin:0;min-height:48px}
.office .table-wrap{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e1e8df;border-radius:12px}
.office th{background:#f4f7f1}.office td,.office th{padding:12px}
.office .row-actions{min-width:180px;align-items:center}.office .row-actions button{min-height:42px}
#edit-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;overflow-y:auto;overscroll-behavior:contain}
#edit-dialog h2{margin-bottom:12px}#edit-dialog .pin-actions .primary{margin:0}
.worker .hours-card{padding:22px}
.worker .hours-explanation{font-size:13px;line-height:1.65;margin:12px 0 18px}
.worker .hours-month-field label{margin-top:0}
.worker .hours-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.worker .hours-actions button{width:100%;min-width:0;min-height:48px;padding:10px}
.worker #hours-download{width:100%;margin-top:10px;font-size:14px;min-height:48px}
.worker #hours-status{margin:16px 0;font-size:14px;line-height:1.5}
.hours-day{margin:10px 0 0;padding:0;border:1px solid #dfe6dd;border-radius:12px;background:#fff;min-width:0}
.hours-day>summary{padding:14px 16px;min-height:64px;line-height:1.5;border-radius:12px}
.hours-day>summary::-webkit-details-marker{display:none}
.hours-day>summary>strong{font-size:15px;margin:0}
.hours-day>summary>span{margin:4px 0 0;font-size:12px;color:#53695c}
.hours-day>summary>small{margin:4px 0 0;font-size:11px}
.hours-day>summary:after{margin:6px 0 0;font-size:11px}
.hours-day[open]>summary{background:#edf3e9;border-radius:12px 12px 0 0;border-bottom:1px solid #dfe6dd}
.hours-day>div{padding:0 12px;min-width:0}
.hours-day>button{width:calc(100% - 24px);margin:12px;min-height:46px;font-size:14px}
.hours-interval{margin-top:12px;padding:14px;background:#f7f9f4;border-radius:10px}
.hours-interval label{margin-top:0;font-size:13px}
.hours-interval select{min-height:48px;font-size:16px;margin-top:6px}
.hours-interval .hours-inputs{gap:12px;margin-top:12px}
.hours-interval .hours-inputs label{margin-top:0}
.hours-interval .hours-inputs input{margin-top:6px;font-size:16px;min-height:48px;padding:8px}
.hours-interval .check{margin-top:12px;min-height:36px;font-size:13px}
.hours-interval>.text-button{display:block;margin:4px 0 0 auto;min-height:40px;padding:8px 0;font-size:13px;color:#8a413a}
.office .hours-day>summary{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:start}
.office .hours-day>summary>span{margin:0}.office .hours-day>summary>small{grid-column:2;margin:0}.office .hours-day>summary:after{grid-column:1 / -1;margin-top:4px}
.office .hours-interval{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:start}
.office .hours-interval .hours-inputs{margin:0}.office .hours-interval .check{margin:0}.office .hours-interval>.text-button{margin:0 0 0 auto;align-self:center}
.hours-summary{padding:18px;background:#edf3e9;border:1px solid #d6e2d3;border-radius:12px;margin-top:18px}
.hours-summary>strong{font-size:30px}.hours-summary .primary{margin-top:16px}.hours-summary small{line-height:1.5}
#hours-other-totals{font-size:13px;line-height:1.6;margin:10px 0}
@media(max-width:1000px){.office .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.office .filters button{grid-column:1 / -1}.office .hours-office-filters{grid-template-columns:minmax(0,1fr)}.office .hours-download-actions{grid-template-columns:minmax(0,1fr)}.office .hours-interval{display:block}.office .hours-interval .hours-inputs{margin-top:12px}.office .hours-interval .check{margin-top:12px}.office .hours-interval>.text-button{margin-top:4px}}
@media(max-width:760px){.office{padding:16px}.office>.grid{grid-template-columns:minmax(0,1fr);gap:16px}.office .card{padding:20px}.office .hours-office-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.office .hours-download-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.office .hours-day>summary{grid-template-columns:90px minmax(0,1fr);column-gap:12px}}
@media(max-width:420px){.office{padding:12px}.office .card{padding:16px;border-radius:16px}.office .hours-office-filters,.office .hours-download-actions{grid-template-columns:minmax(0,1fr)}.office .hours-day>summary{display:block}.office .hours-day>summary>span,.office .hours-day>summary>small{margin-top:4px}.worker .hours-card{padding:18px 14px}.hours-day>summary,.worker .hours-day>summary{padding:12px}.hours-day>div{padding:0 10px}.hours-interval{padding:10px}.hours-day>button{width:calc(100% - 20px);margin:10px}.hours-summary{padding:14px}.hours-inputs{gap:8px}#edit-dialog{padding:16px}}
.numbers,.hours-inputs{align-items:end}
.office>#reload{margin-bottom:16px}

/* Distinct sections and labelled categories: colour reinforces, never replaces, text. */
:root{--hours-accent:#28649b;--hours-tint:#edf5fc;--fuel-accent:#a46516;--fuel-tint:#fff7e9;--access-accent:#53667b;--access-tint:#f0f3f7}
.office .access-section{border-top:5px solid var(--access-accent);background:linear-gradient(var(--access-tint),#fff 150px)}
.time-section{border-top:5px solid var(--hours-accent);background:linear-gradient(var(--hours-tint),#fff 190px)}
.fuel-section{border-top:5px solid var(--fuel-accent);background:linear-gradient(var(--fuel-tint),#fff 190px)}
.section-kicker{display:inline-block;padding:5px 10px;border-radius:6px;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}
.access-section .section-kicker{background:#dfe6ee;color:#354b61}
.time-section .section-kicker{background:#dcecfb;color:#205985}
.fuel-section .section-kicker{background:#f8e6c4;color:#795018}
.office .card>.section-kicker+h2{font-size:23px;margin:0 0 10px;line-height:1.25}
.office .time-section #hours-office-load{background:#28649b;border-color:#28649b;color:#fff;font-weight:700}
.office .time-section .hours-download-actions{padding:14px;background:#f1f5f9;border:1px solid #dce4ec;border-radius:12px;margin-top:16px}
.office .time-section .hours-download-actions button{background:white;border-color:#cbd7e3;color:#305571}
.office #office-hours-editor{border-top:3px solid #c7ddee;padding-top:20px}
.office #office-hours-title{color:#204f77}
.fuel-section #new-fuel{background:#986019;color:#fff;border-color:#986019}
.office .fuel-section .filters{background:#fff8ed;border:1px solid #efdfc5;padding:14px;border-radius:12px}
.office .fuel-section th{background:#fcf1de;color:#715022}
.worker-tabs{padding:6px;background:#e4eae5;border-radius:15px;gap:6px}
.worker-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;border:1px solid transparent;background:#f7f9f5;color:#536159;font-size:15px;padding:10px}
.worker-tabs .tab-symbol{font-size:24px;line-height:1;display:block}
.worker-tabs #tab-fuel[aria-pressed=true]{background:#986019;border-color:#986019;color:white;box-shadow:0 2px 6px #68451022}
.worker-tabs #tab-hours[aria-pressed=true]{background:#28649b;border-color:#28649b;color:white;box-shadow:0 2px 6px #224e7222}
.worker .time-section .heading h1{color:#204f77}.worker .fuel-section .heading h1{color:#795018}
.worker .hours-explanation{background:#f3f7fb;border-left:3px solid #87b2d6;border-radius:0 10px 10px 0;color:#4c6272}
.worker .hours-month-field{padding:14px;background:#e7f0f9;border:1px solid #c9dbec;border-radius:12px;margin-top:16px}
.worker .hours-month-field label{color:#204f77;font-size:13px}.worker .hours-month-field input{background:#fff;border-color:#b9cede}
.worker #hours-save-top:not(:disabled){background:#28649b;border-color:#28649b;color:white}
.hours-day{border-color:#d8e0e5;box-shadow:0 2px 4px #273d4e04;margin-top:12px}
.hours-day>summary>strong{font-size:16px;color:#29495c}
.hours-day[open]{border-color:#9ebdd7;border-left:4px solid #28649b}
.hours-day[open]>summary{background:#eaf2fa;border-bottom-color:#cbddea}
.hours-day>summary>span{display:flex;flex-wrap:wrap;gap:5px}
.hours-day .time-chip{display:inline-block;padding:3px 7px;margin:0;border-radius:5px;font-size:11px;line-height:1.5;font-weight:650;white-space:normal}
.kind-work{background:#e6f0fa;color:#24577e}.kind-callout{background:#eee7fa;color:#64418b}.kind-permission{background:#fff0d4;color:#805511}.kind-holiday{background:#e5f2e7;color:#306642}
.hours-day>summary>small{display:table;width:fit-content;padding:2px 6px;border-radius:4px;font-weight:650}
.hours-day[data-state=saved]>summary>small{background:#e6f1e8;color:#376746}
.hours-day[data-state=changed]>summary>small{background:#fff0d4;color:#805511}
.hours-day[data-state=future]>summary>small{background:#f0f2f3;color:#66727a}
.hours-day[data-state=future]:not([open]){background:#fafbfc;border-color:#e6eaed}
.hours-interval{border-left-width:4px;background:#fff;box-shadow:0 2px 4px #273d4e04}
.hours-interval[data-kind=work]{border-left-color:#3478ae;background:#f4f8fd}
.hours-interval[data-kind=callout]{border-left-color:#8260ad;background:#f8f5fc}
.hours-interval[data-kind=permission]{border-left-color:#bc872a;background:#fffbf2}
.hours-interval[data-kind=holiday]{border-left-color:#468660;background:#f3f9f4}
.hours-interval[data-kind=work]>label{color:#24577e}.hours-interval[data-kind=callout]>label{color:#64418b}.hours-interval[data-kind=permission]>label{color:#805511}.hours-interval[data-kind=holiday]>label{color:#306642}
.hours-interval select{background:#fff;font-weight:650}
.hours-day>button{border-style:dashed;border-color:#9bb8cf;background:#f7fafd;color:#285d86}
.hours-summary{border-top:4px solid #28649b;background:#eaf2fa;border-color:#c0d6e9;border-top-color:#28649b;color:#204f77;margin-top:24px}
.hours-summary>.primary,.office #office-hours-save{background:#28649b;border-color:#28649b}
.office #office-hours-totals{border-left:4px solid #28649b;background:#eaf2fa;color:#204f77}
.worker .fuel-section .date{background:#fff0d4;color:#795018}.worker .fuel-section .primary{background:#986019;border-color:#986019}
@media(max-width:420px){.office .time-section .hours-download-actions,.office .fuel-section .filters{padding:10px}.worker-tabs button{font-size:14px;min-height:70px}.hours-day .time-chip{font-size:10px;padding:3px 5px}.hours-day>summary>strong{font-size:15px}}
.worker .hours-help{margin:0 0 14px;padding:0;border:0}.worker .hours-help>summary{min-height:36px;padding:6px 0;color:#285d86;font-size:13px;font-weight:650}.worker .hours-help>p{font-size:13px;line-height:1.6;margin:8px 0 14px;padding:12px;background:#f3f7fb;border-radius:8px}.worker .hours-explanation{margin-bottom:6px}

/* Safari month controls must shrink inside the padded month card. */
.hours-month-field{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;overflow:hidden}
#hours-month,#export-month{box-sizing:border-box;-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:hidden;font-size:16px}
#hours-month::-webkit-date-and-time-value,#export-month::-webkit-date-and-time-value{min-width:0;max-width:100%;overflow:hidden;text-align:left}
#hours-month::-webkit-datetime-edit,#export-month::-webkit-datetime-edit{min-width:0;padding:0}

/* Festive dates remain recognisable when collapsed, open or in the future. */
.hours-day.is-holiday,.hours-day.is-holiday[data-state=future]:not([open]){border:2px solid #d59aa9}
.hours-day.is-holiday[open]{border-left:4px solid #c47d90}
.hours-day .holiday-label{display:inline-block;margin:0 0 0 8px;padding:2px 6px;border-radius:5px;background:#f9e8ee;color:#88475c;font-size:10px;line-height:1.5;font-weight:700;vertical-align:middle;text-transform:none}

.autosave-help{padding:12px;border-radius:10px;background:#eaf2fa;color:#204f77;font-size:14px}#hours-update-dialog{width:min(470px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cbd6ca;border-radius:20px;padding:24px;color:#203a31}#hours-update-dialog::backdrop{background:#152b2399}#hours-update-dialog h2{font-size:25px;margin:12px 0}#hours-update-dialog p,#hours-update-dialog li{font-size:15px;line-height:1.55}#hours-update-dialog ol{padding-left:22px}#hours-update-dialog li{margin:10px 0}#hours-update-dialog .primary{margin-top:12px}

/* Personal hours trial. These classes are created only for the enabled account. */
.hours-roller{margin:18px 0}.roller-caption{font-size:12px;font-weight:650;color:#285d86;margin:0 0 8px}.day-wheel{height:216px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding-block:72px;background:linear-gradient(#f4f6f8 0 33.33%,#e5eff9 33.33% 66.66%,#f4f6f8 66.66%);border:1px solid #d4dfeb;border-radius:16px;scrollbar-width:none}.day-wheel::-webkit-scrollbar{display:none}.wheel-day{display:block;width:100%;height:72px;min-height:72px;margin:0;padding:8px 10px;border:0;border-radius:0;background:transparent;scroll-snap-align:center;text-align:center;font-weight:500}.wheel-day strong{display:block;font-size:16px;text-transform:capitalize}.wheel-day small{margin:3px 0 0;font-size:11px}.wheel-day[aria-pressed=true]{color:#174d7e}.wheel-day[aria-pressed=true] strong{font-weight:800}.wheel-day[data-state=future]{color:#6b7782}.wheel-day[data-state=saved] small{color:#27623e}.roller-arrows{display:flex;gap:8px;margin-top:10px}.roller-arrows button{flex:1;font-size:12px;padding:10px 6px}.roller-future{background:#f3f6f9;border:1px dashed #b9c9d8;border-radius:12px;padding:18px;color:#596d80;font-size:14px;line-height:1.5}