/* ===================================================================
   Nexim Global ID — SSO r8 · Nexim Operations Design System (NODS)
   Rifacimento grafico 2026-07-17. Nessuna modifica al markup/PHP:
   questo foglio ristila gli STESSI selettori di sso.r7.css.
   Rollback: ripuntare le pagine a /assets/sso.r7.css.
   Palette: navy profondo + accento "signal teal". La severità
   (bad/warn/ok/info) resta separata dall'accento — regola NODS.
   =================================================================== */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  /* superfici */
  --bg-deep:#050912; --bg:#070c16; --bg-sunken:#0d1524; --bg-card:#111a2b;
  --ink:#e7edf9; --ink2:#0d1524; --ink3:#26324c;
  /* testo */
  --txt:#e7edf9; --txt-dim:#b3c0d8; --muted:#8394b0; --muted-2:#6f7f9c;
  /* linee */
  --line:#1b2740; --line-2:#26324c; --line-3:#31405d;
  /* accento (unico, per navigazione e azioni — MAI per severità) */
  --accent:#18d3c8; --accent2:#18d3c8; --accent-d:#0c9a92; --accent-s:#4defe4;
  --accent-ink:#03141a; --accent-glow:rgba(24,211,200,.20);
  /* severità */
  --ok:#6ee7b7;  --ok-bg:#0f3520;  --ok-bd:#1a4d30;
  --bad:#ff6b6b; --bad-bg:#3a1414; --bad-bd:#5a1f1f;
  --warn:#fcd34d;--warn-bg:#3a2e10;--warn-bd:#5a4a18;
  --info:#93c5fd;--info-bg:#0f2540;--info-bd:#1e3a5f;
  --mono:ui-monospace,'JetBrains Mono',SFMono-Regular,Menlo,Consolas,monospace;
  --focus:0 0 0 3px rgba(24,211,200,.42);
}
html,body{height:100%;}
body{
  font-family:'Inter','Segoe UI',Helvetica,Arial,sans-serif;
  color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

/* ====== AUTH — split screen ====== */
.auth{display:flex;min-height:100vh;}

/* -- pannello sinistro: brand + campo di segnale -- */
.auth-side{
  flex:0 0 44%;position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(760px 520px at 22% 18%, rgba(24,211,200,.13), transparent 62%),
    radial-gradient(720px 560px at 92% 96%, rgba(16,49,74,.55), transparent 62%),
    linear-gradient(158deg,#050912 0%,#0a1425 56%,#0f2338 100%);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:46px 50px;
}
/* motivo di segnale: archi orbitali + nodi (rete globale / contribution) */
.auth-side::before{
  content:"";position:absolute;inset:0;opacity:.9;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900'>\
<g fill='none' stroke='%2318d3c8' stroke-opacity='0.17'>\
<ellipse cx='450' cy='470' rx='430' ry='128'/>\
<ellipse cx='450' cy='470' rx='300' ry='90'/>\
<ellipse cx='450' cy='470' rx='560' ry='170'/>\
<path d='M-40,520 Q220,360 470,470 T940,390'/>\
<path d='M-40,610 Q260,470 540,560 T940,500'/>\
<path d='M-40,430 Q200,270 480,360 T940,280'/>\
</g>\
<g fill='%2318d3c8'>\
<circle cx='200' cy='406' r='2.6' opacity='.75'/><circle cx='470' cy='470' r='3' opacity='.9'/>\
<circle cx='700' cy='418' r='2.6' opacity='.7'/><circle cx='340' cy='548' r='2.2' opacity='.6'/>\
<circle cx='120' cy='486' r='1.7' opacity='.5'/><circle cx='820' cy='500' r='1.7' opacity='.5'/>\
<circle cx='600' cy='352' r='1.7' opacity='.5'/><circle cx='280' cy='320' r='1.7' opacity='.45'/>\
</g></svg>");
  background-size:cover;background-position:center;
  -webkit-mask-image:radial-gradient(circle at 40% 46%,#000 10%,transparent 82%);
          mask-image:radial-gradient(circle at 40% 46%,#000 10%,transparent 82%);
}
.auth-side > *{position:relative;z-index:1;}
.brand-lock{display:flex;align-items:center;gap:13px;}
.brand-lock img{height:30px;width:auto;display:block;}
.brand-lock .id{
  font-weight:800;font-size:29px;line-height:1;color:var(--accent);
  letter-spacing:.03em;border-left:1px solid rgba(255,255,255,.20);padding-left:14px;
}
.auth-hero{max-width:450px;}
.auth-hero .eyebrow{
  font-size:10.5px;font-weight:800;letter-spacing:.20em;text-transform:uppercase;
  color:var(--accent);margin-bottom:15px;
}
.auth-hero h2{font-size:31px;font-weight:800;line-height:1.2;letter-spacing:-.015em;color:#fff;text-wrap:balance;}
.auth-hero p{margin-top:13px;color:#9db0ce;font-size:14px;line-height:1.62;}
.sec-list{margin-top:28px;display:flex;flex-direction:column;gap:13px;}
.sec-item{display:flex;align-items:center;gap:13px;}
.sec-item .ic{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  background:rgba(24,211,200,.09);border:1px solid rgba(24,211,200,.24);
  display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:15px;
}
.sec-item .tx strong{color:#eaf1fc;font-size:13.5px;font-weight:700;display:block;}
.sec-item .tx span{color:#8296b6;font-size:12px;}
.auth-side-foot{font-size:11px;color:#5d708c;letter-spacing:.03em;}

/* -- pannello destro: form -- */
.auth-panel{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding:44px 26px;background:var(--bg);
}
.auth-box{width:100%;max-width:412px;}
.auth-box .topline{
  font-size:10.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;
  color:var(--accent);margin-bottom:9px;display:flex;align-items:center;gap:7px;
}
.auth-box h1{font-size:24px;font-weight:800;color:var(--txt);letter-spacing:-.015em;line-height:1.2;}
.auth-box .lead{font-size:13.5px;color:var(--muted);margin-top:7px;line-height:1.55;}
.auth-card2{
  background:var(--bg-card);border:1px solid var(--line-2);border-radius:14px;margin-top:20px;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 22px 54px -26px rgba(0,0,0,.7);
  padding:25px 26px 23px;
}

.fld{margin-bottom:16px;}
.fld label{display:block;font-size:12px;font-weight:700;color:var(--txt-dim);margin-bottom:7px;letter-spacing:.02em;}
.fld .wrap{position:relative;}
.fld .wrap > i{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:var(--muted-2);font-size:14px;pointer-events:none;transition:color .12s;
}
.fld .wrap:focus-within > i{color:var(--accent);}
.fld input{
  width:100%;height:46px;padding:0 14px 0 38px;font-size:14.5px;color:var(--txt);
  border:1px solid var(--line-2);border-radius:9px;background:var(--bg-sunken);outline:none;
  transition:border-color .12s,box-shadow .12s;font-family:inherit;
}
.fld input::placeholder{color:var(--muted-2);}
.fld input:focus{border-color:var(--accent-d);box-shadow:var(--focus);}
.fld .hint{font-size:11.5px;color:var(--muted);margin-top:7px;display:flex;gap:6px;align-items:center;}
.fld .hint i{color:var(--accent-d);}

.btn{
  width:100%;height:47px;border:none;border-radius:9px;cursor:pointer;
  font-size:14.5px;font-weight:800;letter-spacing:.01em;font-family:inherit;
  transition:transform .05s,filter .12s;display:flex;align-items:center;justify-content:center;gap:9px;
}
.btn-primary{background:linear-gradient(180deg,var(--accent-s),var(--accent));color:var(--accent-ink);
  box-shadow:0 8px 22px -6px var(--accent-glow);}
.btn-primary:hover{filter:brightness(1.07);}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{background:transparent;color:var(--txt-dim);border:1px solid var(--line-3);}
.btn-ghost:hover{background:var(--bg-sunken);color:var(--txt);border-color:var(--accent-d);}
.btn[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.4);}

.auth-links{margin-top:16px;display:flex;flex-direction:column;gap:10px;font-size:13px;}
.auth-divider{height:1px;background:var(--line);margin:18px 0 14px;}
.auth-foot2{margin-top:20px;text-align:center;font-size:11px;color:var(--muted-2);}
.trust-row{margin-top:16px;display:flex;gap:7px;flex-wrap:wrap;justify-content:center;}
.trust-chip{
  font-size:10.5px;font-weight:700;color:var(--muted);background:var(--bg-sunken);border:1px solid var(--line-2);
  border-radius:999px;padding:5px 11px;display:flex;align-items:center;gap:6px;
}
.trust-chip i{color:var(--ok);font-size:11px;}
.lang-switch{margin-top:14px;display:flex;gap:3px;flex-wrap:wrap;justify-content:center;}
.lang-switch a{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;
  padding:4px 9px;border-radius:999px;border:1px solid transparent;transition:color .12s,background .12s;}
.lang-switch a:hover{text-decoration:none;color:var(--txt);background:var(--bg-sunken);}
.lang-switch a.on,.lang-switch a[aria-current]{background:var(--accent);color:var(--accent-ink);}

.alert{
  padding:11px 13px;border-radius:9px;font-size:13px;margin-bottom:16px;
  display:flex;gap:9px;align-items:flex-start;line-height:1.45;border:1px solid;
}
.alert i{margin-top:1px;}
.alert-bad{background:var(--bad-bg);border-color:var(--bad-bd);color:var(--bad);}
.alert-ok{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok);}
.alert-info{background:var(--info-bg);border-color:var(--info-bd);color:var(--info);}

/* box contestuali (ex stili inline chiari di login.php → ora classi) */
.hintbox{background:var(--warn-bg);border:1px solid var(--warn-bd);border-left:3px solid var(--warn);
  border-radius:9px;padding:12px 14px;margin:-6px 0 14px;font-size:12.5px;color:var(--warn);line-height:1.55;}
.hintbox i{color:var(--warn);margin-right:6px;}
.hintbox a{display:inline-block;margin-top:6px;color:var(--accent);font-weight:700;font-size:12.5px;}
.ctabox{margin-top:12px;padding:11px 14px;background:var(--bg-sunken);border:1px solid var(--line-2);
  border-radius:9px;font-size:12.5px;text-align:center;color:var(--txt-dim);}
.ctabox i{color:var(--accent);}
.ctabox a{font-weight:700;color:var(--accent);}
.ctabox.alt i{color:var(--info);} .ctabox.alt a{color:var(--info);}

.otp-row{display:flex;gap:9px;justify-content:center;margin:8px 0 6px;}
.otp-row input{
  width:48px;height:58px;text-align:center;font-size:24px;font-weight:700;
  border:1px solid var(--line-2);border-radius:10px;font-family:var(--mono);
  background:var(--bg-sunken);color:var(--txt);outline:none;transition:border-color .12s,box-shadow .12s;
}
.otp-row input:focus{border-color:var(--accent);box-shadow:var(--focus);}
.muted-strong{color:var(--txt);font-weight:700;}

@media(max-width:900px){
  .auth{flex-direction:column;}
  .auth-side{flex:none;padding:22px 26px;flex-direction:row;align-items:center;justify-content:center;gap:12px;}
  .auth-side::before{opacity:.5;}
  .auth-hero,.auth-side-foot{display:none;}
  .brand-lock img{height:26px;} .brand-lock .id{font-size:25px;}
  .auth-panel{padding:30px 18px 46px;}
}
@media(max-width:480px){
  .auth-card2{padding:21px 18px 19px;}
  .otp-row{gap:6px;} .otp-row input{width:44px;height:54px;font-size:21px;}
}

/* RTL (arabo) */
[dir="rtl"] .fld input{padding:0 38px 0 14px;}
[dir="rtl"] .fld .wrap > i{left:auto;right:13px;}
[dir="rtl"] .brand-lock .id{border-left:none;border-right:1px solid rgba(255,255,255,.20);
  padding-left:0;padding-right:14px;}
[dir="rtl"] .hintbox{border-left:none;border-right:3px solid var(--warn);}

/* ====== PORTAL ====== */
.pnav{
  background:#060b14;min-height:60px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  justify-content:space-between;padding:10px 22px;border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(24,211,200,.25);
}
.pnav .brand{display:flex;align-items:center;gap:10px;}
.pnav .brand img{height:22px;width:auto;}
.pnav .brand .id{color:var(--accent);font-weight:800;font-size:21px;line-height:1;}
.pnav .brand .sep{color:var(--line-3);margin:0 3px;font-size:17px;}
.pnav .brand .ctx{color:var(--muted);font-size:13px;font-weight:600;}
.acct{position:relative;}
.acct-btn{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);
  color:var(--txt-dim);padding:7px 12px;border-radius:999px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .12s;}
.acct-btn:hover{background:rgba(255,255,255,.09);color:var(--txt);}
.acct-av{width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,var(--accent-s),var(--accent));color:var(--accent-ink);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;}
.acct-menu{position:absolute;right:0;top:48px;width:270px;background:var(--bg-card);border:1px solid var(--line-2);
  border-radius:12px;box-shadow:0 24px 56px rgba(0,0,0,.62);overflow:hidden;display:none;z-index:40;}
.acct-menu.open{display:block;}
.acct-menu .who{padding:15px 17px;border-bottom:1px solid var(--line);}
.acct-menu .who .nm{font-weight:700;font-size:14px;color:var(--txt);}
.acct-menu .who .em{font-size:12px;color:var(--muted);margin-top:2px;word-break:break-all;font-family:var(--mono);}
.acct-menu .who .rl{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;font-family:var(--mono);
  text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:5px;
  background:var(--info-bg);color:var(--info);border:1px solid var(--info-bd);}
.acct-menu a{display:flex;align-items:center;gap:10px;padding:12px 17px;font-size:13px;color:var(--txt-dim);}
.acct-menu a:hover{background:rgba(24,211,200,.09);text-decoration:none;color:var(--txt);}
.acct-menu a i{width:15px;color:var(--muted);}
.acct-menu .sep{height:1px;background:var(--line);}

.phero{background:
  radial-gradient(900px 300px at 78% -30%, rgba(24,211,200,.12), transparent 62%),
  linear-gradient(170deg,#0a1425,#060b14);padding:32px 22px 28px;color:#fff;border-bottom:1px solid var(--line);}
.phero .inner{max-width:1120px;margin:0 auto;}
.phero h1{font-size:24px;font-weight:800;letter-spacing:-.015em;color:#fff;}
.phero p{color:#9db0ce;font-size:14px;margin-top:7px;}

.pwrap{max-width:1120px;margin:0 auto;padding:24px 22px 52px;}
.psec{font-size:10.5px;font-weight:800;color:var(--muted-2);text-transform:uppercase;
  letter-spacing:.14em;margin:8px 0 14px;display:flex;align-items:center;gap:10px;}
.psec::after{content:"";flex:1;height:1px;background:var(--line);}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.tile{background:var(--bg-card);border:1px solid var(--line-2);border-radius:13px;padding:20px;
  display:flex;flex-direction:column;gap:12px;
  transition:box-shadow .15s,transform .09s,border-color .15s,background .15s;}
.tile.live{cursor:pointer;}
.tile.live:hover{border-color:var(--accent-d);transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(24,211,200,.06),var(--bg-card));
  box-shadow:0 18px 40px -22px rgba(0,0,0,.8);}
.tile-top{display:flex;align-items:center;gap:14px;}
.tile-ic{width:48px;height:48px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;
  border:1px solid var(--line-2);}
.tile h3{font-size:15.5px;font-weight:800;color:var(--txt);}
.tile .tg{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45;}
.tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;
  border-top:1px solid var(--line);padding-top:12px;}
.tile-go{font-size:13px;font-weight:800;color:var(--accent);display:flex;align-items:center;gap:8px;}
.badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  padding:4px 9px;border-radius:6px;font-family:var(--mono);}
.badge-sso{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bd);}

.pcard{background:var(--bg-card);border:1px solid var(--line-2);border-radius:13px;padding:19px;}
.pcard h3{font-size:14px;font-weight:800;color:var(--txt);margin-bottom:12px;}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;}
.kv:last-child{border-bottom:none;}
.kv .k{color:var(--muted);}
.kv .v{color:var(--txt);font-weight:600;text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;}
.pfoot{text-align:center;color:var(--muted-2);font-size:11px;padding:26px 16px 36px;}

.utable{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--line-2);
  border-radius:12px;overflow:hidden;font-size:13px;color:var(--txt-dim);}
.utable th{text-align:left;background:var(--bg-sunken);color:var(--muted-2);font-size:10px;font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;padding:10px 13px;border-bottom:1px solid var(--line);}
.utable td{padding:11px 13px;border-bottom:1px solid var(--line);}
.utable tr:last-child td{border-bottom:none;}
.utable tbody tr:hover{background:rgba(24,211,200,.05);}
.uchip{font-size:10px;font-weight:800;padding:3px 9px;border-radius:5px;font-family:var(--mono);
  text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-2);background:var(--bg-sunken);color:var(--muted);}

@media(max-width:560px){
  .pnav .brand .ctx,.pnav .brand .sep{display:none;}
  .pnav{padding:10px 15px;}
  .utable{display:block;overflow-x:auto;white-space:nowrap;}
}