/* ===================================================================
   Nexim Global ID — SSO r9 · direzione grafica "corporate consulting"
   (2026-09-29, richiesta del proprietario: stile Deloitte).
   Ristila gli STESSI selettori di sso.r8.css: nessuna modifica a markup/PHP.
   Rollback: ripuntare le pagine a /assets/sso.r8.css.

   Linguaggio: fondo bianco, nero pieno per chrome e titoli, un solo accento
   verde brillante usato per icone, eyebrow, sottolineature e hover; grigi
   freddi per testo secondario e linee; angoli quasi vivi (2-4px); niente
   gradienti né ombre pesanti; tipografia Open Sans, titoli pesanti.
   La severità (ok/bad/warn/info) resta separata dall'accento.
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  /* superfici */
  --bg-deep:#f5f5f5; --bg:#ffffff; --bg-sunken:#f5f5f5; --bg-card:#ffffff;
  --chrome:#000000; --chrome-2:#141414; --chrome-line:#2b2b2b;
  --ink:#000000; --ink2:#f5f5f5; --ink3:#e6e6e6;
  /* testo */
  --txt:#000000; --txt-dim:#222222; --muted:#53565a; --muted-2:#75787b;
  /* linee (cool gray) */
  --line:#e6e6e6; --line-2:#d0d0ce; --line-3:#a7a8aa;
  /* accento unico: verde brillante per icone/eyebrow/hover; scuro dove serve come testo */
  --accent:#86bc25; --accent2:#86bc25; --accent-d:#26890d; --accent-s:#c4d600;
  --accent-ink:#000000; --accent-glow:rgba(134,188,37,.22);
  /* severità */
  --ok:#26890d;  --ok-bg:#eef7e6;  --ok-bd:#bfe0a3;
  --bad:#da291c; --bad-bg:#fdecea; --bad-bd:#f4b4ae;
  --warn:#b25c00;--warn-bg:#fff3e0;--warn-bd:#f7cf98;
  --info:#0076a8;--info-bg:#e8f3f9;--info-bd:#a9d3e8;
  --mono:ui-monospace,'JetBrains Mono',SFMono-Regular,Menlo,Consolas,monospace;
  --focus:0 0 0 3px rgba(134,188,37,.45);
}
html,body{height:100%;}
body{
  font-family:'Open Sans','Segoe UI',Helvetica,Arial,sans-serif;
  color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent-d);text-decoration:none;}
a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:3px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

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

