@font-face{font-family:"Exo 2";src:url('/fonts/Exo2-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:"Exo 2";src:url('/fonts/Exo2-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:"Exo 2";src:url('/fonts/Exo2-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--fondo:#0a1120;--pannello:#111c31;--bordo:#23324d;--testo:#e8edf6;--muted:#9fb0c9;--blu:#79b8ff;--verde:#54dfb0}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--testo);font:16px/1.5 "Exo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}main{max-width:620px;margin:auto;padding:env(safe-area-inset-top) 20px calc(100px + env(safe-area-inset-bottom));min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px}.topbar h1{font-size:28px;line-height:1.2;margin:4px 0}.topbar .eyebrow{margin:0;font-size:10px;letter-spacing:.14em}.topbar button{border:0;background:var(--pannello);border-radius:50%;width:46px;padding:0}.eyebrow{font-size:11px;letter-spacing:.08em;color:var(--muted)}h2{font-size:20px}h3{font-size:17px;margin:0 0 8px}p{margin:8px 0;line-height:1.5}.muted,small{color:var(--muted);font-size:13px}button,input,select{font:inherit;min-height:48px;padding:12px;border-radius:13px;border:1px solid var(--bordo);background:#15243b;color:var(--testo)}button{cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--blu);outline-offset:3px}input,select{width:100%;margin:8px 0 16px;min-width:0}label{display:block;color:var(--muted);font-size:14px}article,details{background:var(--pannello);border:1px solid var(--bordo);border-radius:20px;padding:18px;margin:14px 0}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;gap:12px}summary::after{content:'+';margin-left:auto;color:var(--muted)}details[open]>summary::after{content:'−'}details p{overflow-wrap:anywhere}.hero{background:linear-gradient(135deg,#123234,#112136);border-color:#235049;padding:22px}.hero .netto{font-size:clamp(34px,10vw,48px);letter-spacing:-.045em;line-height:1.15;color:var(--verde);margin:14px 0}.inline-detail{background:none;border:0;border-top:1px solid #294541;border-radius:0;padding:6px 0 0;margin:12px 0 0;font-size:13px}.inline-detail summary{font-size:13px;font-weight:400;min-height:36px;color:var(--muted)}.forecast{font-size:13px;padding:0 6px;color:var(--muted)}.forecast strong{font-size:14px;color:var(--testo)}.forecast p{margin:3px 0}.text-action{background:transparent;border:0;color:var(--blu);text-align:left;padding:12px 0;width:100%}.component{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--bordo);font-size:14px}.component:last-child{border:0}.component p{margin:4px 0}.amount{white-space:nowrap}.badge{display:inline-block;font-size:11px;color:var(--blu);padding:4px 8px;background:#192f4c;border-radius:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:#0d1728f5;border-top:1px solid var(--bordo);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;border:0;background:none;color:var(--muted);padding:2px;min-height:52px}.bottom-nav span{font-size:24px;line-height:28px}.bottom-nav button[aria-current=page]{color:var(--verde);background:#16332c;border-radius:15px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen{overflow:auto;max-width:100%;border:1px solid var(--bordo);margin:10px 0}img{display:block;width:100%;height:auto;min-width:600px}#status:empty{display:none}#status{font-size:14px;color:#ffd489}#home-days article{margin:10px 0;padding:16px}#home-days details{background:none;border:0;border-top:1px solid var(--bordo);border-radius:0;padding:0;margin:12px 0 0;font-size:13px}.month-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.month-controls h2{text-transform:capitalize;font-size:18px}.month-controls button{font-size:24px;padding:0;width:46px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0}.calendar-grid button{padding:0;min-height:44px;border-radius:12px;font-size:15px}.calendar-grid .weekday{text-align:center;font-size:12px;color:var(--muted);padding:8px 0}.calendar-grid .unknown{background:transparent;color:var(--muted);border-color:transparent}.calendar-grid .actual{color:var(--verde);background:#143c32}.calendar-grid .planned{color:var(--blu);background:#152944}.calendar-grid [aria-pressed=true]{outline:2px solid var(--testo);outline-offset:0}.activity{border-left:2px solid var(--blu);padding:8px 14px;margin:14px 0;background:var(--pannello);border-radius:0 10px 10px 0;font-size:14px}.activity p{margin:3px 0}[hidden]{display:none!important}@media(min-width:750px){.bottom-nav{max-width:620px;left:50%;transform:translateX(-50%);border-radius:22px 22px 0 0}main{padding-top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Variante B approvata: blu leggero, schede bianche e navigazione mobile. */
:root{color-scheme:light;--fondo:#eaf3fb;--pannello:#ffffff;--bordo:#d7e3ef;--testo:#142f55;--muted:#566b86;--verde:#1768ce;--blu:#1768ce}
body{background:linear-gradient(145deg,#edf5fc,#e6f0fa);min-height:100vh}
main{padding-left:20px;padding-right:20px}.topbar{padding:26px 0 24px}.topbar h1{font-size:26px;font-weight:600}.topbar .eyebrow{font-size:12px;letter-spacing:0;text-transform:capitalize}.topbar button{background:transparent;color:var(--testo)}
button,input,select{background:#fff}article,details{border-color:transparent;box-shadow:0 5px 20px #203e6010}.hero{background:#fff;border:0;box-shadow:0 8px 28px #25446b0b;border-radius:24px}.hero .netto{color:var(--testo);font-weight:700}
#home .hero{padding:28px 24px 18px;margin:0 0 22px}#home .hero>.eyebrow{font-size:16px;letter-spacing:0;margin:0}#home .payment-caption{font-size:12px;color:var(--muted);margin:4px 0 0}#home .hero .netto{font-size:clamp(32px,10vw,48px);letter-spacing:-.045em;margin:16px 0 6px;white-space:nowrap;font-variant-numeric:tabular-nums}#home .hero>.muted{font-size:14px;margin:0}
.inline-detail{box-shadow:none;border-top:1px solid var(--bordo);border-radius:0;background:transparent;margin-top:24px;padding:12px 0 0}.inline-detail summary{font-weight:400;font-size:14px;color:var(--testo);min-height:44px}.inline-detail summary::after{content:'i';font-weight:600;border:1px solid var(--muted);border-radius:50%;height:20px;width:20px;flex-shrink:0;line-height:18px;text-align:center}.inline-detail[open]>summary::after{content:'−'}
#home-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.day-tile{border:0;border-radius:22px;padding:22px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;box-shadow:0 6px 20px #25446b09;min-width:0}.day-tile svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}.day-label{font-size:14px}.day-tile strong{font-size:clamp(15px,4.4vw,20px);font-weight:600;letter-spacing:-.04em;white-space:nowrap}.day-tile small{font-size:11px}
.bottom-nav{background:#ffffffed;border-top:1px solid #ffffff;padding-top:12px;box-shadow:0 -4px 24px #25446b06}.bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}.bottom-nav button{font-size:11px;gap:2px;color:var(--muted)}.bottom-nav button[aria-current=page]{background:none;color:var(--blu)}
.badge{background:#eaf2fc;color:#215c9c}.calendar-grid .actual{color:#116245;background:#def2e8}.calendar-grid .planned{color:#155db2;background:#dcecff}.calendar-grid .unknown{color:#64758a}.calendar-grid [aria-pressed=true]{outline-color:var(--blu)}#status{color:#8a4312}.activity{background:#fff}.component{overflow-wrap:anywhere}.amount{flex-shrink:0}
@media(max-width:350px){main{padding-left:14px;padding-right:14px}#home .hero{padding:24px 20px 14px}#home-days{gap:10px}.day-tile{padding:20px 12px}}

/* Grafici economici: valori accessibili anche senza colore. */
.money-chart{padding:20px}.money-chart h3{font-size:19px}.bar-detail{padding:0;margin:12px 0;box-shadow:none;border:0;border-radius:0;background:transparent}.bar-detail summary{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:8px 0;min-height:54px}.bar-detail summary::after{display:none}.bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:400}.bar-label strong{white-space:nowrap;font-weight:600}.value-bar{width:100%;height:8px;display:block}.bar-track{fill:#e8eff8}.bar-fill{fill:#1768ce}.bar-detail[open]{padding-bottom:12px;border-bottom:1px solid var(--bordo)}.bar-detail .component{font-size:13px}.donut-wrap{position:relative;width:min(240px,100%);margin:18px auto}.donut-wrap>svg{display:block;width:100%;height:auto}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:24px}.donut-center small{font-size:12px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:7px 0;font-size:14px}.legend-row svg{width:12px;height:12px}.legend-row strong{font-weight:600}.chart-note{margin:12px 0 0;padding:0;border-radius:0;box-shadow:none;border-top:1px solid var(--bordo)}.chart-note summary{font-size:13px;font-weight:400}.chart-note p{font-size:13px}

#login-window{display:block;width:100%;height:900px;max-height:none;border:1px solid var(--bordo);border-radius:16px;background:#fff}.login-controls{display:flex;align-items:center;gap:16px;margin:12px 0}.login-controls .text-action{width:auto}#login-origin{overflow-wrap:anywhere;font-size:12px}

@media(max-width:650px){#login-window{height:calc((100vw - 40px)*900/420)}}

#accesso{position:fixed;inset:0;width:100%;max-width:650px;max-height:100dvh;height:100dvh;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));border:0;background:var(--fondo);color:var(--testo);overflow:auto}#accesso::backdrop{background:#142f5599}#accesso h2{margin:0;font-size:20px}#accesso .login-controls{position:sticky;top:0;background:var(--fondo);z-index:2;justify-content:space-between;padding:6px 0}.login-open{overflow:hidden}.login-open .bottom-nav{display:none}#accesso #access-message{font-size:13px}#accesso #login-origin{margin:2px 0}#accesso #login-window{height:calc((min(100vw,650px) - 32px)*900/420);max-height:none;border-radius:12px}#accesso .muted{font-size:12px}