@media(max-width:720px){
 body{display:block;padding-bottom:76px}aside{position:fixed;z-index:8;inset:auto 0 0 0;width:100%;height:68px;padding:6px 4px;background:#edf1e9;border:0;border-top:1px solid var(--border)}.brand,.sidebar-foot{display:none}
 nav{display:grid;grid-template-columns:repeat(6,1fr);gap:1px}nav button{font-size:0;padding:7px 2px;text-align:center;border-radius:8px}nav button span{display:block;width:auto;font-size:20px;line-height:1.2}nav button::after{display:block;font-size:8px;margin-top:3px}nav button[data-view="today"]::after{content:'Oggi'}nav button[data-view="calendar"]::after{content:'Calend.'}nav button[data-view="tasks"]::after{content:'Attività'}nav button[data-view="clients"]::after{content:'Clienti'}nav button[data-view="report"]::after{content:'Report'}nav button[data-view="settings"]::after{content:'Impost.'}
 main{margin:0;width:100%;padding:22px 14px 15px}header{align-items:flex-start;margin-bottom:20px}header .primary{padding:10px;font-size:0}header .primary::first-letter{font-size:20px}h1{font-size:27px}.eyebrow{font-size:9px}.cards{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:27px}.split{display:block}.split>div+div{margin-top:16px}
 .calendar{min-width:670px}.calendar.month .day{min-height:96px;padding:5px}.calendar.month .event{font-size:9px}.toolbar{flex-wrap:wrap}.toolbar h2{order:-1;width:100%;font-size:18px}.segments{margin-left:auto}.table-wrap{overflow:auto}.form-grid{grid-template-columns:1fr}dialog{width:calc(100% - 16px);padding:20px;max-height:94vh}.clients-grid{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}.filters select{max-width:none}.settings-grid{display:block}.settings-grid .card{margin-bottom:14px}footer{display:none}
}
.sync-card{border-color:#b8cdbd}.sync-state{padding:9px 11px;border-radius:8px;background:#eef2eb;font-size:12px;margin:10px 0}.sync-state.ok{background:#e3eee5;color:#2d6945}.sync-state.warn{background:#f7eadf;color:#8b4d2d}.sync-form{display:grid;gap:10px}.sync-form label{margin:0}.sync-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
