:root{
    --bg:#f5f7fb;
    --card:#ffffff;
    --text:#162033;
    --muted:#6b778c;
    --line:#e5eaf1;
    --primary:#2457d6;
    --primary-dark:#1946b8;
    --primary-soft:#eaf0ff;
    --success:#138a5b;
    --success-soft:#e8f7f0;
    --warning:#c27803;
    --warning-soft:#fff7df;
    --danger:#c43d3d;
    --danger-soft:#fff0f0;
    --shadow:0 12px 32px rgba(26,39,73,.08);
    --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.45}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.topbar{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
.brand-block{display:flex;align-items:center;gap:12px}.brand-icon,.login-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--primary),#5e84ec);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;box-shadow:0 8px 20px rgba(36,87,214,.25)}
.brand-block strong{display:block;font-size:17px}.brand-block span{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.top-actions{display:flex;align-items:center;gap:10px}.period-picker{display:flex;align-items:center;gap:8px;background:#f8f9fc;border:1px solid var(--line);padding:5px 7px 5px 12px;border-radius:12px}.period-picker span{font-size:12px;color:var(--muted);font-weight:700}.period-picker select{border:0;background:transparent;min-width:230px;outline:none;font-weight:700;color:var(--text);padding:7px}
.user-link{text-decoration:none;color:var(--muted);font-size:13px;margin-left:6px}.user-link:hover{color:var(--text)}
.page{max-width:1460px;margin:0 auto;padding:30px 34px 60px}.period-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.period-heading h1{font-size:30px;margin:1px 0 4px;letter-spacing:-.03em}.period-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--primary);font-size:11px;margin:0 0 4px!important}.period-buttons{display:flex;gap:8px;align-items:center}.period-buttons form{margin:0}
.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs a{text-decoration:none;padding:12px 18px;border-radius:10px 10px 0 0;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--primary);border-bottom-color:var(--primary);background:linear-gradient(to top,var(--primary-soft),transparent)}
.btn{border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(36,87,214,.2)}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn.secondary:hover,.btn.ghost:hover{border-color:#c7d1e0;background:#f8fafc}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.large{padding:12px 18px}.btn.full{width:100%}.btn.danger{color:var(--danger)}.btn.outline{background:#fff;border-color:#f0caca}
.alert{padding:13px 16px;border-radius:12px;margin:0 0 18px;border:1px solid}.alert.success{background:var(--success-soft);border-color:#bce7d2;color:#0d6844}.alert.danger{background:var(--danger-soft);border-color:#f1c8c8;color:#9f2929}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:0 6px 18px rgba(26,39,73,.045);position:relative;min-height:126px}.summary-card span{display:block;color:var(--muted);font-weight:700;font-size:13px}.summary-card strong{display:block;font-size:27px;letter-spacing:-.03em;margin:8px 0 3px}.summary-card small{color:var(--muted)}.summary-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:#b9c3d2}.income-card:before{background:#4f78e3}.spent-card:before{background:#dc6b35}.remaining-card:before{background:var(--success)}.danger-card:before{background:var(--danger)}.balance-card:before{background:#8b5cf6}.wide-balance{grid-column:span 4;min-height:auto;display:grid;grid-template-columns:1fr auto;align-items:center}.wide-balance span,.wide-balance small{grid-column:1}.wide-balance strong{grid-row:1/3;grid-column:2;font-size:31px;margin:0}.text-button{border:0;background:transparent;color:var(--primary);font-weight:800;padding:5px 0;text-align:left;margin-top:6px}
.quick-entry{background:linear-gradient(115deg,#1e4fc8,#315fdb);border-radius:22px;padding:20px 22px;color:#fff;display:flex;align-items:center;gap:24px;margin-bottom:22px;box-shadow:0 15px 30px rgba(36,87,214,.18)}.quick-copy{display:flex;gap:12px;align-items:center;min-width:275px}.quick-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:25px}.quick-copy h2{font-size:18px;margin:0}.quick-copy p{font-size:12px;margin:2px 0 0;color:rgba(255,255,255,.8)}.quick-form{display:grid;grid-template-columns:minmax(180px,1.35fr) 130px 150px minmax(170px,1fr) auto;gap:9px;align-items:end;flex:1}.field span{display:block;font-size:11px;font-weight:800;margin:0 0 5px;color:rgba(255,255,255,.82)}.field input,.field select{width:100%;height:43px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#fff;color:var(--text);padding:0 11px;outline:none}.field input:focus,.field select:focus{box-shadow:0 0 0 3px rgba(255,255,255,.22)}.quick-form .btn{height:43px;background:#fff;color:var(--primary);box-shadow:none}.quick-form .btn:hover{background:#f2f5ff}
.budget-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.budget-main,.side-card,.chart-card,.data-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(26,39,73,.045)}.budget-main{padding:22px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-title-row h2{font-size:21px;margin:0}.list-tools{display:flex;gap:8px}.list-tools input{border:1px solid var(--line);background:#f9fafc;border-radius:10px;padding:9px 12px;min-width:190px;outline:none}.list-tools input:focus{border-color:#9bb3ef;box-shadow:0 0 0 3px var(--primary-soft)}
.budget-list{display:flex;flex-direction:column;gap:9px}.budget-row{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:.16s}.budget-row:hover{border-color:#cfd8e6;box-shadow:0 5px 16px rgba(26,39,73,.055)}.row-main{display:grid;grid-template-columns:minmax(185px,1.15fr) minmax(210px,1fr) minmax(130px,.6fr) auto 35px;gap:14px;align-items:center;padding:14px 14px}.item-ident{display:flex;align-items:center;gap:11px;min-width:0}.item-ident h3{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-ident small{color:var(--muted)}.category-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);flex:0 0 auto}.numbers span{font-size:12px;color:var(--muted)}.numbers b{color:var(--text)}.progress{height:7px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--primary);border-radius:999px}.status-warning .progress i{background:var(--warning)}.status-done .progress i{background:var(--success)}.status-over .progress i{background:var(--danger)}.remaining-text{text-align:right}.remaining-text small{display:block;color:var(--muted);font-size:11px}.remaining-text strong{display:block;color:var(--success);font-size:15px}.remaining-text.negative strong{color:var(--danger)}.add-transaction{background:var(--primary-soft);color:var(--primary);border:0;padding:9px 12px}.add-transaction:hover{background:#dce6ff}.icon-button{width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:20px}.icon-button:hover{background:#f2f4f8;border-color:var(--line)}.item-movements{border-top:1px solid #eef1f5;background:#fafbfc}.item-movements summary{padding:9px 15px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.movement-list{padding:0 15px 10px}.movement-line{display:grid;grid-template-columns:90px 1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #edf0f4;font-size:12px}.movement-description{color:var(--muted)}.delete-link{border:0;background:transparent;color:var(--danger);font-size:11px}.empty-search{padding:30px;text-align:center;color:var(--muted)}
.side-column{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}.side-card{padding:18px}.overall-progress{text-align:center}.ring{--p:calc(var(--progress)*1%);width:132px;height:132px;border-radius:50%;margin:12px auto;display:grid;place-items:center;background:conic-gradient(var(--primary) var(--p),#e9edf4 0);position:relative}.ring:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.ring span{position:relative;z-index:1;font-size:24px;font-weight:850}.overall-progress h3{margin:4px 0}.overall-progress>p:last-child{color:var(--muted);font-size:13px;margin-bottom:0}.mini-stats h3,.recent-card h3{font-size:16px;margin:0 0 10px}.mini-stats>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eef1f5;padding:10px 0;font-size:13px}.mini-stats>div span{color:var(--muted)}.side-title{display:flex;align-items:center;justify-content:space-between}.side-title span{background:#eff3fa;color:var(--muted);padding:3px 8px;border-radius:999px;font-size:11px}.recent-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #eef1f5}.recent-list p{margin:0;min-width:0}.recent-list p strong,.recent-list p small{display:block}.recent-list p strong{font-size:13px}.recent-list p small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-list b{font-size:12px}.muted{color:var(--muted);font-size:13px}
.stats-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.stats-summary article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.stats-summary span{display:block;color:var(--muted);font-size:12px;font-weight:700}.stats-summary strong{display:block;font-size:20px;margin-top:7px}.charts-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.chart-card{padding:20px;min-width:0}.chart-card h2{font-size:19px;margin:0 0 14px}.chart-wide{grid-column:span 1}.chart-card canvas{width:100%;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chart-legend span{font-size:11px;background:#f5f7fa;border:1px solid var(--line);padding:4px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.stats-tables{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.data-card{padding:20px}.ranking-list>div,.category-table>div{display:grid;align-items:center;gap:10px;border-top:1px solid #eef1f5;padding:11px 0}.ranking-list>div{grid-template-columns:32px 1fr auto}.category-table>div{grid-template-columns:10px 1fr auto minmax(130px,auto)}.ranking-list p,.category-table p{margin:0}.ranking-list p strong,.ranking-list p small,.category-table p strong,.category-table p small{display:block}.ranking-list p small,.category-table p small{color:var(--muted);font-size:11px}.rank{width:26px;height:26px;background:#f0f3f8;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800}.category-table em{font-style:normal;text-align:right;font-size:12px}.danger-text{color:var(--danger)!important}.success-text{color:var(--success)!important}
.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.modal-panel{position:absolute;right:0;top:0;height:100%;width:min(460px,100%);background:#fff;padding:30px;overflow:auto;box-shadow:-20px 0 50px rgba(15,23,42,.18);animation:slideIn .2s ease}.modal-panel h2{font-size:25px;margin:0 0 8px}.modal-help{color:var(--muted);margin:0 0 20px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1f3f7;width:36px;height:36px;border-radius:50%;font-size:24px;color:var(--muted)}.modal-form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.modal-form label{font-size:12px;font-weight:750;color:var(--muted)}.modal-form input,.modal-form select{display:block;width:100%;height:46px;margin-top:6px;border:1px solid var(--line);border-radius:11px;padding:0 12px;color:var(--text);background:#fff;outline:none}.modal-form input:focus,.modal-form select:focus{border-color:#9bb3ef;box-shadow:0 0 0 3px var(--primary-soft)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delete-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}@keyframes slideIn{from{transform:translateX(20px);opacity:.4}to{transform:none;opacity:1}}
.login-page{min-height:100vh;background:radial-gradient(circle at top left,#edf2ff,transparent 42%),var(--bg);display:grid;place-items:center;padding:25px}.login-wrap{width:min(430px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-logo{margin:0 auto 15px}.login-card h1{font-size:28px;margin:0}.login-card>p{color:var(--muted);margin:7px 0 22px}.login-form{text-align:left;display:flex;flex-direction:column;gap:14px}.login-form label{font-size:12px;font-weight:800;color:var(--muted)}.login-form input{display:block;width:100%;height:47px;border:1px solid var(--line);border-radius:11px;margin-top:6px;padding:0 12px;outline:none}.login-form input:focus{border-color:#9bb3ef;box-shadow:0 0 0 3px var(--primary-soft)}
.install-page{min-height:100vh;background:var(--bg);padding:30px}.install-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.install-card h1{margin:0}.install-card .lead{color:var(--muted)}.install-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.install-form h2,.install-form .full{grid-column:1/-1}.install-form h2{font-size:18px;margin:12px 0 0}.install-form label{font-size:12px;color:var(--muted);font-weight:800}.install-form input{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:10px;margin-top:6px;padding:0 12px}.help{color:var(--muted);font-size:12px}
@media(max-width:1180px){.quick-entry{display:block}.quick-copy{margin-bottom:14px}.quick-form{grid-template-columns:1.2fr 120px 145px 1fr auto}.budget-layout{grid-template-columns:1fr}.side-column{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.stats-summary{grid-template-columns:repeat(3,1fr)}}

.budget-income-check{display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:center;margin:-2px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 6px 18px rgba(26,39,73,.045)}
.budget-income-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:23px;font-weight:900;background:#eef3ff;color:var(--primary)}
.budget-income-copy span{display:block;font-size:13px;font-weight:850;color:var(--muted);margin-bottom:3px}.budget-income-copy strong{display:block;font-size:21px;letter-spacing:-.02em}.budget-income-copy p{margin:4px 0 0;color:var(--muted);font-size:13px}
.budget-income-meter{padding-left:18px;border-left:1px solid var(--line)}.budget-income-values{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted);font-weight:750}.budget-income-values strong{color:var(--text);font-size:17px}.budget-income-track{height:9px;background:#e7ebf2;border-radius:999px;overflow:hidden;margin:8px 0 5px}.budget-income-track i{display:block;height:100%;border-radius:inherit;background:var(--success)}.budget-income-meter small{color:var(--muted);font-size:12px}
.budget-income-check.over_income{border-color:#f4c7c3;background:#fff8f7}.budget-income-check.over_income .budget-income-icon{background:#fee9e7;color:var(--danger)}.budget-income-check.over_income .budget-income-copy strong{color:var(--danger)}.budget-income-check.over_income .budget-income-track i{background:var(--danger)}
.budget-income-check.balanced{border-color:#f0d59e;background:#fffaf0}.budget-income-check.balanced .budget-income-icon{background:#fff0ca;color:#9a6500}.budget-income-check.balanced .budget-income-track i{background:#d99a17}
.budget-income-check.covered{border-color:#bde4d1;background:#f7fcf9}.budget-income-check.covered .budget-income-icon{background:#def5e9;color:var(--success)}
.budget-income-check.missing_income .budget-income-icon{background:#eef1f6;color:var(--muted)}.budget-income-check.missing_income .budget-income-track i{width:0!important}

@media(max-width:920px){.budget-income-check{grid-template-columns:auto 1fr}.budget-income-meter{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.topbar{height:auto;min-height:72px;padding:12px 18px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.period-picker select{min-width:180px}.page{padding:22px 18px 45px}.summary-grid{grid-template-columns:repeat(2,1fr)}.wide-balance{grid-column:span 2}.quick-form{grid-template-columns:1fr 1fr}.quick-form .item-field,.quick-form .note-field{grid-column:span 2}.quick-form .btn{grid-column:span 2}.row-main{grid-template-columns:1fr 1fr auto}.item-ident{grid-column:1}.numbers{grid-column:1/3}.remaining-text{grid-row:1;grid-column:2}.add-transaction{grid-column:1/3}.icon-button{grid-row:1;grid-column:3}.charts-grid{grid-template-columns:1fr}.stats-tables{grid-template-columns:1fr}.chart-wide{grid-column:auto}}
@media(max-width:680px){.budget-income-check{grid-template-columns:1fr;padding:16px}.budget-income-icon{width:40px;height:40px}.budget-income-meter{grid-column:auto}.budget-income-copy strong{font-size:19px}.brand-block span{display:none}.topbar{display:block}.top-actions{margin-top:10px;display:grid;grid-template-columns:1fr auto}.period-picker{grid-column:1/-1}.period-picker select{width:100%;min-width:0}.user-link{text-align:right;align-self:center}.period-heading{display:block}.period-buttons{margin-top:14px;flex-wrap:wrap}.period-heading h1{font-size:25px}.tabs a{flex:1;text-align:center;padding:11px 7px;font-size:13px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{padding:15px;min-height:112px}.summary-card strong{font-size:21px}.wide-balance{grid-column:1/-1;display:block}.wide-balance strong{font-size:24px;margin-top:8px}.quick-entry{padding:17px}.quick-form{display:flex;flex-direction:column;align-items:stretch}.quick-form .btn{width:100%}.section-title-row{align-items:flex-start}.list-tools{display:block}.list-tools input{width:100%;min-width:0;margin-bottom:7px}.list-tools .btn{width:100%}.budget-main{padding:14px}.row-main{display:grid;grid-template-columns:1fr auto;gap:10px}.item-ident{grid-column:1}.icon-button{grid-column:2;grid-row:1}.numbers{grid-column:1/-1}.remaining-text{grid-column:1;grid-row:auto;text-align:left}.add-transaction{grid-column:2;grid-row:auto}.movement-line{grid-template-columns:75px 1fr auto}.movement-line form{grid-column:2/4;text-align:right}.side-column{display:block}.side-card{margin-top:12px}.stats-summary{grid-template-columns:1fr 1fr}.category-table>div{grid-template-columns:10px 1fr auto}.category-table em{grid-column:2/4;text-align:left}.form-two{grid-template-columns:1fr}.install-form{grid-template-columns:1fr}.install-form h2,.install-form .full{grid-column:auto}.modal-panel{padding:25px 20px}}

/* Versione 4.1: lista spese fisse e costi imprevisti */
.btn.small{padding:7px 10px;font-size:12px;border-radius:9px}.btn:disabled{cursor:default;opacity:.58;transform:none}.btn.fixed-list-button{background:#edf7f3;border-color:#cde8dc;color:#087451}.btn.fixed-list-button:hover{background:#e2f3ec;border-color:#aedbc8}.unexpected-button{background:#fff0d7!important;color:#9b5700!important;border:1px solid #ffd69c!important;box-shadow:none!important}.unexpected-button:hover{background:#ffe5bb!important}.unexpected-text{color:#b35c00!important}.quick-actions{display:flex;gap:8px;align-items:stretch}.quick-actions .btn{flex:1}.status-unplanned{border-color:#f3c98e;background:#fffdfa}.status-unplanned .unplanned-progress i{background:#df7d17}.unplanned-badge{display:inline-flex;vertical-align:middle;margin-left:7px;padding:2px 6px;border-radius:999px;background:#fff0d7;color:#a35a00;font-size:9px;letter-spacing:.03em;text-transform:uppercase}.check-line{display:flex!important;align-items:center;gap:9px;background:#f7f9fc;border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--text)!important}.check-line input{width:18px!important;height:18px!important;margin:0!important}.check-line span{font-size:12px;font-weight:700}.fixed-panel{width:min(720px,100%)}.fixed-editor{display:grid;grid-template-columns:minmax(160px,1.2fr) 140px minmax(150px,1fr) auto auto;gap:9px;align-items:end;padding:15px;background:#f7f9fc;border:1px solid var(--line);border-radius:14px;margin:18px 0}.fixed-editor label{font-size:11px;font-weight:800;color:var(--muted)}.fixed-editor input,.fixed-editor select{display:block;width:100%;height:42px;margin-top:5px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:var(--text);outline:none}.fixed-editor input:focus,.fixed-editor select:focus{border-color:#9bb3ef;box-shadow:0 0 0 3px var(--primary-soft)}.fixed-expense-list{display:flex;flex-direction:column;gap:8px}.fixed-expense-row{display:grid;grid-template-columns:10px minmax(0,1fr) 34px auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.fixed-expense-info{min-width:0}.fixed-expense-info strong,.fixed-expense-info small{display:block}.fixed-expense-info strong{font-size:14px}.fixed-expense-info small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-form{margin:0}.fixed-edit-button{font-size:19px}

@media(max-width:1180px){.quick-form{grid-template-columns:1.2fr 120px 145px 1fr minmax(210px,auto)}.quick-actions{flex-direction:column}.quick-actions .btn{padding:9px 12px}.fixed-editor{grid-template-columns:1fr 140px 1fr}.fixed-editor .btn{width:100%}}
@media(max-width:920px){.quick-form .quick-actions{grid-column:span 2;flex-direction:row}.fixed-editor{grid-template-columns:1fr 1fr}.fixed-editor label:first-of-type{grid-column:1/-1}.fixed-expense-row{grid-template-columns:10px 1fr 34px auto}.fixed-expense-row .inline-form:last-child{grid-column:2/5;text-align:right}}
@media(max-width:680px){.quick-actions{width:100%;flex-direction:column!important}.fixed-editor{display:flex;flex-direction:column;align-items:stretch}.fixed-expense-row{grid-template-columns:10px minmax(0,1fr) 34px}.fixed-expense-row .inline-form{grid-column:2/4}.fixed-expense-row .inline-form .btn{width:100%}.fixed-expense-row .inline-form:last-child{text-align:center}.fixed-panel{padding:25px 16px}.unplanned-badge{display:block;width:max-content;margin:4px 0 0}}
.fixed-add-all-form{margin:0 0 12px}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* Versione 4.2: pianificazione delle spese future */
.scheduled-editor{grid-template-columns:minmax(170px,1.25fr) 135px minmax(145px,1fr);align-items:end}.scheduled-editor .fixed-editor-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.scheduled-editor label small{font-weight:500;color:var(--muted)}.scheduled-row.future-row{background:#fbfcff;border-style:dashed}.future-badge{display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;background:#edf2ff;color:#3459b7;font-size:9px;text-transform:uppercase;letter-spacing:.03em}.upcoming-list{display:flex;flex-direction:column}.upcoming-list>div{display:grid;grid-template-columns:43px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #eef1f5}.upcoming-list p{margin:0;min-width:0}.upcoming-list strong,.upcoming-list small{display:block}.upcoming-list strong{font-size:13px}.upcoming-list small{font-size:10px;color:var(--muted)}.upcoming-list b{font-size:12px}.calendar-chip{width:39px;height:31px;border-radius:9px;background:#edf2ff;color:#3459b7;display:grid;place-items:center;font-size:11px;font-weight:800}.scheduled-row .fixed-expense-info small{white-space:normal;line-height:1.35}
@media(max-width:920px){.scheduled-editor{grid-template-columns:1fr 1fr}.scheduled-editor label:first-of-type{grid-column:auto}.scheduled-editor .fixed-editor-actions{grid-column:1/-1}}
@media(max-width:680px){.scheduled-editor{display:flex}.scheduled-editor .fixed-editor-actions{display:flex;flex-direction:column}.scheduled-editor .fixed-editor-actions .btn{width:100%}}

/* Versione 4.3: data prevista di pagamento */
.due-line{display:block;margin-top:4px;font-size:10px;font-weight:750;line-height:1.25;color:#64748b}
.due-overdue,.due-late{color:#b42318}
.due-due_today{color:#b45309}
.due-due_soon{color:#9a6700}
.due-on_time{color:#087451}
.due-scheduled{color:#3459b7}
.due-not_set{color:#7a8699;font-style:italic}
.warning-text{color:#a76300!important}
.budget-row:has(.due-overdue){border-color:#efc4c4}
.budget-row:has(.due-due_today),.budget-row:has(.due-due_soon){border-color:#edd6a5}
@supports not selector(:has(*)){
  .due-overdue,.due-late{font-weight:800}
}

/* Versione 4.3: data prevista di pagamento */
.due-line{display:block;margin-top:4px;font-size:10px;font-weight:750;line-height:1.25;color:#64748b}
.due-overdue,.due-late{color:#b42318}
.due-due_today{color:#b45309}
.due-due_soon{color:#9a6700}
.due-on_time{color:#087451}
.due-scheduled{color:#3459b7}
.due-not_set{color:#7a8699;font-style:italic}
.warning-text{color:#a76300!important}
.budget-row:has(.due-overdue){border-color:#efc4c4}
.budget-row:has(.due-due_today),.budget-row:has(.due-due_soon){border-color:#edd6a5}
@supports not selector(:has(*)){
  .due-overdue,.due-late{font-weight:800}
}
.calendar-chip.chip-overdue{background:#fff0f0;color:#b42318}
.calendar-chip.chip-due_today,.calendar-chip.chip-due_soon{background:#fff5d9;color:#9a6700}

/* Versione 4.5: promemoria scadenze non ancora assegnate a un periodo */
.btn.reminder-button{background:#f0edff;border-color:#d8d0ff;color:#5a3db1}.btn.reminder-button:hover{background:#e8e2ff;border-color:#c6b9ff}.reminder-side-card{border-color:#ddd5ff;background:#fcfbff}.reminder-side-help{margin:-3px 0 8px}.reminder-side-list{display:flex;flex-direction:column}.reminder-side-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #eeeafd}.reminder-side-row p{margin:0;min-width:0}.reminder-side-row strong,.reminder-side-row small{display:block}.reminder-side-row strong{font-size:12px}.reminder-side-row small{font-size:10px;color:var(--muted);line-height:1.25}.reminder-side-row .btn{padding:6px 8px;font-size:10px}.reminder-chip{background:#f0edff;color:#5a3db1}.reminder-chip.reminder-overdue{background:#fff0f0;color:#b42318}.reminder-chip.reminder-today,.reminder-chip.reminder-soon{background:#fff5d9;color:#9a6700}.reminder-chip.reminder-no_date{background:#eef1f6;color:#687386}.full-text-button{width:100%;text-align:center;margin:6px 0}.reminder-panel{width:min(860px,100%)}.reminder-editor{display:grid;grid-template-columns:minmax(180px,1.4fr) 130px 145px minmax(145px,1fr);gap:9px;align-items:end;padding:15px;margin:18px 0;background:#f8f7ff;border:1px solid #e2dcff;border-radius:14px}.reminder-editor label{font-size:11px;font-weight:800;color:var(--muted)}.reminder-editor input,.reminder-editor select{display:block;width:100%;height:42px;margin-top:5px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:var(--text);outline:none}.reminder-editor input:focus,.reminder-editor select:focus{border-color:#a997ef;box-shadow:0 0 0 3px #eeeaff}.reminder-editor .reminder-notes{grid-column:1/4}.reminder-editor-actions{display:flex;gap:8px;justify-content:flex-end}.reminder-modal-list{display:flex;flex-direction:column;gap:7px}.reminder-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto 34px auto auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.reminder-row-overdue{border-color:#efc4c4;background:#fffafa}.reminder-row-today,.reminder-row-soon{border-color:#edd6a5;background:#fffdf7}.reminder-row-copy{min-width:0}.reminder-row-copy strong,.reminder-row-copy small{display:block}.reminder-row-copy strong{font-size:14px}.reminder-row-copy small{font-size:10px;color:var(--muted);line-height:1.3}.reminder-row>b{font-size:12px;white-space:nowrap}.empty-reminders{padding:12px 0}.selected-reminder-name{padding:12px 14px;margin:14px 0;background:#f0edff;border:1px solid #d8d0ff;border-radius:11px;color:#51369f;font-size:17px;font-weight:800}.reminder-archive{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.reminder-archive summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.reminder-archive>div{margin-top:8px}.reminder-archive p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-top:1px solid #eef1f5}.reminder-archive p span{font-weight:700;font-size:12px}.reminder-archive p small{color:var(--muted);font-size:10px;text-align:right}
@media(max-width:920px){.reminder-editor{grid-template-columns:1fr 1fr}.reminder-editor .reminder-notes{grid-column:1/-1}.reminder-editor-actions{grid-column:1/-1}.reminder-row{grid-template-columns:43px minmax(0,1fr) auto 34px}.reminder-row .reminder-insert-button{grid-column:2/5}.reminder-row .inline-form{grid-column:2/5;text-align:right}}
@media(max-width:680px){.reminder-editor{display:flex;flex-direction:column;align-items:stretch}.reminder-editor .reminder-notes{grid-column:auto}.reminder-editor-actions{display:flex;flex-direction:column}.reminder-editor-actions .btn{width:100%}.reminder-row{grid-template-columns:40px minmax(0,1fr) 34px}.reminder-row>b{grid-column:2}.reminder-row .reminder-insert-button,.reminder-row .inline-form{grid-column:2/4}.reminder-row .reminder-insert-button{width:100%}.reminder-side-row{grid-template-columns:40px 1fr}.reminder-side-row .btn{grid-column:2;width:100%}.reminder-archive p{display:block}.reminder-archive p small{display:block;text-align:left;margin-top:2px}}

/* ========================================================================== 
   Versione 4.6 · interfaccia mobile-first e PWA installabile
   ========================================================================== */
:root{
    --bg:#f4f7fb;
    --card:#ffffff;
    --text:#172033;
    --muted:#697386;
    --line:#e2e7f0;
    --primary:#4f46e5;
    --primary-dark:#4038c9;
    --primary-soft:#eeedff;
    --success:#0f8a68;
    --success-soft:#e9f8f3;
    --warning:#b66a06;
    --warning-soft:#fff6df;
    --danger:#c63f4b;
    --danger-soft:#fff0f2;
    --shadow:0 18px 44px rgba(34,45,80,.09);
    --shadow-soft:0 8px 24px rgba(34,45,80,.06);
    --radius:20px;
}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{
    min-height:100vh;
    background:
        radial-gradient(circle at 6% 0%,rgba(99,102,241,.09),transparent 28rem),
        radial-gradient(circle at 94% 15%,rgba(14,165,233,.07),transparent 25rem),
        var(--bg);
    -webkit-tap-highlight-color:transparent;
}
body.app-page{padding-bottom:0}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.btn,.tabs a,.mobile-nav a,.mobile-nav button{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(79,70,229,.22);outline-offset:2px}

.topbar{
    min-height:78px;
    height:auto;
    padding:12px max(24px,calc((100vw - 1460px)/2 + 34px));
    background:rgba(255,255,255,.88);
    border-bottom-color:rgba(218,224,236,.9);
    box-shadow:0 6px 24px rgba(28,39,71,.055);
}
.brand-icon,.login-logo{
    overflow:hidden;
    padding:0;
    background:none;
    box-shadow:0 10px 24px rgba(79,70,229,.22);
}
.brand-icon img,.login-logo img{display:block;width:100%;height:100%;object-fit:cover}
.brand-block strong{font-size:18px;letter-spacing:-.015em}
.brand-block span{font-size:11px}
.period-picker{background:#f8f9fd;border-color:#e2e6ef;min-height:46px}
.period-picker select{min-height:36px}
.install-app-button{
    background:linear-gradient(135deg,#4f46e5,#6d62ea);
    color:#fff;
    box-shadow:0 8px 20px rgba(79,70,229,.20);
}
.install-app-button:hover{background:linear-gradient(135deg,#4038c9,#5c52d9)}
.user-link{min-height:42px;display:inline-flex;align-items:center;padding:0 8px;border-radius:10px}
.user-link:hover{background:#f3f5f9}

.page{padding-top:26px}
.period-heading{
    padding:20px 22px;
    border:1px solid rgba(222,227,238,.9);
    border-radius:24px;
    background:linear-gradient(140deg,rgba(255,255,255,.96),rgba(249,250,255,.92));
    box-shadow:var(--shadow-soft);
}
.period-heading h1{font-size:29px}
.tabs{border-bottom:0;background:#e9edf5;border-radius:14px;padding:4px;width:max-content;margin:18px 0 22px}
.tabs a{border:0;border-radius:10px;padding:10px 18px}
.tabs a.active{background:#fff;color:var(--primary);box-shadow:0 4px 13px rgba(35,45,79,.08)}

.summary-card,.budget-main,.side-card,.chart-card,.data-card{
    box-shadow:var(--shadow-soft);
    border-color:rgba(222,227,238,.95);
}
.summary-card{
    overflow:hidden;
    background:linear-gradient(145deg,#fff,#fbfcff);
}
.summary-card:after{
    content:"";
    position:absolute;
    width:90px;height:90px;
    right:-35px;top:-38px;
    border-radius:50%;
    background:rgba(79,70,229,.045);
}
.summary-card strong{position:relative;z-index:1}
.income-card:before{background:#0ea5a8}
.spent-card:before{background:#f1844c}
.balance-card:before{background:#7657d9}

.budget-income-check{
    background:linear-gradient(135deg,#fff,#fbfcff);
    box-shadow:var(--shadow-soft);
}
.quick-entry{
    background:linear-gradient(125deg,#4438cf 0%,#5f56e7 58%,#3a78df 100%);
    box-shadow:0 18px 38px rgba(79,70,229,.22);
    border:1px solid rgba(255,255,255,.18);
}
.quick-entry:target{scroll-margin-top:100px;animation:quickPulse 1.1s ease}
.quick-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.quick-form .btn.primary{background:#fff;color:#4438cf}
.quick-form .btn.primary:hover{background:#f7f7ff}

.budget-main{overflow:hidden}
.section-title-row{padding-bottom:15px;border-bottom:1px solid #edf0f5}
.list-tools input{background:#f8fafc;min-height:43px}
.budget-row{
    border:1px solid #e7ebf2;
    border-radius:15px;
    margin-top:10px;
    overflow:hidden;
    transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
.budget-row:hover{border-color:#d4dbeb;box-shadow:0 9px 24px rgba(36,46,78,.07);transform:translateY(-1px)}
.row-main{border-bottom:0!important}
.item-ident h3{letter-spacing:-.01em}
.progress{height:8px;background:#e9edf4}
.progress i{background:linear-gradient(90deg,#4f46e5,#6e72f2)}
.status-done .progress i{background:linear-gradient(90deg,#0f8a68,#2ebc8e)}
.status-warning .progress i{background:linear-gradient(90deg,#d38216,#f0aa3e)}
.status-over .progress i{background:linear-gradient(90deg,#c63f4b,#ee6a74)}
.add-transaction{min-height:42px;border-radius:11px;background:#eeedff;color:#4438cf}
.add-transaction:hover{background:#e3e1ff}
.icon-button{min-width:40px;min-height:40px}
.item-movements summary{min-height:42px;display:flex;align-items:center}

.modal-panel{box-shadow:-24px 0 70px rgba(17,24,39,.20)}
.install-panel{width:min(430px,100%)}
.install-app-hero{display:flex;align-items:center;gap:15px;margin:5px 0 18px}
.install-app-hero img{width:68px;height:68px;border-radius:19px;box-shadow:0 12px 26px rgba(79,70,229,.22)}
.install-app-hero h2{margin:1px 0 0;font-size:24px}
.install-app-instructions{padding:15px 16px;background:#f6f6ff;border:1px solid #e1dfff;border-radius:14px;margin:0 0 18px;color:var(--muted)}
.install-app-instructions p{margin:0 0 8px}
.install-app-instructions p:last-child{margin-bottom:0}
.install-app-instructions ol{margin:8px 0 0;padding-left:22px}
.install-app-instructions li{margin:7px 0}

.connection-banner{
    position:sticky;top:0;z-index:120;
    padding:9px 16px;
    background:#9a5a06;color:#fff;
    text-align:center;font-size:12px;font-weight:800;
}
body.is-offline .topbar{top:35px}

.mobile-nav{display:none}

@keyframes quickPulse{
    0%,100%{box-shadow:0 18px 38px rgba(79,70,229,.22)}
    45%{box-shadow:0 0 0 8px rgba(79,70,229,.13),0 18px 38px rgba(79,70,229,.22)}
}

@media(max-width:920px){
    .topbar{padding:11px 16px}
    .top-actions{gap:7px}
    .new-period-button{min-height:44px}
    .page{padding:18px 16px 74px}
    .period-heading{padding:18px}
    .quick-entry{border-radius:20px}
    .side-column{grid-template-columns:repeat(2,minmax(0,1fr))}
    .stats-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
    .chart-card{overflow:hidden}
}

@media(max-width:680px){
    body.app-page{
        padding-bottom:calc(78px + env(safe-area-inset-bottom));
        background:
            radial-gradient(circle at 8% 0%,rgba(99,102,241,.10),transparent 19rem),
            var(--bg);
    }
    body.is-offline .topbar{top:34px}
    .topbar{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:9px;
        padding:9px 12px;
    }
    .brand-block{min-width:0;gap:9px}
    .brand-icon{width:38px;height:38px;border-radius:11px;flex:0 0 38px}
    .brand-block>div:last-child{min-width:0}
    .brand-block strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .brand-block span{display:none}
    .top-actions{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto auto;
        gap:7px;
        margin:0;
        width:100%;
    }
    .period-picker{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        gap:7px;
        padding:4px 7px 4px 10px;
        min-height:44px;
    }
    .period-picker select{width:100%;min-width:0;padding:6px 3px;font-size:14px}
    .new-period-button,.install-app-button,.user-link{min-height:42px;padding:8px 11px;font-size:12px}
    .new-period-button{grid-column:1}
    .install-app-button{grid-column:2}
    .user-link{grid-column:3;margin:0;background:#f4f5f9;border:1px solid var(--line);justify-content:center;white-space:nowrap}

    .page{padding:14px 12px 24px}
    .alert{position:relative;margin-bottom:12px}
    .period-heading{
        padding:16px;
        border-radius:20px;
        align-items:stretch;
        background:linear-gradient(145deg,#fff,#fafbff);
    }
    .period-heading h1{font-size:23px;line-height:1.15}
    .period-heading>div>p:last-child{font-size:12px;margin-top:5px}
    .period-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
    .period-buttons .btn,.period-buttons form,.period-buttons form .btn{width:100%;min-height:43px}
    .tabs{display:none}

    .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}
    .summary-card{padding:14px 14px 13px;min-height:110px;border-radius:17px}
    .summary-card span{font-size:11px;line-height:1.25}
    .summary-card strong{font-size:20px;line-height:1.12;margin-top:8px;overflow-wrap:anywhere}
    .summary-card small{font-size:10px;line-height:1.3;display:block}
    .summary-card:before{top:14px;bottom:14px}
    .summary-card:after{width:70px;height:70px}
    .summary-card .text-button{font-size:11px;padding-top:3px}
    .wide-balance{grid-column:1/-1;min-height:98px}
    .wide-balance strong{font-size:24px}

    .budget-income-check{margin:0 0 13px;padding:14px;border-radius:18px;gap:12px}
    .budget-income-copy strong{font-size:18px}
    .budget-income-copy p{font-size:11px}
    .budget-income-meter{padding-top:12px}

    .quick-entry{padding:16px 14px;border-radius:20px;margin-bottom:14px;scroll-margin-top:150px}
    .quick-copy{min-width:0;margin-bottom:12px;align-items:flex-start}
    .quick-icon{width:38px;height:38px;flex:0 0 38px}
    .quick-copy h2{font-size:17px}
    .quick-copy p{font-size:11px;line-height:1.35}
    .quick-form{gap:10px}
    .field span{font-size:11px}
    .field input,.field select{height:48px;font-size:16px;border-radius:12px}
    .quick-actions{gap:8px}
    .quick-actions .btn{min-height:48px;font-size:14px}

    .budget-layout{gap:13px}
    .budget-main{padding:12px;border-radius:19px}
    .section-title-row{display:block;padding:3px 2px 12px}
    .section-title-row h2{font-size:20px;margin-top:0}
    .list-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
    .list-tools input{grid-column:1/-1;margin:0;height:46px;font-size:16px;border-radius:12px}
    .list-tools .btn{width:100%;min-height:43px;padding:8px 7px;font-size:11px;white-space:normal;line-height:1.15}

    .budget-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
    .budget-row{margin:0;border-radius:17px;box-shadow:0 5px 15px rgba(31,42,77,.045)}
    .budget-row:hover{transform:none}
    .row-main{grid-template-columns:minmax(0,1fr) 42px;padding:14px 13px;gap:11px}
    .item-ident{align-items:flex-start}
    .item-ident h3{font-size:16px;line-height:1.25;margin-top:-1px}
    .item-ident small{font-size:10px}
    .due-line{font-size:10px;line-height:1.4;margin-top:5px}
    .icon-button{width:42px;height:42px;border:1px solid #e7eaf1;background:#f8f9fb;border-radius:12px}
    .numbers{margin-top:2px}
    .numbers span{font-size:11px}
    .progress{height:9px;margin-top:7px}
    .remaining-text{padding:8px 10px;border-radius:11px;background:#f4faf7;min-width:0}
    .remaining-text.negative{background:#fff1f2}
    .remaining-text small{font-size:10px}
    .remaining-text strong{font-size:14px}
    .add-transaction{min-height:45px;padding:9px 11px;font-size:13px}
    .item-movements summary{padding:10px 13px;min-height:44px}
    .movement-list{padding:0 13px 11px}
    .movement-line{grid-template-columns:1fr auto;gap:5px 9px;padding:10px 0}
    .movement-line>span:first-child{font-weight:750}
    .movement-description{grid-column:1;font-size:11px}
    .movement-line>strong{grid-column:2;grid-row:1;font-size:13px}
    .movement-line form{grid-column:2;grid-row:2;text-align:right}
    .delete-link{min-height:35px;padding:7px}

    .side-column{display:flex;gap:11px}
    .side-card{margin:0;padding:15px;border-radius:18px}
    .ring{width:116px;height:116px}
    .ring span{font-size:21px}
    .recent-list>div,.upcoming-list>div{padding:11px 0}

    .stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .stats-summary article{padding:14px;border-radius:16px;min-height:92px}
    .stats-summary strong{font-size:18px;overflow-wrap:anywhere}
    .charts-grid,.stats-tables{gap:11px}
    .chart-card,.data-card{padding:15px;border-radius:18px}
    .chart-card h2,.data-card h2{font-size:18px}
    .chart-card canvas{min-width:0}
    .category-table>div{grid-template-columns:10px minmax(0,1fr) auto}

    .modal{z-index:150}
    .modal-backdrop{background:rgba(20,25,44,.54);backdrop-filter:blur(5px)}
    .modal-panel{
        top:auto;bottom:0;right:0;left:0;
        width:100%;height:auto;max-height:92dvh;
        padding:24px 16px calc(20px + env(safe-area-inset-bottom));
        border-radius:25px 25px 0 0;
        box-shadow:0 -22px 60px rgba(19,25,46,.22);
        animation:sheetUp .22s ease;
    }
    .modal-panel:before{
        content:"";display:block;width:44px;height:5px;border-radius:999px;background:#d8dde7;margin:-13px auto 17px;
    }
    .modal-panel h2{font-size:22px;padding-right:38px}
    .modal-close{top:13px;right:13px;width:40px;height:40px}
    .modal-form input,.modal-form select,.reminder-editor input,.reminder-editor select,.fixed-editor input,.fixed-editor select{font-size:16px;min-height:48px}
    .modal-form .btn,.reminder-editor .btn,.fixed-editor .btn{min-height:47px}
    .fixed-panel,.reminder-panel{width:100%}

    .mobile-nav{
        position:fixed;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));z-index:110;
        display:grid;grid-template-columns:repeat(4,1fr);align-items:end;
        min-height:64px;padding:6px 5px;
        border:1px solid rgba(218,223,235,.95);border-radius:20px;
        background:rgba(255,255,255,.93);backdrop-filter:blur(18px);
        box-shadow:0 14px 36px rgba(26,35,67,.18);
    }
    .mobile-nav a,.mobile-nav button{
        position:relative;min-width:0;min-height:51px;padding:4px 2px;
        border:0;background:transparent;text-decoration:none;color:#7a8395;
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
        font:inherit;border-radius:14px;
    }
    .mobile-nav span{font-size:21px;line-height:1}
    .mobile-nav small{font-size:9px;font-weight:800;line-height:1.1}
    .mobile-nav .active{color:var(--primary);background:#f0efff}
    .mobile-nav-add span{
        width:42px;height:42px;margin-top:-24px;border-radius:15px;display:grid;place-items:center;
        color:#fff;background:linear-gradient(135deg,#4f46e5,#6d62ea);
        box-shadow:0 9px 22px rgba(79,70,229,.31);font-size:28px;
    }
    .mobile-nav-add small{margin-top:1px;color:var(--primary)}

    .login-page{padding:18px;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
    .login-card{padding:27px 20px;border-radius:23px}
    .login-logo{width:68px;height:68px;border-radius:19px}
    .login-card h1{font-size:26px}
    .login-form input{height:50px;font-size:16px}
}

@keyframes sheetUp{
    from{transform:translateY(32px);opacity:.35}
    to{transform:none;opacity:1}
}

@media(max-width:390px){
    .top-actions{grid-template-columns:minmax(0,1fr) auto}
    .install-app-button{grid-column:1}
    .new-period-button{grid-column:1}
    .user-link{grid-column:2;grid-row:2/4}
    .summary-card{padding:13px 12px}
    .summary-card strong{font-size:18px}
    .list-tools{grid-template-columns:1fr}
    .list-tools input,.list-tools .btn{grid-column:1}
    .period-buttons{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ========================================================================== 
   Versione 4.6.1 · palette tenue e correzioni usabilità
   ========================================================================== */
:root{
    --bg:#f6f8f7;
    --card:#fffefd;
    --text:#2b3540;
    --muted:#77828a;
    --line:#e3e9e7;
    --primary:#7894a3;
    --primary-dark:#607d8c;
    --primary-soft:#edf3f5;
    --success:#789b88;
    --success-soft:#edf5f0;
    --warning:#c1a16d;
    --warning-soft:#faf4e8;
    --danger:#c98585;
    --danger-soft:#fbefef;
    --shadow:0 16px 38px rgba(62,78,82,.075);
    --shadow-soft:0 7px 22px rgba(62,78,82,.055);
}
body{
    background:
        radial-gradient(circle at 4% 0%,rgba(180,207,200,.22),transparent 29rem),
        radial-gradient(circle at 96% 12%,rgba(201,207,228,.20),transparent 27rem),
        var(--bg);
}
.topbar{
    background:rgba(255,254,253,.92);
    border-bottom-color:#e3e9e7;
    box-shadow:0 5px 22px rgba(65,81,85,.045);
}
.brand-icon,.login-logo{
    box-shadow:0 9px 22px rgba(96,125,140,.18);
}
.period-heading{
    border-color:#e2e8e6;
    background:linear-gradient(140deg,rgba(255,254,253,.98),rgba(244,248,247,.96));
}
.tabs{background:#e9efed}
.tabs a.active{color:#567787;box-shadow:0 4px 12px rgba(76,99,106,.07)}
.btn.primary{
    background:#7894a3;
    box-shadow:0 5px 14px rgba(96,125,140,.16);
}
.btn.primary:hover{background:#607d8c}
.install-app-button{
    background:#7894a3;
    box-shadow:0 7px 18px rgba(96,125,140,.16);
}
.install-app-button:hover{background:#607d8c}
.summary-card{
    background:linear-gradient(145deg,#fffefd,#fafcfb);
}
.summary-card:after{background:rgba(120,148,163,.04)}
.income-card:before{background:#8baca7}
.spent-card:before{background:#d5a27f}
.remaining-card:before{background:#84a792}
.balance-card:before{background:#9a98b9}
.danger-card:before{background:#c98585}
.budget-income-check{background:linear-gradient(135deg,#fffefd,#f8fbfa)}
.quick-entry{
    background:linear-gradient(125deg,#7896a2 0%,#879cac 56%,#9098b5 100%);
    border-color:rgba(255,255,255,.28);
    box-shadow:0 15px 34px rgba(92,116,126,.16);
}
.quick-form .btn.primary{color:#607d8c}
.quick-form .btn.primary:hover{background:#f4f7f6}
.progress{background:#e9eeec}
.progress i{background:linear-gradient(90deg,#7894a3,#9fb2bc)}
.status-done .progress i{background:linear-gradient(90deg,#789b88,#9db8a8)}
.status-warning .progress i{background:linear-gradient(90deg,#c1a16d,#d7bd91)}
.status-over .progress i{background:linear-gradient(90deg,#c98585,#dda7a7)}
.add-transaction{background:#edf3f5;color:#607d8c}
.add-transaction:hover{background:#e2ecef}
.budget-row:hover{border-color:#d1dcda;box-shadow:0 8px 22px rgba(64,82,86,.055)}
.ring{background:conic-gradient(#7894a3 var(--p),#e8edeb 0)}
.reminder-side-card{border-color:#e1e0eb;background:#fbfafd}
.reminder-chip{background:#efedf5;color:#777492}
.reminder-editor{background:#f7f7fa;border-color:#e4e2ed}
.reminder-editor input:focus,.reminder-editor select:focus{border-color:#a8b9c1;box-shadow:0 0 0 3px #edf3f5}
.selected-reminder-name{background:#f0f1f5;border-color:#dfe2e9;color:#646d7f}
.alert.success{background:#edf5f0;border-color:#cadfd2;color:#557a65}
.alert.danger{background:#fbefef;border-color:#e9cece;color:#a36363}
.delete-form{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid var(--line);
}
.delete-item-hint{
    margin:0 0 10px;
    color:var(--muted);
    font-size:12px;
    line-height:1.45;
}
.btn.danger.outline{
    background:#fffafa;
    border-color:#e8caca;
    color:#aa6666;
}
.btn.danger.outline:hover{background:#fbeeee;border-color:#dcaeae}
.mobile-nav{
    background:rgba(255,254,253,.94)!important;
    border-color:#dde5e2!important;
    box-shadow:0 12px 34px rgba(65,81,85,.14)!important;
}
.mobile-nav .mobile-primary{
    background:#7894a3!important;
    box-shadow:0 8px 20px rgba(96,125,140,.22)!important;
}
.login-card{background:rgba(255,254,253,.97)}

@media(max-width:680px){
    .summary-card{background:#fffefd}
    .quick-entry{background:linear-gradient(145deg,#7896a2,#899daf)}
    .budget-row{background:#fffefd}
}


/* Versione 4.6.2: accantonamento fisso e budget EXTRA automatico */
.auto-extra-badge{display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border-radius:999px;background:#eaf2ef;color:#52756c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}
.auto-extra-lock{width:38px;height:31px;border-radius:10px;background:#eef4f2;color:#5f7f76;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.05em;border:1px solid #d9e7e2}
.savings-plan-check.covered{border-color:#c9e1d8;background:linear-gradient(135deg,#fbfefd,#f2f8f5)}
.savings-plan-check.balanced{border-color:#e5dcbf;background:linear-gradient(135deg,#fffefa,#faf7ee)}
.savings-plan-check.over_income{border-color:#e9caca;background:linear-gradient(135deg,#fffdfc,#fbf3f2)}
.savings-text{color:#52756c!important}
.modal-form label small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
@media(max-width:680px){.auto-extra-lock{grid-column:2;grid-row:1;justify-self:end}.auto-extra-badge{display:block;width:max-content;margin:4px 0 0}}

/* ========================================================================== 
   Versione 4.6.4 · entrate separate e doppio calcolo familiare
   ========================================================================== */
.income-logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}
.income-logic-card{border:1px solid #dde6e3;border-radius:18px;background:#fff;padding:18px;box-shadow:0 7px 22px rgba(45,65,70,.055)}
.income-logic-card.vince-calc{background:linear-gradient(145deg,#fbfefd,#f1f8f5);border-color:#d8e8e1}
.income-logic-card.silvia-calc{background:linear-gradient(145deg,#fffdfb,#faf4ed);border-color:#eadfd3}
.income-logic-card.silvia-calc.negative{background:linear-gradient(145deg,#fffafa,#fbefef);border-color:#edd7d7}
.income-logic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.income-logic-head span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.income-logic-head h2{font-size:20px;margin:3px 0 0;color:var(--text)}
.income-logic-head>strong{font-size:22px;white-space:nowrap;color:#486c62}
.silvia-calc .income-logic-head>strong{color:#8d684a}.silvia-calc.negative .income-logic-head>strong{color:var(--danger)}
.income-formula-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(110,130,125,.10);font-size:13px;color:var(--muted)}
.income-formula-row b{color:var(--text);white-space:nowrap}.income-formula-row.raw{font-weight:700}
.income-formula-result{margin-top:10px;padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.74);display:flex;align-items:center;justify-content:space-between;gap:14px}
.income-formula-result span{font-size:12px;color:var(--muted);font-weight:700}.income-formula-result strong{font-size:20px;color:var(--text);white-space:nowrap}
.extra-control-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 19px;margin:0 0 20px;border-radius:18px;border:1px solid #dfe6e3;background:#fbfdfc;box-shadow:0 6px 20px rgba(45,65,70,.045)}
.extra-control-card.needs-refresh{border-color:#eadbbf;background:#fffdf8}
.extra-control-copy>span{display:block;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.055em}.extra-control-copy>strong{display:block;font-size:26px;color:#526f68;margin:3px 0}.extra-control-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.extra-control-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.extra-control-actions form{margin:0}
.income-panel{width:min(620px,100%)}
.income-form{gap:11px}.income-entry-grid{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(110px,.8fr) minmax(110px,.8fr);align-items:center;gap:9px}.income-entry-grid strong{font-size:13px}.income-entry-grid input{width:100%}
.income-entry-head{padding:0 2px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.other-income-section{margin-top:8px;padding-top:13px;border-top:1px solid var(--line)}.section-title-row.compact{padding-bottom:9px;border-bottom:0}.section-title-row.compact h3{margin:0;font-size:15px}.section-title-row.compact p{margin:2px 0 0;font-size:11px;color:var(--muted)}
.other-income-row{display:grid;grid-template-columns:minmax(140px,1.15fr) minmax(100px,.8fr) minmax(100px,.8fr) 40px;gap:8px;align-items:center;margin-top:8px}.other-income-row input{width:100%}
.income-total-preview{padding:12px 14px;border-radius:13px;background:#f4f8f6;border:1px solid #e0e9e5;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}.income-total-preview span{font-size:12px;font-weight:700;color:var(--muted)}.income-total-preview strong{font-size:18px;color:#506f66}.income-total-preview small{grid-column:1/-1;color:var(--muted);font-size:10px}
.soft-info-box{padding:12px 14px;border-radius:12px;background:#f5f7f6;border:1px solid #e2e8e5;color:var(--muted);font-size:12px;line-height:1.5}.soft-info-box strong{color:var(--text)}
.auto-extra-badge{background:#edf5f1!important;color:#55746b!important}.auto-extra-lock{background:#f0f5f3!important;color:#5b756e!important}

@media(max-width:760px){.income-logic-grid{grid-template-columns:1fr}.extra-control-card{align-items:flex-start;flex-direction:column}.extra-control-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.extra-control-actions .btn,.extra-control-actions form,.extra-control-actions form .btn{width:100%}.income-entry-grid{grid-template-columns:1fr 1fr}.income-entry-grid strong{grid-column:1/-1}.income-entry-head{display:none}.other-income-row{grid-template-columns:1fr 1fr 40px}.other-income-row input:first-child{grid-column:1/-1}.income-logic-head>strong{font-size:20px}}
@media(max-width:430px){.extra-control-actions{grid-template-columns:1fr}.income-formula-result{align-items:flex-start;flex-direction:column;gap:5px}.income-entry-grid{grid-template-columns:1fr}.income-entry-grid strong{grid-column:auto}.other-income-row{grid-template-columns:1fr 40px}.other-income-row input{grid-column:1}.other-income-row .remove-other-income{grid-column:2;grid-row:1/4}.income-total-preview{grid-template-columns:1fr}.income-total-preview small{grid-column:1}}

/* ========================================================================== 
   Versione 4.6.5 · controllo sforamento consuntivo tra i due serbatoi
   ========================================================================== */
.actual-coverage-check{margin-top:12px;padding:12px 13px;border-radius:13px;border:1px solid #dbe7e2;background:#f5faf7}
.actual-coverage-check>span{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#5e786f;margin-bottom:3px}
.actual-coverage-check>strong{display:block;font-size:18px;color:#42675c;margin-bottom:3px}
.actual-coverage-check>small{display:block;font-size:11px;line-height:1.45;color:var(--muted)}
.actual-coverage-check.over{border-color:#e8caca;background:#fff7f6}
.actual-coverage-check.over>span,.actual-coverage-check.over>strong{color:#a64f4f}
.income-logic-card.silvia-calc.warning{background:linear-gradient(145deg,#fffdf8,#faf5e9);border-color:#e7d8b8}
.income-logic-card.silvia-calc.warning .income-logic-head>strong{color:#956d38}
.income-formula-row.overflow-row{color:#9c5c53;background:rgba(255,247,246,.65);margin:0 -4px;padding:8px 4px;border-top-color:#ecd9d5}
.income-formula-row.overflow-row b{color:#a24d4d}
.income-formula-result.after-overflow{border:1px solid #eadfca;background:#fffdfa}
.silvia-overflow-note{margin-top:10px;padding:10px 12px;border-radius:11px;font-size:11px;font-weight:700;line-height:1.45}
.silvia-overflow-note.warning{background:#fff8e9;border:1px solid #eadbb9;color:#866437}
.silvia-overflow-note.danger{background:#fff2f1;border:1px solid #e9cecb;color:#a04d4a}
@media(max-width:430px){.actual-coverage-check>strong{font-size:17px}.silvia-overflow-note{font-size:10.5px}}


/* ===== v4.6.8 - dashboard piu' chiara + saldo iniziale ===== */
.period-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.period-title-line .eyebrow{margin:0!important}
.period-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1;background:#eef3f2;color:#60736f}
.period-status.current{background:#e7f3ec;color:#4d765e}
.period-status.closed{background:#edf0f4;color:#657181}
.period-status.future{background:#f3efe7;color:#86745c}
.dashboard-overview,.coverage-section{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 0 16px}
.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 13px}
.overview-heading h2{margin:1px 0 0;font-size:19px;color:var(--text)}
.overview-heading>small{max-width:540px;text-align:right;color:var(--muted);line-height:1.4}
.dashboard-overview .summary-grid{margin-bottom:0}
.cash-grid .summary-card,.planning-grid .summary-card{min-height:118px}
.opening-card:before{background:#8fa9a0}
.current-balance-card:before{background:#6f9d83}
.current-balance-card{background:linear-gradient(180deg,#fbfdfc,#f2f8f5)}
.current-balance-card strong{color:#406953}
.extra-summary-card:before{background:#b7a58b}
.period-closing-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:18px 20px;border:1px solid #dce9e1;border-radius:18px;background:#f2f8f4}
.period-closing-card.negative{background:#fbf1f1;border-color:#efd9d9}
.period-closing-card h2{margin:2px 0 6px;font-size:20px}
.period-closing-card p{margin:0;color:var(--muted)}
.closing-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.closing-actions form{margin:0}
.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.coverage-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:15px}
.coverage-card.ok,.coverage-card.positive{border-color:#dce9e1;background:#fbfdfc}
.coverage-card.warning{border-color:#eadfca;background:#fffdf8}
.coverage-card.danger,.coverage-card.negative{border-color:#eed6d6;background:#fffafa}
.coverage-head,.coverage-line,.coverage-result{display:flex;justify-content:space-between;gap:14px;align-items:center}
.coverage-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.coverage-head span{font-weight:800;color:var(--text)}.coverage-head strong{font-size:20px}
.coverage-line{padding:11px 0;color:var(--muted);font-size:13px}
.coverage-result{border-radius:11px;padding:10px 12px;background:#f5f7f6}.coverage-result span{font-weight:700}.coverage-result strong{font-size:18px}
.coverage-card.danger .coverage-result,.coverage-card.negative .coverage-result{background:#f9eaea;color:#a24e4e}
.coverage-card.warning .coverage-result{background:#f8f1e5;color:#8b6d41}
.coverage-card>small{display:block;margin-top:9px;color:var(--muted)}
.field-help{display:block;margin-top:5px;color:var(--muted);font-weight:400;line-height:1.35}
@media(max-width:920px){.overview-heading{align-items:flex-start;flex-direction:column;gap:4px}.overview-heading>small{text-align:left}.coverage-grid{grid-template-columns:1fr}.period-closing-card{align-items:flex-start;flex-direction:column}.closing-actions{width:100%;flex-wrap:wrap}}
@media(max-width:680px){.dashboard-overview,.coverage-section{padding:13px;border-radius:16px}.cash-grid,.planning-grid{grid-template-columns:1fr 1fr}.cash-grid .summary-card,.planning-grid .summary-card{min-height:108px}.period-closing-card{padding:15px}.closing-actions{display:grid;grid-template-columns:1fr}.closing-actions .btn,.closing-actions form,.closing-actions form .btn{width:100%}.coverage-head strong{font-size:18px}}
@media(max-width:430px){.cash-grid,.planning-grid{grid-template-columns:1fr}.cash-grid .summary-card,.planning-grid .summary-card{min-height:auto}.summary-card strong{font-size:24px}}

/* ========================================================================== 
   Versione 4.6.8 · due conti + box saldo più leggibili
   ========================================================================== */
.accounts-overview{background:#fbfcfb}
.accounts-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.account-group{border:1px solid var(--line);border-radius:17px;padding:14px}
.account-group-main{background:#f2f7f8;border-color:#dce7e9}
.account-group-mutuo{background:#f7f4f9;border-color:#e6dfeb}
.account-group-title{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.account-group-title>div{min-width:0}.account-group-title strong{display:block;font-size:15px;color:#35434a}.account-group-title small{display:block;margin-top:1px;color:var(--muted);font-size:10px}
.account-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}
.account-group-main .account-icon{background:#dcebed;color:#54727d}.account-group-mutuo .account-icon{background:#e9e1ee;color:#75657f}
.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.account-card{min-height:125px!important;box-shadow:none!important;border-width:1px!important}
.main-opening-card{background:#edf5f6!important;border-color:#d5e5e8!important}.main-opening-card:before{background:#86aab4!important}
.main-current-card{background:#edf6f1!important;border-color:#d8e7de!important}.main-current-card:before{background:#82a58f!important}
.mutuo-opening-card{background:#f1edf5!important;border-color:#e1d9e8!important}.mutuo-opening-card:before{background:#a18faf!important}
.mutuo-current-card{background:#faf3e9!important;border-color:#eadfcf!important}.mutuo-current-card:before{background:#bea57d!important}
.card-title-strong{color:#34434a!important;font-size:12px!important;font-weight:900!important;letter-spacing:.025em!important;text-transform:uppercase}
.account-card strong{font-size:25px!important;color:#26343a}.account-card small{line-height:1.45}
.account-totals-grid{grid-template-columns:1fr 1fr 1.25fr!important;margin-top:0!important}
.account-totals-grid .income-card{background:#eef6f3!important;border-color:#d9e8e2!important}.account-totals-grid .spent-card{background:#fbf2eb!important;border-color:#eddfd4!important}
.total-balance-card{background:#eef1f8!important;border-color:#dce2ee!important}.total-balance-card:before{background:#8799ba!important}.total-balance-card strong{color:#4d607e}
.two-account-closing .closing-account-values{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.closing-account-values span{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.7);font-size:12px;color:var(--muted)}.closing-account-values b{color:var(--text)}.closing-account-values .closing-total{background:#e7f0eb;color:#4f6e5c}
.account-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:800;font-style:normal;vertical-align:middle;white-space:nowrap}.account-badge.main{background:#e3eef1;color:#5c7882}.account-badge.mutuo{background:#eee7f2;color:#766482}
.quick-form{grid-template-columns:minmax(175px,1.3fr) 110px 145px 145px minmax(145px,1fr) auto}.account-field select{font-weight:700}
.income-entry-grid{grid-template-columns:minmax(145px,1.1fr) minmax(95px,.75fr) minmax(95px,.75fr) minmax(105px,.72fr)}
.income-entry-grid select,.other-income-row select{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 8px;color:var(--text);outline:none}
.other-income-row{grid-template-columns:minmax(130px,1.05fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(105px,.72fr) 40px}
.account-balance-fields label:first-child{background:#f0f6f7;border:1px solid #dbe7e9;border-radius:13px;padding:11px}.account-balance-fields label:last-child{background:#f5f1f7;border:1px solid #e4ddea;border-radius:13px;padding:11px}

@media(max-width:1180px){
  .quick-form{grid-template-columns:1.2fr 110px 145px 145px 1fr}.quick-form .quick-actions{grid-column:1/-1;flex-direction:row}
}
@media(max-width:920px){
  .accounts-groups{grid-template-columns:1fr}.account-totals-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .income-entry-grid{grid-template-columns:1fr 1fr 1fr}.income-entry-grid strong{grid-column:1/-1}.income-entry-grid select{grid-column:auto}
  .other-income-row{grid-template-columns:1fr 1fr 1fr 40px}.other-income-row input:first-child{grid-column:1/-1}.other-income-row select{grid-column:3}.other-income-row .remove-other-income{grid-column:4;grid-row:2}
}
@media(max-width:680px){
  .account-cards{grid-template-columns:1fr 1fr}.account-totals-grid{grid-template-columns:1fr 1fr!important}.account-totals-grid .total-balance-card{grid-column:1/-1}
  .card-title-strong{font-size:10.5px!important}.account-card strong{font-size:21px!important}.account-card{padding:13px!important;min-height:116px!important}
  .quick-form{display:flex;flex-direction:column}.quick-form .account-field{order:4}.quick-form .note-field{order:5}.quick-form .quick-actions{order:6}
  .income-entry-grid{grid-template-columns:1fr 1fr}.income-entry-grid strong{grid-column:1/-1}.income-entry-grid select{grid-column:1/-1}.income-entry-head{display:none}
  .other-income-row{grid-template-columns:1fr 1fr 40px}.other-income-row input:first-child{grid-column:1/-1}.other-income-row select{grid-column:1/3}.other-income-row .remove-other-income{grid-column:3;grid-row:2/4}
}
@media(max-width:430px){
  .account-cards{grid-template-columns:1fr}.account-totals-grid{grid-template-columns:1fr!important}.account-totals-grid .total-balance-card{grid-column:auto}.account-card{min-height:auto!important}
  .closing-account-values{display:grid!important;grid-template-columns:1fr}.closing-account-values span{justify-content:space-between}
}
.movement-account-form{margin:0}.movement-account-form select{height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:10px;font-weight:750;padding:0 6px}.movement-account-form select:focus{outline:none;border-color:#a8b9c1;box-shadow:0 0 0 2px #edf3f5}
@media(max-width:680px){.movement-account-form{grid-column:1;grid-row:3}.movement-account-form select{width:100%;max-width:130px}.movement-line>form:last-child{grid-column:2;grid-row:3}}


/* ========================================================================== 
   Versione 4.6.8 · pianificazione e copertura familiare chiarite
   ========================================================================== */
.planning-grid-v468{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.margin-card:before{background:#8fb7aa!important}.margin-card{background:#f2f8f5!important;border-color:#dbe9e3!important}.margin-card strong{color:#4b7565!important}
.coverage-v468{background:#fbfcfc}
.coverage-setup-alert{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #eadfc9;border-radius:15px;background:#fffaf0}
.coverage-setup-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f4e6c6;color:#8b6b2f;font-size:20px;font-weight:900}
.coverage-setup-copy strong{display:block;color:#594a31;font-size:15px;margin-bottom:4px}.coverage-setup-copy p{margin:0;color:#77684e;font-size:12px;line-height:1.5}
.coverage-title-v468{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:11px;border-bottom:1px solid var(--line)}
.coverage-title-v468 span{display:block;font-weight:850;color:var(--text);font-size:15px}.coverage-title-v468 small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.coverage-title-v468>strong{font-size:22px;white-space:nowrap;color:#33424a}
.coverage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;padding:12px 0}
.coverage-detail-grid>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e5e9e7;color:var(--muted);font-size:11px}.coverage-detail-grid b{color:#53616a;white-space:nowrap}.coverage-detail-grid .is-good b{color:#4c7a64}.coverage-detail-grid .is-danger b{color:#af5050}.coverage-detail-grid .is-warning b{color:#967039}
.coverage-actual-v468{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 10px;padding:10px 12px;border-radius:11px;background:#f2f5f5;color:#66747b;font-size:12px}.coverage-actual-v468 strong{font-size:17px;color:#35444b}
.coverage-v468 .coverage-result{margin-top:2px}.coverage-v468 .coverage-card>small{line-height:1.45}
@media(max-width:1180px){.planning-grid-v468{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:920px){.planning-grid-v468{grid-template-columns:repeat(2,minmax(0,1fr))!important}.coverage-setup-alert{grid-template-columns:auto 1fr}.coverage-setup-alert .btn{grid-column:1/-1;width:100%}}
@media(max-width:560px){.planning-grid-v468{grid-template-columns:1fr!important}.coverage-detail-grid{grid-template-columns:1fr}.coverage-title-v468>strong{font-size:19px}.coverage-setup-alert{grid-template-columns:1fr}.coverage-setup-icon{display:none}}

.legacy-income-alert{margin:12px 0 14px;padding:12px 14px;border:1px solid #eadfc9;border-radius:13px;background:#fffaf0;color:#6e5d3f}.legacy-income-alert strong{display:block;font-size:13px;margin-bottom:3px;color:#5c4a2c}.legacy-income-alert span{display:block;font-size:11px;line-height:1.45}
.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}

/* ========================================================================== 
   Versione 4.6.9 · voce budget al 100% esatto
   Verde chiaro SOLO quando il budget è raggiunto esattamente, mai se superato.
   ========================================================================== */
.budget-row.status-done{
    background:#eef8f1;
    border-color:#c9e1d1;
    box-shadow:0 4px 14px rgba(72,122,88,.055);
}
.budget-row.status-done:hover{
    background:#eaf6ee;
    border-color:#b9d8c4;
    box-shadow:0 7px 18px rgba(72,122,88,.08);
}
.budget-row.status-done .item-movements{
    background:#f5fbf7;
    border-top-color:#d9eadf;
}
.budget-row.status-done .remaining-text strong{
    color:#397653;
}
.budget-row.status-done .progress{
    background:#dbece1;
}