/* -- pannello sinistro: nero pieno, tipografia grande, punto verde -- */
.auth-side{
  flex:0 0 44%;position:relative;overflow:hidden;color:#fff;
  background:var(--chrome);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:46px 54px;
}
/* motivo: sottili linee diagonali verdi in basso a destra (segno, non decorazione) */
.auth-side::before{
  content:"";position:absolute;right:-80px;bottom:-80px;width:520px;height:520px;opacity:.9;
  background:repeating-linear-gradient(135deg,rgba(134,188,37,.16) 0 2px,transparent 2px 26px);
  -webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0%,transparent 70%);
          mask-image:radial-gradient(circle at 100% 100%,#000 0%,transparent 70%);
}
.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:#fff;
  letter-spacing:.02em;border-left:1px solid rgba(255,255,255,.28);padding-left:14px;
}
.brand-lock .id::after{content:".";color:var(--accent);}
.auth-hero{max-width:470px;}
.auth-hero .eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--accent);margin-bottom:18px;
}
.auth-hero h2{font-size:38px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;text-wrap:balance;}
.auth-hero h2::after{content:"";display:block;width:56px;height:4px;background:var(--accent);margin-top:22px;}
.auth-hero p{margin-top:18px;color:#bbbcbc;font-size:15px;line-height:1.65;}
.sec-list{margin-top:34px;display:flex;flex-direction:column;gap:14px;}
.sec-item{display:flex;align-items:center;gap:14px;}
.sec-item .ic{
  width:38px;height:38px;border-radius:2px;flex-shrink:0;
  background:var(--chrome-2);border:1px solid var(--chrome-line);
  display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:15px;
}
.sec-item .tx strong{color:#fff;font-size:13.5px;font-weight:700;display:block;}
.sec-item .tx span{color:#97999b;font-size:12px;}
.auth-side-foot{font-size:11px;color:#75787b;letter-spacing:.03em;}

/* -- pannello destro: form su bianco -- */
.auth-panel{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding:44px 26px;background:var(--bg);
}
.auth-box{width:100%;max-width:420px;}
.auth-box .topline{
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent-d);margin-bottom:10px;display:flex;align-items:center;gap:8px;
}
.auth-box .topline i{color:var(--accent);}
.auth-box h1{font-size:28px;font-weight:800;color:var(--txt);letter-spacing:-.02em;line-height:1.15;}
.auth-box .lead{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55;}
.auth-card2{
  background:var(--bg-card);border:1px solid var(--line-2);border-radius:3px;margin-top:22px;
  border-top:4px solid var(--chrome);
  box-shadow:none;
  padding:26px 26px 24px;
}

.fld{margin-bottom:16px;}
.fld label{display:block;font-size:11px;font-weight:700;color:var(--txt);margin-bottom:7px;letter-spacing:.08em;text-transform:uppercase;}
.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-d);}
.fld input{
  width:100%;height:46px;padding:0 14px 0 38px;font-size:14.5px;color:var(--txt);
  border:1px solid var(--line-3);border-radius:2px;background:#fff;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(--chrome);box-shadow:inset 0 -2px 0 var(--accent);}
.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:2px;cursor:pointer;
  font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:inherit;
  transition:background .12s,color .12s,transform .05s;display:flex;align-items:center;justify-content:center;gap:9px;
}
.btn-primary{background:var(--chrome);color:#fff;box-shadow:none;}
.btn-primary:hover{background:var(--accent);color:var(--accent-ink);filter:none;}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{background:#fff;color:var(--txt);border:1px solid var(--chrome);}
.btn-ghost:hover{background:var(--bg-sunken);color:var(--txt);border-color:var(--chrome);}
.btn[disabled]{opacity:.5;cursor:not-allowed;}

.auth-links{margin-top:16px;display:flex;flex-direction:column;gap:10px;font-size:13px;}
.auth-links a{color:var(--txt);font-weight:600;}
.auth-links a i{color:var(--accent-d);}
.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:2px;padding:5px 11px;display:flex;align-items:center;gap:6px;letter-spacing:.03em;text-transform:uppercase;
}
.trust-chip i{color:var(--accent-d);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:.06em;
  padding:4px 9px;border-radius:2px;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(--chrome);color:#fff;}

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

/* box contestuali */
.hintbox{background:var(--warn-bg);border:1px solid var(--warn-bd);border-left:4px solid var(--warn);
  border-radius:2px;padding:12px 14px;margin:-6px 0 14px;font-size:12.5px;color:#7a3f00;line-height:1.55;}
.hintbox i{color:var(--warn);margin-right:6px;}
.hintbox a{display:inline-block;margin-top:6px;color:var(--txt);font-weight:700;font-size:12.5px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;}
.ctabox{margin-top:12px;padding:11px 14px;background:var(--bg-sunken);border:1px solid var(--line-2);
  border-radius:2px;font-size:12.5px;text-align:center;color:var(--txt-dim);}
.ctabox i{color:var(--accent-d);}
.ctabox a{font-weight:700;color:var(--txt);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;}
.ctabox.alt i{color:var(--info);} .ctabox.alt a{color:var(--txt);}

.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-3);border-radius:2px;font-family:var(--mono);
  background:#fff;color:var(--txt);outline:none;transition:border-color .12s,box-shadow .12s;
}
.otp-row input:focus{border-color:var(--chrome);box-shadow:inset 0 -2px 0 var(--accent);}
.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,.28);
  padding-left:0;padding-right:14px;}
[dir="rtl"] .hintbox{border-left:1px solid var(--warn-bd);border-right:4px solid var(--warn);}

/* ====== PORTAL (pagine con .pnav/.phero/.tiles) ====== */
.pnav{
  background:var(--chrome);min-height:60px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  justify-content:space-between;padding:10px 22px;border-bottom:3px solid var(--accent);
  box-shadow:none;
}
.pnav .brand{display:flex;align-items:center;gap:10px;}
.pnav .brand img{height:22px;width:auto;}
.pnav .brand .id{color:#fff;font-weight:800;font-size:21px;line-height:1;}
.pnav .brand .id::after{content:".";color:var(--accent);}
.pnav .brand .sep{color:#53565a;margin:0 3px;font-size:17px;}
.pnav .brand .ctx{color:#bbbcbc;font-size:13px;font-weight:600;}
.acct{position:relative;}
.acct-btn{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #53565a;
  color:#fff;padding:7px 12px;border-radius:2px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .12s,border-color .12s;}
.acct-btn:hover{background:var(--chrome-2);border-color:var(--accent);color:#fff;}
.acct-av{width:28px;height:28px;border-radius:2px;
  background: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:#fff;border:1px solid var(--line-2);
  border-radius:2px;box-shadow:0 12px 32px rgba(0,0,0,.14);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:2px;
  background:var(--bg-sunken);color:var(--txt);border:1px solid var(--line-2);}
.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:var(--bg-sunken);text-decoration:none;color:var(--txt);box-shadow:inset 3px 0 0 var(--accent);}
.acct-menu a i{width:15px;color:var(--muted);}
.acct-menu .sep{height:1px;background:var(--line);}

.phero{background:var(--chrome);padding:36px 22px 32px;color:#fff;border-bottom:1px solid var(--line);}
.phero .inner{max-width:1120px;margin:0 auto;}
.phero h1{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;}
.phero h1::after{content:"";display:block;width:48px;height:4px;background:var(--accent);margin-top:14px;}
.phero p{color:#bbbcbc;font-size:14px;margin-top:12px;}

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

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.tile{background:#fff;border:1px solid var(--line-2);border-radius:2px;padding:20px;
  display:flex;flex-direction:column;gap:12px;position:relative;
  transition:border-color .15s,box-shadow .15s;}
.tile::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:transparent;transition:background .15s;}
.tile.live{cursor:pointer;}
.tile.live:hover{border-color:var(--chrome);transform:none;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08);}
.tile.live:hover::before{background:var(--accent);}
.tile-top{display:flex;align-items:center;gap:14px;}
.tile-ic{width:48px;height:48px;border-radius:2px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent);
  background:var(--chrome)!important;border:none;}
.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:12px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em;}
.tile-go i{color:var(--accent-d);}
.badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  padding:4px 9px;border-radius:2px;font-family:var(--mono);}
.badge-sso{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bd);}

