/* ZYTRIX V3 - visual totalmente reformulado: preto + roxo escuro */
:root{
  --zx-bg:#020106;--zx-void:#05010b;--zx-panel:#0b0615;--zx-panel2:#12091f;--zx-card:#0c0715cc;
  --zx-purple:#7c2dff;--zx-purple2:#4c0f9f;--zx-neon:#b56cff;--zx-text:#f6f0ff;--zx-muted:#9587aa;
  --zx-line:rgba(181,108,255,.18);--zx-line2:rgba(255,255,255,.08);--zx-danger:#ff5f7a;
}
html,body{background:var(--zx-bg)!important;color:var(--zx-text)!important;font-family:Inter,Arial,sans-serif!important;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
 radial-gradient(circle at 12% 8%,rgba(124,45,255,.24),transparent 26%),
 radial-gradient(circle at 85% 18%,rgba(84,19,155,.18),transparent 28%),
 linear-gradient(135deg,#020106 0%,#05010b 42%,#0a0314 100%)!important;}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:
 linear-gradient(rgba(181,108,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(181,108,255,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);}
/* Containers */
.bg-sidebar, aside, .sidebar{background:linear-gradient(180deg,rgba(10,4,22,.96),rgba(4,2,9,.98))!important;border-right:1px solid var(--zx-line)!important;box-shadow:18px 0 60px rgba(0,0,0,.42)!important;}
main,.main,.min-h-screen,.bg-neutral-900,.bg-zinc-900,.bg-gray-900,.bg-black{background:transparent!important;}
.rounded-xl,.rounded-2xl,.rounded-lg,.clean-card,.minimal-card,.card,.bg-neutral-800,.bg-zinc-800,.bg-gray-800,.bg-white\/5{background:linear-gradient(145deg,rgba(17,8,31,.78),rgba(5,2,12,.86))!important;border:1px solid var(--zx-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(18px)!important;}
.clean-card:hover,.minimal-card:hover,.card:hover,.rounded-xl:hover{border-color:rgba(181,108,255,.44)!important;box-shadow:0 22px 75px rgba(76,15,159,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;transform:translateY(-1px);}
/* Headings / branding */
h1,h2,h3,.hero-title,.title{letter-spacing:.03em!important;color:var(--zx-text)!important;text-shadow:0 0 25px rgba(124,45,255,.35)!important;}
.hero-title,.text-purple-400,.text-purple-300{background:linear-gradient(90deg,#fff,#c9a7ff,#7c2dff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
img[src*="zytrix_logo"],.brand-icon img{filter:drop-shadow(0 0 18px rgba(181,108,255,.72))!important;border-radius:22px!important;}
/* Buttons keep same behavior, new visual */
button,a[href],input[type="submit"],.action-text-btn{transition:.2s ease!important;}
button:not(.nav-btn):not(.logout),a[class*="bg-"],input[type="submit"],.action-text-btn{border-radius:14px!important;border:1px solid rgba(181,108,255,.28)!important;background:linear-gradient(135deg,rgba(124,45,255,.22),rgba(28,8,56,.72))!important;color:#fff!important;box-shadow:0 10px 30px rgba(76,15,159,.20)!important;}
button:not(.nav-btn):not(.logout):hover,a[class*="bg-"]:hover,input[type="submit"]:hover,.action-text-btn:hover{border-color:rgba(181,108,255,.58)!important;box-shadow:0 0 26px rgba(124,45,255,.38)!important;transform:translateY(-1px)!important;}
.nav-btn{border-radius:0 18px 18px 0!important;margin:5px 14px 5px 0!important;width:calc(100% - 14px)!important;background:transparent!important;}
.nav-btn.active,.nav-btn:hover{background:linear-gradient(90deg,rgba(124,45,255,.30),rgba(124,45,255,.06))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--zx-neon),0 0 32px rgba(124,45,255,.18)!important;}
.logout{border-radius:14px!important;border-color:rgba(255,95,122,.28)!important;background:rgba(255,95,122,.045)!important;color:#ff8a9d!important;}
/* Inputs/tables */
input,select,textarea,.input,.select{background:rgba(3,1,8,.72)!important;border:1px solid var(--zx-line)!important;color:#fff!important;border-radius:13px!important;outline:none!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(181,108,255,.65)!important;box-shadow:0 0 0 3px rgba(124,45,255,.16)!important;}
table,tbody,tr,td,th{border-color:rgba(181,108,255,.12)!important;}th{color:#cdb8ff!important;background:rgba(124,45,255,.08)!important;}
/* Dashboard layout changes */
.clean-section-title,.side-group-title{color:#7f6f96!important;letter-spacing:.22em!important;}
::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:#05010b!important}::-webkit-scrollbar-thumb{background:linear-gradient(#7c2dff,#321060)!important;border-radius:99px!important}
/* Gui menu: maintain names, different cockpit cards */
.card{border-radius:24px!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))!important;}
.card-head{background:linear-gradient(90deg,rgba(124,45,255,.13),rgba(255,255,255,.025))!important;border-bottom:1px solid var(--zx-line)!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#d9c7ff!important;}
.row{border-bottom:1px solid rgba(181,108,255,.10)!important;}
.switch input:checked+span{background:linear-gradient(90deg,#38106b,#8b38ff)!important;box-shadow:0 0 24px rgba(124,45,255,.75)!important;}
.range{background:linear-gradient(90deg,#b56cff 0 50%,rgba(255,255,255,.08) 50% 100%)!important;}
.online{background:rgba(124,45,255,.10)!important;border-color:rgba(181,108,255,.28)!important;color:#cfaaff!important;}
.online:before{background:#b56cff!important;box-shadow:0 0 14px #b56cff!important;}
@media(max-width:900px){.sidebar{position:relative!important;left:auto!important;width:100%!important;height:auto!important}.grid{grid-template-columns:1fr!important}.main{height:auto!important;min-height:100vh!important}}