/* Le Mie Ore ♡ V22. Soft palettes, night mode, native ergonomics; no layout reset. */
:root{--v22-accent:#b64f7b;--v22-tint:#fae5ef;--v22-soft:#fff7fb}
@media screen{
 body:not(.v22-night){background:var(--v22-soft)!important}
 body:not(.v22-night) header{background:linear-gradient(120deg,var(--v22-accent),color-mix(in srgb,var(--v22-accent) 58%,#fff))!important}
 body:not(.v22-night) h2,body:not(.v22-night) .v13-accordion>summary{color:var(--v22-accent)}
 body:not(.v22-night) #appShell button:not(.secondary):not(.danger):not(.day):not(.shift-type-button):not(.shift-state-button):not(.stat-action):not(.home-overtime-tile):not(.home-hours-button):not(.note-open):not(.v19-check),body:not(.v22-night) .nav button.active{background:var(--v22-accent);color:white}
 body:not(.v22-night) .hero,body:not(.v22-night) .stat,body:not(.v22-night) .v22-duplicate{background:var(--v22-tint)}
 body:not(.v22-night) .v22-home-choice,body:not(.v22-night) .v22-category-item{background:var(--v22-soft)}
 #v22HomeCore.v22-home-flex{display:flex;flex-direction:column;align-items:stretch}
 #v22HomeCore.v22-home-flex>h2,#v22HomeCore.v22-home-flex>p:first-of-type{order:0}
 #v22HomeCore [hidden],#homePage [data-v22-home][hidden]{display:none!important}
 #v22HomeCore>#releaseCard{width:100%;box-shadow:none;margin-top:8px}
 .v22-home-choice{display:grid;grid-template-columns:22px 1fr 42px 42px;gap:9px;align-items:center;padding:9px;margin:7px 0;border:1px solid #e9d8e2;border-radius:12px}
 .v22-home-choice>input{width:20px;height:20px;accent-color:var(--v22-accent)}
 .v22-home-choice>span{font-size:14px;font-weight:600;line-height:1.3}
 .v22-home-choice>button{min-height:40px;padding:5px 7px;font-size:20px}
 .v22-check{display:flex;align-items:center;gap:10px;font-size:15px;margin:15px 0}
 .v22-check input{width:23px;height:23px;accent-color:var(--v22-accent)}
 .v22-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:100%}
 .v22-color-grid>label{margin:0;border:1px solid #edd8e2;border-radius:12px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .v22-color-grid input[type=color],#v22AbsenceColor{width:55px;min-width:55px;height:44px;padding:3px;border-radius:10px;cursor:pointer}
 .v22-settings-card h3{font-size:16px;margin:18px 0 10px;color:var(--v22-accent)}
 .v22-category-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;margin:9px 0;padding:10px 7px;border-radius:10px;border:1px solid #ebdce3}
 .v22-category-name{min-width:0;overflow-wrap:anywhere;font-weight:650}
 .v22-category-item button{padding:8px 8px;font-size:12px;min-height:42px}
 .v22-smart-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 0 4px}
 .v22-smart-tools button{min-height:46px;font-size:12px;line-height:1.3;padding:8px;white-space:normal}
 .v22-smart-tools button:last-child{grid-column:1/-1}
 .v22-duplicate{border:1px solid #e9ccda;border-radius:14px;padding:13px;margin:12px 0}
 .v22-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .v22-three>div{min-width:0}
 .v22-three input[type=date]{min-width:0;width:100%;font-size:16px;padding:9px 3px}
 .v22-quick-absences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 13px}
 .v22-quick-absences button{min-height:44px;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:13px}
 #v22CustomSummaryBody p{margin:7px 0;padding:8px 10px;background:var(--v22-soft);border-radius:10px}
 .v22-master-helper{background:var(--v22-tint);border-radius:14px;padding:13px;margin:15px 0 12px}
 .v22-master-helper h3{margin:0 0 4px;color:var(--v22-accent)}
 .v22-master-helper button{margin-top:8px}
 #calendarPage .day.only-planned{background:#d7f3df!important} /* programmed stays green */
 #calendarPage .day.mixed-planned{border-color:#4a995e!important} /* distinction even with themed app */
 body.v22-night{background:#12151c!important;color:#e9e9f0!important;color-scheme:dark}
 body.v22-night header{background:linear-gradient(115deg,#292333,#3a2e48)!important}
 body.v22-night #appShell,body.v22-night main,body.v22-night .page{background:#12151c;color:#e9e9f0}
 body.v22-night .card,body.v22-night #profilePage .card,body.v22-night .v13-card,body.v22-night #calendarPage .card,body.v22-night .v22-duplicate,
 body.v22-night .v15-card,body.v22-night .v16-card,body.v22-night #v13MasterPanel .card,
 body.v22-night #dayEditorCard{background:#20242e!important;color:#e9e9f0!important;border-color:#343b48!important;box-shadow:none!important}
 body.v22-night .v13-accordion,body.v22-night details,body.v22-night #appShell .nav,
 body.v22-night .accountBar,body.v22-night .calendar-preview,body.v22-night .hint,
 body.v22-night .v22-home-choice,body.v22-night .v22-category-item,
 body.v22-night .v22-master-helper,body.v22-night .stat,body.v22-night .hero,
 body.v22-night .home-overtime-tile,body.v22-night .notes-summary-item,
 body.v22-night .v22-editor-head{background:#292e39!important;border-color:#3d4350!important;color:#e9e9f0!important}
 body.v22-night #appShell input:not([type=color]):not([type=checkbox]),body.v22-night #appShell select,
 body.v22-night #appShell textarea{background:#2a303c!important;color:#f4f4f8!important;border-color:#505667!important}
 body.v22-night #appShell .muted,body.v22-night .v13-muted{color:#bac1ce!important}
 body.v22-night #appShell h1,body.v22-night #appShell h2,body.v22-night #appShell h3,body.v22-night #appShell .stat strong{color:#f1d4e4!important}
 body.v22-night .v21-editor-head{background:#20242e!important;border-color:#343b48!important}
 body.v22-night #dayEditorCard>.v21-field-row{border-color:#404752}
 body.v22-night #appShell button.secondary{background:#383d4d!important;color:#f2e6f1!important}
 body.v22-night #calendarPage .day:not(.work):not(.ferie):not(.malattia):not(.permesso):not(.riposo):not(.fest){background:#2d3340;color:#fafafa}
 body.v22-night .v22-color-grid>label{border-color:#434b59}
 body.v22-night .v22-category-name{color:#f1e8ee}
 body.v22-night .v22-home-choice input{accent-color:#dc80b1}
 /* Login and native editor, themed without hiding focus or errors. */
 body.v22-night #authScreen{background:#20242e;color:#f1e9f0;border-color:#414858}
 body.v22-night #authScreen input{background:#2a303c;color:#fff;border-color:#505667}
}
@media(max-width:370px){.v22-three{grid-template-columns:1fr 1fr}.v22-three>div:first-child{grid-column:1/-1}.v22-category-item{grid-template-columns:1fr auto}.v22-category-item .v22-category-name{grid-column:1/-1}}
@media print{.v22-smart-tools,.v22-quick-absences,.v22-duplicate,.v22-master-helper{display:none!important}}

/* Extra iPhone night-mode corrections: calendar/editor bars remain legible. */
@media screen and (max-width:760px){
 body.v22-night.v21-calendar-active #calendarPage{background:#12151c!important;color:#f0ebf2!important}
 body.v22-night.v21-calendar-active .v21-calendar-head{background:#20242e!important;border-color:#454052!important}
 body.v22-night .v21-calendar-head h2{color:#ffe6f2!important}
 body.v22-night .v21-icon-button{background:#303541!important;color:#f8eaf2!important;border-color:#515465!important}
 body.v22-night #calendarPage .calendar-preview{background:#20242e!important;color:#eae7ef!important}
 body.v22-night #calendarPage .calendar-preview .calendar-preview-title{color:#f2dbea!important}
 body.v22-night #calendarPage .day:not(.only-planned){color:#eeeef4}
 body.v22-night .v22-smart-tools .secondary{background:#303541!important;color:#f8eaf2!important}
 body.v22-night #v22DuplicatePanel{background:#242936!important}
}

/* Contrast tune-ups on night mode for headings, labels and navigation. */
body.v22-night .v13-accordion>summary,body.v22-night .v22-settings-card h3,body.v22-night .v22-master-helper h3{color:#f5c4de!important}
body.v22-night #appShell .nav button,body.v22-night #appShell .v13-muted,body.v22-night #appShell .muted{color:#ced4e0!important}
body.v22-night #appShell button.secondary{color:#fff1f8!important}

/* FASE 16 — derived tomorrow card, shares existing Home layout and palette. */
#appShell #f16Tomorrow.f16-tomorrow{
 display:block;width:100%;min-width:0;max-width:100%;text-align:left;white-space:normal;
 margin:0;padding:13px 14px;border:1px solid var(--v24-primary,var(--v22-accent,#b64f7b))!important;
 border-left-width:4px!important;border-radius:16px;
 background:color-mix(in srgb,var(--v24-primary,var(--v22-accent,#b64f7b)) 9%,var(--v24-cards,#fff9fc))!important;
 color:var(--v24-card-text,var(--v24-text,#58394b))!important;
 box-shadow:0 2px 10px #9b416c12;overflow-wrap:anywhere;
}
#appShell #f16Tomorrow[hidden]{display:none!important}
#f16Tomorrow span,#f16Tomorrow strong{display:block}
#f16Tomorrow .f16-tomorrow-title{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:750}
#f16Tomorrow .f16-tomorrow-date{font-size:13px;margin-top:3px;font-weight:500}
.f16-tomorrow-entry{display:block;margin-top:8px;min-width:0}
#f16Tomorrow .f16-tomorrow-kind{display:flex;flex-wrap:wrap;gap:3px 8px;font-size:13px;font-weight:600}
#f16Tomorrow .f16-tomorrow-state{display:inline;font-weight:500}
.f16-tomorrow-time{display:block;font-size:21px;line-height:1.2;margin:3px 0;font-variant-numeric:tabular-nums}
.f16-tomorrow-time small{font-size:12px;font-weight:500}
.f16-tomorrow-company{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
#f16Tomorrow .f16-tomorrow-count,#f16Tomorrow .f16-tomorrow-more{font-size:12px;margin-top:6px;font-weight:600}
#f16Tomorrow .f16-tomorrow-empty{font-size:14px;margin-top:8px;font-weight:500}
#f16Tomorrow .f16-tomorrow-status{font-size:11px;margin-top:8px;font-weight:400}
#f16Tomorrow .f16-tomorrow-entry+.f16-tomorrow-entry{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);padding-top:7px}
#calendarPreview .f16-extra-preview{padding:6px 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
#calendarPreview .f16-extra-preview .f16-tomorrow-kind{font-size:12px}
#calendarPreview .f16-extra-preview .f16-tomorrow-time{font-size:15px}
#calendarPreview .f16-extra-preview button{margin-top:4px}
body.v22-night #appShell #f16Tomorrow{background:var(--v24-secondary,#352b3b)!important;color:var(--v24-text,#fcebf5)!important}

/* FASE 16B: compact reminder settings, same controls/palette as existing settings. */
#f16bReminder .f16b-reminder-card{padding:10px!important;min-width:0}
#f16bReminder h2{display:none}
#f16bReminder .f16b-enable{display:flex;align-items:center;gap:8px;margin:2px 0 9px}
#f16bReminder .f16b-enable input{accent-color:var(--v24-primary,var(--v22-accent,#b64f7b));width:20px!important;min-width:20px;height:20px;margin:0}
#f16bReminder .f16b-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
#f16bReminder .f16b-fields>*{min-width:0;max-width:100%}
#f16bReminder .picker-shell{height:44px;min-height:44px;max-height:44px}
#f16bReminder select{white-space:normal;min-width:0;width:100%;min-height:44px}
#f16bReminder [hidden]{display:none!important}
#f16bReminder #reminderStatus{margin-bottom:0;overflow-wrap:anywhere}