.pcard{background:#fff;border:1px solid var(--line-2);border-radius:2px;padding:19px;border-top:4px solid var(--chrome);}
.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:#fff;border:1px solid var(--line-2);
  border-radius:2px;overflow:hidden;font-size:13px;color:var(--txt-dim);}
.utable th{text-align:left;background:var(--bg-sunken);color:var(--txt);font-size:10.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;padding:10px 13px;border-bottom:2px solid var(--chrome);}
.utable td{padding:11px 13px;border-bottom:1px solid var(--line);}
.utable tr:last-child td{border-bottom:none;}
.utable tbody tr:hover{background:#f7faf1;}
.uchip{font-size:10px;font-weight:800;padding:3px 9px;border-radius:2px;font-family:var(--mono);
  text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-2);background:var(--bg-sunken);color:var(--txt);}

@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;}
}

/* ===== r9.1 (2026-09-29) — portale SOLO TESTO: niente icone nelle tile/chip, angoli vivi, badge monocromi.
   Le regole .np-* del portale sono inline (dopo questo file) → qui servono gli !important. ===== */
.np-ic,.np-go i,.np-chip i,.np-bdg i,.np-sec-h .tag i,.np-card h3 i,.np-act i,.np-acct-menu a i,.np-empty i,.np-alert i{ display:none !important; }
.np-tile{ border-radius:0 !important; box-shadow:none !important; border:1px solid var(--line-2,#d0d0ce) !important; }
.np-tile:hover{ transform:none !important; box-shadow:none !important; border-color:#000 !important; }
.np-tile::before{ background:#86bc25 !important; }
.np-tile h3{ font-size:17px !important; }
.np-go{ color:#26890d !important; letter-spacing:.06em; }
.np-go::after{ content:" →"; }
.np-bdg{ background:#fff !important; color:#000 !important; border:1px solid #000 !important; border-radius:0 !important; opacity:1 !important; font-size:10px !important; letter-spacing:.1em; }
.np-chip{ border-radius:0 !important; background:transparent !important; border:1px solid #53565a !important; color:#fff !important; }
.np-chip a{ color:#fff !important; }
.np-sec-h h2{ color:#000 !important; }
.np-sec-h .tag{ border-radius:0 !important; background:#000 !important; color:#fff !important; }
.np-sec-h .tag i{ display:none !important; }
.np-card,.np-act,.np-alert,.np-empty,.np-acct-menu,.np-acct-menu a,.np-lang a,.np-acct-btn,.np-av{ border-radius:0 !important; }
.np-card{ border-top:3px solid #000 !important; }
.np-lang a.on{ background:#86bc25 !important; color:#000 !important; }

/* ===== r9.2 (2026-09-29) — portale: (a) la prima intestazione di sezione cadeva DENTRO l'hero nero (np-wrap con margine
   negativo) e risultava nera su nero, a ogni larghezza; (b) su telefono lingue + account uscivano dallo schermo.
   Le regole .np-* della pagina sono inline → servono gli !important. ===== */
.np-wrap{ margin-top:0 !important; }
.np-hero{ padding-bottom:36px !important; }
.np-wrap > .np-sec-h:first-of-type, .np-wrap > .np-alert + .np-sec-h{ margin-top:30px !important; }
@media(max-width:560px){
  .np-nav{ height:auto !important; padding:10px 15px !important; flex-wrap:wrap !important; row-gap:8px !important; }
  .np-brand img{ height:20px !important; }
  .np-right{ width:100% !important; justify-content:space-between !important; gap:8px !important; }
  .np-lang a{ padding:4px 7px !important; }
  .np-acct{ flex:0 0 auto !important; }
  .np-acct-btn{ padding:5px 10px !important; }
  .np-acct-btn > span:not(.np-av){ display:inline-block; max-width:96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .np-acct-menu{ right:0 !important; top:44px !important; }
  .np-hero{ padding:24px 16px 30px !important; }
}