/* Ergonomia: impostazioni raggruppate, schede nei moduli lunghi, menu in basso su telefono, moduli piu' compatti */
.scheda-corpo[hidden]{display:none}
.menu-imp-box{position:sticky;top:70px;display:flex;flex-direction:column;gap:8px}
.menu-imp-box .menu-imp{position:static}
.cerca-imp{width:100%}
.imp-select{display:none;width:100%}
.menu-imp{gap:4px}
.gruppo-imp{border-radius:12px}
.gruppo-imp>summary{cursor:pointer;list-style:none;padding:8px 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue,#9aa7b8);display:flex;align-items:center;justify-content:space-between;border-radius:10px;min-height:36px}
.gruppo-imp>summary::-webkit-details-marker{display:none}
.gruppo-imp>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.gruppo-imp[open]>summary::after{transform:rotate(45deg)}
.gruppo-imp>summary:hover{background:rgba(255,255,255,.05)}
.gruppo-imp>button{display:block;width:100%;text-align:left;margin:1px 0}
.schede{margin-top:10px}
.scheda-barra{display:flex;gap:4px;overflow-x:auto;position:sticky;top:-16px;z-index:3;padding:8px 0;background:var(--sfondo,#0b0f14);border-bottom:1px solid rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}
.scheda-tab{flex:none;white-space:nowrap;min-height:38px;padding:6px 14px;border-radius:999px;background:transparent;border:1px solid transparent;color:inherit}
.scheda-tab.attivo{background:rgba(243,181,74,.16);border-color:rgba(243,181,74,.55);font-weight:700}
.scheda-corpo{padding-top:4px}
body.vetro .scheda-barra{background:rgba(10,14,26,.92)}
/* moduli piu' compatti: campi piu' bassi, meno aria tra le etichette */
.pannello label,.contenuto-imp label{margin:10px 0 3px}
.pannello input[type=text],.pannello input[type=email],.pannello input[type=password],.pannello input[type=number],.pannello select,
.contenuto-imp input[type=text],.contenuto-imp input[type=email],.contenuto-imp input[type=password],.contenuto-imp input[type=number],.contenuto-imp select{padding:7px 10px}
.contenuto-imp .carta form label:first-child{margin-top:0}
@media (max-width:1000px){
  .menu-imp-box{position:static}
  .menu-imp-box .menu-imp,.menu-imp-box .cerca-imp{display:none}
  .imp-select{display:block}
}
/* telefono: menu principale come barra in basso, raggiungibile col pollice */
@media (max-width:820px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  header,body.vetro header{flex-wrap:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;filter:none}
  body.vetro header{background:rgba(8,11,20,.88)}
  header nav{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;order:0;z-index:40;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:2px;padding:8px 8px calc(18px + env(safe-area-inset-bottom));
    background:rgba(8,11,20,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.14);-webkit-overflow-scrolling:touch}
  header nav button{flex:none;min-height:50px;padding:8px 14px}
  /* dashboard: prima la scena 3D, poi i numeri in griglia compatta */
  .dashboard .scena-pagina{order:0;height:62vh;min-height:340px}
  .statistiche{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .statistiche>*{padding:8px 10px}
  .col-sx{order:2}.col-dx{order:3}
}
@media (max-width:520px){.statistiche{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* carte degli agenti: formazione, competenze e andamento dei token nel mese */
.carta.agente{display:flex;flex-direction:column;gap:6px}
.agente-extra{display:flex;flex-direction:column;gap:5px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.agente-extra-posto{min-height:110px}
.extra-titolo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue,#9aa7b8)}
.extra-dx{font-weight:500;letter-spacing:0;text-transform:none;color:inherit}
.skills{display:flex;flex-direction:column;gap:3px}
.skill{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.skill-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pallini{display:inline-flex;gap:3px;flex:none}
.pallini i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16);display:block}
.pallini i.on{background:#ffc46b;box-shadow:0 0 6px rgba(255,196,107,.55)}
.spesa-svg{width:100%;height:56px;display:block}
.spesa-base{stroke:rgba(255,255,255,.18);stroke-width:1}
.spesa-budget{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:3 3}
.spesa-linea{fill:none;stroke:#ffc46b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:spesa-disegna 1.1s ease-out .15s forwards}
.spesa-area{fill:rgba(255,196,107,.16);opacity:0;animation:spesa-sfuma .8s ease-out .6s forwards}
.spesa-punto{fill:#ffc46b;opacity:0;animation:spesa-sfuma .3s ease-out 1.1s forwards}
@keyframes spesa-disegna{to{stroke-dashoffset:0}}
@keyframes spesa-sfuma{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.spesa-linea{animation:none;stroke-dashoffset:0}.spesa-area,.spesa-punto{animation:none;opacity:1}}