/* Evy — aggiunte al Living per l'app a schermo intero (fuori da Base44 lo sfondo non è trasparente) */
html,body{background:var(--bg)}
:root[data-stile="homie"][data-theme="light"] body{background:#F7F9F8}
body{padding-top:env(safe-area-inset-top)}
[hidden]{display:none!important}
.colonna{display:flex;flex-direction:column;gap:14px}
.spazio{flex:1}
.largo{width:100%}
.muted{color:var(--muted)}

/* estensioni MyWork del DS (dalla guida Living 3.0): onda al tocco */
.btn.pri,.btn.dev,.tab,.chip,.widget{position:relative;overflow:hidden}
.onda{position:absolute;width:12px;height:12px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,.25) 40%,rgba(255,255,255,0) 70%);transform:translate(-50%,-50%) scale(1);animation:onda-tocco .6s ease-out forwards;z-index:0}
@keyframes onda-tocco{to{transform:translate(-50%,-50%) scale(28);opacity:0}}
.pill-conferma{left:0!important;right:0!important;margin-inline:auto;width:max-content;transform:none!important}
html[data-livello="basso"] .onda{display:none}

/* testa */
.testa.wrap{display:flex;align-items:center;gap:10px;padding-top:16px;padding-bottom:12px!important} /* la .wrap mobile del Living aggiunge 96px sotto: qui non serve */
.testa .logo{height:32px;width:auto}
#menu{max-width:720px;margin:0 auto 12px;padding-left:var(--gutter);padding-right:var(--gutter)}
#vista{max-width:720px}
.vista{display:flex;flex-direction:column;gap:16px;padding:8px 0 24px}

/* accesso */
.accesso{min-height:100vh;box-sizing:border-box;max-width:440px;margin:0 auto;padding:56px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px}
.accesso .logo{height:44px;width:auto;align-self:flex-start}
.accesso-corpo{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}
.accesso-corpo p{margin:0}
.nota-piede{font-size:13px;margin:0}

/* robot */
.stato-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stato-griglia .v{font-size:17px;font-weight:800;line-height:1.25;overflow-wrap:break-word}
.stato-griglia .e{font-size:12px;color:var(--muted)}
.rapide{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.etichetta-sez{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 -6px}
.pallino{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:middle}
.pallino.on{background:var(--green)}

/* chat */
.messaggi{display:flex;flex-direction:column;gap:10px}
.msg{max-width:85%;padding:10px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere}
.msg.umano{align-self:flex-end;background:var(--accent-soft);border-color:var(--sec-bordo)}
.msg .meta{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.scrivi{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:flex-end;background:var(--bg);padding:8px 0}
.scrivi textarea{flex:1;min-height:50px;max-height:140px;resize:none}
@media (min-width:761px) and (pointer:fine){.scrivi{bottom:0}}

/* elenchi (azioni, diario, collegamenti) */
.elenco{display:flex;flex-direction:column}
.voce{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.voce:first-child{border-top:0}
.voce .testo{flex:1;min-width:0}
.voce .testo b{display:block;overflow-wrap:anywhere}
.voce .testo>span:not(.badge){font-size:13px;color:var(--muted)}
.voce .azioni-voce{display:flex;gap:6px;flex:none}
.giorno{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 0}
.filtri{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter)*-1);padding:2px var(--gutter)}
.filtri::-webkit-scrollbar{display:none}
.filtri .chip{flex:none}
button{font-family:inherit}
textarea.carattere{min-height:280px;font-size:16px;line-height:1.5}
.originale{font-size:13px;color:var(--muted);margin:0}
.voce .badge{margin-top:6px;display:inline-flex}
.scrivi .btn{width:auto!important;flex:none;min-width:88px}
.scrivi textarea{width:100%;box-sizing:border-box}
.logo-scuro{display:none}
:root:not([data-theme="light"]) .logo-chiaro{display:none}
:root:not([data-theme="light"]) .logo-scuro{display:block}