/* Le Mie Ore ♡ · V23: interfaccia coerente con una PWA installata.
   Il pinch-to-zoom intenzionale resta disponibile per accessibilita'. */
.v23-home-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 12px;padding:4px 2px}
.v23-home-top h2{margin:0;font-size:19px;line-height:1.25;color:var(--v22-accent,#9b416c)}
.v23-home-top button{font-size:13px;min-height:43px;padding:9px 12px;border-radius:13px;white-space:nowrap}
.v23-home-top button:focus-visible,.v23-topbar button:focus-visible{outline:3px solid #326ec0;outline-offset:2px}
.v23-topbar{display:none}
@media screen and (max-width:760px){
  html:has(body.v23-shell-active:not(.v21-calendar-active)),body.v23-shell-active:not(.v21-calendar-active){height:100%;max-height:100dvh;overflow:hidden;overscroll-behavior:none}
  body.v23-shell-active:not(.v21-calendar-active){position:relative;width:100%;touch-action:pan-x pan-y pinch-zoom}
  body.v23-shell-active:not(.v21-calendar-active)>header,body.v23-shell-active:not(.v21-calendar-active)>footer{display:none!important}
  body.v23-shell-active:not(.v21-calendar-active)>main{height:100dvh;max-height:100dvh;min-height:0;margin:0 auto;padding:0;max-width:760px;overflow:hidden}
  body.v23-shell-active:not(.v21-calendar-active) #appShell{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  body.v23-shell-active:not(.v21-calendar-active) .v23-topbar{display:flex;order:0;flex:none;min-height:59px;align-items:center;justify-content:space-between;gap:12px;padding:calc(9px + env(safe-area-inset-top,0px)) 15px 9px;background:var(--v22-soft,#fff7fb);border-bottom:1px solid #edd9e3}
  .v23-topbar strong{font-size:18px;line-height:1.25;color:var(--v22-accent,#a24373)}
  .v23-topbar small{display:block;color:#796677;font-size:11px;margin-top:2px}
  .v23-topbar button{min-width:43px;min-height:43px;font-size:21px;border-radius:12px;padding:7px}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.accountBar{order:1;flex:none;margin:6px 9px 2px;padding:6px 9px;min-height:48px}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.accountBar button{min-height:42px;padding:8px 9px}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.offline-sync-panel{order:2;flex:none;max-height:min(23dvh,135px);overflow-y:auto;margin:3px 9px 6px;overscroll-behavior:contain}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.page:not([hidden]){order:3;flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 10px calc(20px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;scrollbar-color:#ebc7d8 transparent}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.nav{order:4;flex:none;position:relative;top:auto;bottom:auto;z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0!important;border-radius:16px 16px 0 0;padding:7px 5px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 18px #7b346226;border-top:1px solid #f0d6e3}
  body.v23-shell-active:not(.v21-calendar-active) #appShell>.nav button{min-height:48px;line-height:1.35;font-size:clamp(11px,2.9vw,13px);padding:8px 2px;border-radius:12px}
  body.v23-shell-active:not(.v21-calendar-active) .v23-home-top{margin-bottom:10px}
  /* The editing overlay remains fullscreen and scrolls independently. */
  body.v23-shell-active.v21-editor-open #dayEditorCard{overscroll-behavior:contain}
  body.v23-shell-active.v22-night:not(.v21-calendar-active) .v23-topbar{background:#20242e;border-color:#424052}
  body.v23-shell-active.v22-night .v23-topbar strong{color:#f5c4de}
  body.v23-shell-active.v22-night .v23-topbar small{color:#c8c4d2}
  body.v23-shell-active.v22-night:not(.v21-calendar-active) #appShell>.nav{background:#242935;border-color:#414552}
}
@media print{.v23-topbar,.v23-home-top{display:none!important}body.v23-shell-active,body.v23-shell-active>main,body.v23-shell-active #appShell{overflow:visible!important;height:auto!important;max-height:none!important}}