/* Gestione utenti: pagina che scorre, colonna unica larga al massimo 760px */
html{height:auto}
body.admin{overflow:auto;background:var(--bg-admin,#EEF3F2);height:auto;min-height:100%}
@media (prefers-color-scheme:dark){body.admin{--bg-admin:#0F1716}}
.abar{position:sticky;top:0;z-index:50;background:var(--teal);color:#fff;padding-top:env(safe-area-inset-top,0px)}
.abar-in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;
  padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.abar h1{flex:1;min-width:0;margin:0;font-size:18px;font-weight:700}
.brandlink{font-weight:800;font-size:18px;text-decoration:none;background:#fff;border-radius:10px;padding:6px 10px;letter-spacing:.02em}
.brandlink .geo{color:var(--geo)} .brandlink .fs{color:var(--fs)}
.btn.small{min-height:36px;padding:4px 12px;font-size:14px;border-color:rgba(255,255,255,.6);background:transparent;color:#fff}
.wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px;
  padding-block:18px calc(env(safe-area-inset-bottom,0px) + 32px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#content{display:flex;flex-direction:column;gap:16px}
#content[hidden]{display:none}
.gate{margin:30px 0;text-align:center;color:var(--muted)}
.gate a{color:var(--teal);font-weight:600}
.card{background:var(--panel);border-radius:16px;padding:18px;box-shadow:0 1px 3px rgba(10,30,28,.08)}
.card h2{margin:0 0 4px;font-size:17px;display:flex;align-items:center;gap:8px}
.sub{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.45;max-width:62ch}
.count{min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--chip);color:var(--muted);font-size:12px;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
#secRichieste .count{background:var(--fs);color:#fff}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}
.span2{grid-column:1/-1}
@media (max-width:560px){.grid2{grid-template-columns:minmax(0,1fr)}}
#aMatricola{font-family:var(--mono);letter-spacing:.06em}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btnrow .btn{min-width:140px}
.head-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.head-row h2{flex:1;margin:0}
.search.mini{flex:0 1 260px;height:40px;box-shadow:none;border:1.5px solid var(--line);background:var(--panel)}
.search.mini svg{width:18px;height:18px}

.list{list-style:none;margin:0;padding:0}
.urow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.list .urow:first-child{border-top:0}
.uinfo{flex:1 1 220px;min-width:0}
.uname{font-weight:700;overflow-wrap:anywhere}
.umeta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:3px;color:var(--muted);font-size:13px}
.umeta .mono{color:var(--ink);font-size:13px}
.tag{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em}
.tag.admin{background:var(--teal);color:#fff}
.tag.off{background:color-mix(in srgb,var(--fs) 15%,var(--panel));color:var(--fs)}
.tag.temp{background:#FFF1BF;color:#6B5200}
.tag.wait{background:var(--fs);color:#fff}
.uact{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.uact .btn{min-height:36px;padding:4px 10px;font-size:13px;border-radius:10px}
.btn.danger{color:var(--fs);border-color:color-mix(in srgb,var(--fs) 40%,var(--line))}
.btn.danger.armed{background:var(--fs);color:#fff;border-color:var(--fs)}
.btn.ok{background:var(--geo);border-color:var(--geo);color:#fff}
.empty{padding:10px 0;color:var(--muted);font-size:14px}

.modal{position:fixed;inset:0;z-index:4000;background:rgba(5,15,14,.55);display:flex;align-items:center;justify-content:center;
  padding-block:20px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.modal-card{width:100%;max-width:440px;background:var(--panel);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.modal-card h2{margin:0 0 6px;font-size:19px}
.cred{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.cred div{background:var(--chip);border-radius:10px;padding:8px 12px}
.cred dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cred dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.cred dd.big{font-size:22px;letter-spacing:.04em}
.modal .amsg{margin-bottom:10px}