/* AncheCasa · web app sul telefono (23.10.2026). Tutto vale solo fino a 900 px: sul computer non cambia niente. */
.wa-bar,.wa-velo,.wa-inst{display:none}
@media (max-width:900px){
 :root{--wa-bar:64px;--wa-sotto:env(safe-area-inset-bottom,0px)}
 /* testata: logo a sinistra, iniziali a destra, niente altro */
 body.wa .top{min-height:56px;padding:8px max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px));gap:10px;position:relative;z-index:30;box-shadow:0 1px 0 var(--linea);border-bottom:0}
 body.wa-app .top{padding-top:calc(8px + env(safe-area-inset-top,0px))}
 body.wa .top img{height:28px}
 body.wa .top .menu-mob,body.wa .top .guida-bt,body.wa .top #ruolo,body.wa .top a.bt{display:none!important}
 body.wa .top .zc-widget{margin-left:auto}
 body.wa .top .chip{margin-left:auto}
 body.wa .top .chip~.zc-widget{margin-left:8px}
 body.wa .zc-acc[data-ini]{font-size:0!important;color:transparent!important;width:38px;height:38px;padding:0!important;border-radius:50%!important;background:var(--blu)!important;border:0!important;display:inline-block;position:relative;overflow:visible}
 body.wa .zc-acc[data-ini]::before{content:attr(data-ini);position:absolute;inset:0;display:grid;place-items:center;font:800 14px/1 Manrope,system-ui,sans-serif;color:#fff;letter-spacing:.02em}
 body.wa .zc-acc.wa-avvisi::after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--ara);box-shadow:0 0 0 2px #fff}

 /* contenuto: aria ai lati e spazio per la barra */
 body.wa .main{padding:18px 16px calc(var(--wa-bar) + var(--wa-sotto) + 28px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}

 /* barra dei pulsanti in basso */
 body.wa .wa-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:48;height:calc(var(--wa-bar) + var(--wa-sotto));padding:0 max(6px,env(safe-area-inset-right,0px)) var(--wa-sotto) max(6px,env(safe-area-inset-left,0px));background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--linea)}
 body.wa .wa-bar[hidden]{display:none}
 .wa-bar button{appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6B7787;font:700 11px/1.1 Manrope,system-ui,sans-serif;cursor:pointer;position:relative;padding:6px 2px 4px;min-width:0;-webkit-tap-highlight-color:transparent}
 .wa-bar .wa-ico{display:grid;place-items:center;width:46px;height:30px;border-radius:999px;transition:background .18s}
 .wa-bar .wa-ico svg{width:22px;height:22px}
 .wa-bar .wa-et{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .wa-bar button.on{color:var(--blu)}
 .wa-bar button.on .wa-ico{background:var(--ara-ch);color:var(--ara2)}
 .wa-bar button:focus-visible{outline:2px solid var(--ara);outline-offset:-4px;border-radius:12px}
 .wa-bar button:active .wa-ico{transform:scale(.94)}

 /* il menu sale dal basso */
 body.wa .wa-velo{display:block;position:fixed;inset:0;z-index:46;background:rgba(11,26,44,.38);opacity:0;pointer-events:none;transition:opacity .2s}
 body.wa.wa-aperto .wa-velo{opacity:1;pointer-events:auto}
 body.wa .lato{display:block!important;position:fixed;left:0;right:0;top:auto;bottom:0;inset:auto 0 0 0;z-index:47;max-height:min(84dvh,720px);border:0;border-radius:22px 22px 0 0;padding:26px 14px calc(var(--wa-bar) + var(--wa-sotto) + 14px);box-shadow:0 -12px 40px rgba(11,26,44,.18);transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow:auto;overscroll-behavior:contain;visibility:hidden}
 body.wa .lato.aperto{transform:none;visibility:visible}
 body.wa .lato::before{content:"";position:absolute;top:9px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:9px;background:#D5D0C6}
 body.wa .lato .mod,body.wa .lato .cant,body.wa .lato .miei{min-height:48px}
 body.wa .lato h3:first-child{margin-top:4px}
 body.wa .lato .mod.casa{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;min-height:52px;padding-top:0;padding-bottom:0}
 body.wa .lato .mod.casa>.con-ico,body.wa .lato .mod.casa>span:first-child{margin:0}
 .wa-piede{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--linea);display:grid;gap:4px}
 .wa-riga{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px;border:0;background:none;border-radius:12px;color:var(--blu);font:700 15px Manrope,system-ui,sans-serif;text-decoration:none;cursor:pointer;width:100%;text-align:left}
 .wa-riga:hover,.wa-riga:active{background:var(--tenue)}
 .wa-riga svg{width:20px;height:20px;color:var(--grigio)}

 /* consiglio per installarla */
 body.wa .wa-inst{display:flex;align-items:center;gap:12px;position:fixed;left:12px;right:12px;bottom:calc(var(--wa-bar) + var(--wa-sotto) + 10px);z-index:44;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:12px 12px 12px 14px;box-shadow:0 14px 34px rgba(11,26,44,.16)}
 .wa-inst img{border-radius:10px;border:1px solid var(--linea);flex:0 0 auto}
 .wa-inst div{flex:1;min-width:0;font-size:13px;line-height:1.35;color:var(--grigio)}
 .wa-inst div b:first-child{display:block;color:var(--blu);font-size:14px}
 .wa-inst .wa-x{border:0;background:none;font-size:24px;line-height:1;color:var(--grigio);width:34px;height:34px;cursor:pointer}

 /* ── ritocchi di stile dei cruscotti sul telefono ── */
 body.wa .main h1{font-size:25px;line-height:1.15;letter-spacing:-.015em;margin:2px 0 6px;text-wrap:balance}
 body.wa .main .sotto,body.wa .main h1+p{font-size:14px}
 body.wa .main .card{border-radius:16px;padding:16px}
 body.wa .main h2{font-size:19px;line-height:1.2;text-wrap:balance}
 body.wa .main h3{font-size:16px}
 /* numeri: piastrelle compatte su due colonne */
 body.wa .kpi{gap:10px}
 body.wa .kpi>div{padding:12px 13px;border-radius:14px}
 body.wa .kpi b{font-size:22px}
 /* azioni rapide: piastrelle con icona sopra, tutte uguali */
 body.wa .azioni-rapide{grid-template-columns:1fr 1fr;gap:10px}
 body.wa .azioni-rapide .ar{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:84px;padding:12px 14px;gap:8px;border-radius:16px;font-size:14px;line-height:1.2;text-align:left}
 body.wa .azioni-rapide .ar>i{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:10px;background:var(--tenue)}
 body.wa .azioni-rapide .ar.prima>i{background:rgba(255,255,255,.18)}
 body.wa .azioni-rapide .ar.guida{flex-direction:row;align-items:center;justify-content:flex-start;min-height:48px}
 body.wa .azioni-rapide .ar.guida>i{background:none}
 /* gare: righe leggibili, titoli su tre righe al massimo */
 body.wa .g-corpo>b,body.wa .sq-gtesto>b{font-size:15px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body.wa .g-corpo>small,body.wa .sq-gtesto>span{font-size:12.5px}
 body.wa .sq-tit2{flex-direction:column;align-items:flex-start;gap:2px}
 /* tabelle larghe: scorrono dentro il loro riquadro */
 body.wa .main table{font-size:13.5px}
 body.wa .tab{overflow-x:auto;-webkit-overflow-scrolling:touch}
 /* i modali sopra alla barra, a tutta larghezza sul fondo */
 body.wa .modal{align-items:flex-end;padding:0}
 body.wa .modal .box{width:100%;max-width:none!important;border-radius:22px 22px 0 0;max-height:90dvh;overflow:auto;padding-bottom:calc(20px + var(--wa-sotto))}
 /* il consiglio «Come funziona» e le schede vuote: meno rumore */
 body.wa .guida-card{border-radius:16px}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){body.wa .lato,body.wa .wa-velo{transition:none}}
 body.wa .sq-tabs,body.wa .tab{overflow-y:hidden;overscroll-behavior-x:contain}