/* Guará One · rifinitura grafica premium (si appoggia alle variabili di index.html) */
:root{--r:16px;--sh2:0 1px 2px rgba(31,35,40,.05),0 10px 30px rgba(31,35,40,.08);--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth}
body{background:radial-gradient(1200px 500px at 100% -10%,rgba(184,155,94,.10),transparent 60%),radial-gradient(900px 400px at -10% 0%,rgba(224,122,47,.05),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(184,155,94,.28)}
/* barra in alto e menu */
header{box-shadow:0 1px 0 rgba(31,35,40,.04),0 6px 24px rgba(31,35,40,.05)}
nav{background:rgba(248,244,238,.86);backdrop-filter:saturate(1.3) blur(10px);gap:4px}
nav a{position:relative;letter-spacing:.01em;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
nav a.on{background:linear-gradient(180deg,#2C6B50,#1F4D3A);box-shadow:0 4px 14px rgba(31,35,40,.18)}
.subnav{gap:2px;padding-top:10px}.subnav a{border-radius:999px 999px 0 0;transition:color .2s,border-color .2s}
.subnav a.on{border-bottom-color:var(--red);color:var(--ink)}
/* contenuto */
main{animation:gIn .35s var(--ease)}
@keyframes gIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card{border-radius:var(--r);box-shadow:var(--sh2);border-color:rgba(235,229,220,.9);transition:box-shadow .25s var(--ease)}
.card:hover{box-shadow:0 1px 2px rgba(31,35,40,.05),0 14px 36px rgba(31,35,40,.10)}
.card>h2:first-child,.card .row>h2.grow{position:relative;padding-left:12px}
.card>h2:first-child::before,.card .row>h2.grow::before{content:'';position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--gold),var(--red))}
h2{letter-spacing:.005em}
.kpi{border-radius:var(--r);background:linear-gradient(180deg,#fff,#fffcf8)}
.kpi::before{width:4px;border-radius:0 4px 4px 0}
.kpi b{letter-spacing:-.01em}
/* liste */
.list .it{transition:background .18s var(--ease),transform .18s var(--ease)}
.list .it:hover{background:linear-gradient(90deg,#fbf8f3,#fff);transform:translateX(2px)}
.tag{box-shadow:inset 0 0 0 1px rgba(31,35,40,.04)}
.badge{box-shadow:0 2px 6px rgba(224,122,47,.35)}
/* pulsanti e campi */
button,.btn{border-radius:11px;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 4px 12px rgba(224,122,47,.18);background:linear-gradient(180deg,#EA8A44,var(--red))}
button:hover,.btn:hover{background:linear-gradient(180deg,#C8692B,var(--red2));box-shadow:0 6px 16px rgba(224,122,47,.25)}
button.sec,button.ghost,button.chip,.langsel,header button.ghost,.bback,.gbtn{box-shadow:none}
button.sec{background:#fff}button.ghost{background:none}button.chip{background:#fff}button.chip.on{background:var(--ink)}
.gbtn{background:#fff}.gbtn:hover{background:#f8f9fa}
.bback{background:none}
input,textarea,select{border-radius:11px;background:#fffefc}
input:hover,textarea:hover,select:hover{border-color:#d9d0c2}
/* chat */
.chat{background:linear-gradient(180deg,#efe9df,#ece5d9);box-shadow:inset 0 1px 3px rgba(31,35,40,.06)}
.msg{border-radius:14px}.msg.in{border-top-left-radius:4px}.msg.out{border-top-right-radius:4px;background:linear-gradient(180deg,#dcfdd6,#d2f7cb)}
/* toast e barre di scorrimento */
#toast{backdrop-filter:blur(8px);background:rgba(31,35,40,.92);box-shadow:0 10px 30px rgba(31,35,40,.25)}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:rgba(31,35,40,.15);border-radius:10px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(31,35,40,.28);background-clip:content-box}
/* login */
.center.card{box-shadow:0 20px 60px rgba(31,35,40,.12);border-radius:22px}
@media(max-width:600px){main{padding:14px 10px 70px}.card{padding:15px;border-radius:14px}.card:hover{box-shadow:var(--sh2)}}
@media(prefers-reduced-motion:reduce){main{animation:none}*{transition:none!important}}