/* ARGO 360 - tema scuro tech */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");
:root{
  --bg:#0A1315; --panel:#101C1F; --panel2:#16262A; --line:#203338;
  --text:#E4EFED; --muted:#8FA7A4; --acc:#1FA38A; --glow:#2EE6C0;
}
html{background:var(--bg)}
body{
  font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  color:var(--text) !important;
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(31,163,138,.16), transparent 60%),
    radial-gradient(900px 480px at 100% 0%, rgba(46,230,192,.07), transparent 55%),
    linear-gradient(rgba(46,230,192,.035) 1px, transparent 1px) 0 0/100% 32px,
    linear-gradient(90deg, rgba(46,230,192,.035) 1px, transparent 1px) 0 0/32px 100%,
    var(--bg) !important;
  background-attachment:fixed !important;
}
header{
  background:rgba(10,19,21,.82) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(46,230,192,.18);
  box-shadow:0 1px 0 rgba(46,230,192,.10), 0 8px 30px rgba(0,0,0,.45) !important;
  position:sticky; top:0; z-index:50;
}
header .logo{letter-spacing:.06em}
header a{color:var(--muted)}
header a:hover{color:var(--glow) !important}

/* numeri: cifre tabellari, aspetto da strumento */
.kv,.big,.num,td.n,td.r,.valore{font-variant-numeric:tabular-nums}
.kv{font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:-.01em}

/* pannelli: bordo sottile e alone al passaggio */
.card,.kp,.av,.stato,.box,.panel,.tile,table{border:1px solid var(--line)}
.card:hover,.kp:hover{border-color:rgba(46,230,192,.35) !important;
  box-shadow:0 0 0 1px rgba(46,230,192,.12),0 10px 34px rgba(0,0,0,.5),0 0 28px rgba(31,163,138,.12) !important}
.voce:hover{background:var(--panel2) !important;border-left-color:var(--glow) !important}

/* tabelle */
table{border-collapse:collapse}
th{color:var(--muted) !important;background:var(--panel2) !important;border-color:var(--line) !important}
td{border-color:var(--line) !important}
tr:hover td{background:rgba(46,230,192,.04)}

/* campi e pulsanti */
input,select,textarea{background:var(--panel2) !important;color:var(--text) !important;border:1px solid var(--line) !important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc) !important;box-shadow:0 0 0 3px rgba(31,163,138,.22)}
input::placeholder{color:#5f7774}
button,.btn{border-color:var(--line)}
button:hover,.btn:hover{box-shadow:0 0 18px rgba(31,163,138,.25)}
a{color:inherit}
hr{border-color:var(--line)}

/* scrollbar */
*{scrollbar-color:#24393E var(--bg)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#24393E;border-radius:6px;border:2px solid var(--bg)}
::selection{background:rgba(46,230,192,.30)}