/* PRIME TECH LAB — design system (preto profundo · azul elétrico · grafite · prata) */
:root{
  --bg:#05070d;--bg2:#0a0f1a;--card:#0e1525;--card2:#121b2e;--line:#1d2a44;--line2:#2a3b5e;
  --text:#e8eefc;--muted:#8a9bbd;--silver:#c3cde0;--blue:#1f6bff;--blue2:#3d8bff;--neon:#2ea0ff;
  --ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--r:12px;--glow:0 0 0 1px rgba(46,160,255,.35),0 0 24px rgba(31,107,255,.25);
  --font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(31,107,255,.12),transparent 60%),var(--bg);color:var(--text);font:15px/1.5 var(--font);min-height:100vh}
a{color:var(--neon);text-decoration:none}a:hover{color:#7cc4ff}
h1,h2,h3{margin:0 0 .5em;line-height:1.2;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}
.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}.mt{margin-top:16px}.mb{margin-bottom:16px}.grow{flex:1}
.sr{position:absolute;left:-9999px}
/* layout */
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.side{background:linear-gradient(180deg,#070b14,#060910);border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;color:#fff}
.brand img{height:54px;width:auto;border-radius:50%;box-shadow:0 0 18px rgba(31,107,255,.35)}.bare .brand img{height:150px;box-shadow:0 0 40px rgba(31,107,255,.45)}.brand span{display:flex;flex-direction:column}
.brand b{font-size:1.05rem;letter-spacing:.04em;display:block;line-height:1.1}.brand small{color:var(--muted);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--silver);font-weight:500;margin:2px 0}
.nav a svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav a:hover{background:var(--card);color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(31,107,255,.28),rgba(31,107,255,.06));color:#fff;box-shadow:inset 2px 0 0 var(--neon)}
.nav .grp{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#5d6f94;margin:16px 12px 4px}
.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;gap:12px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line);background:rgba(5,7,13,.8);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}
.top form{flex:1;max-width:520px}.btn.menu-btn{display:none}
.user{display:flex;align-items:center;gap:10px;font-size:.88rem}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#0a3fb0);display:grid;place-items:center;font-weight:700}
.content{padding:24px;max-width:1500px;width:100%}
.page-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.page-head p{margin:0;color:var(--muted)}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* cards & grid */
.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card.glow{box-shadow:var(--glow)}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-aside{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.kpi{display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.kpi .l{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.kpi .v{font-size:1.65rem;font-weight:700;letter-spacing:-.02em}
.kpi .s{color:var(--muted);font-size:.8rem}
.kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(46,160,255,.25),transparent 70%)}
.kpi.warn .v{color:var(--warn)}.kpi.err .v{color:var(--err)}.kpi.ok .v{color:var(--ok)}
/* buttons */
.btn{display:inline-flex;white-space:nowrap;align-items:center;gap:8px;justify-content:center;border:1px solid var(--line2);background:var(--card2);color:var(--text);padding:9px 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;transition:.15s;min-height:40px}
.btn:hover{border-color:var(--neon);color:#fff;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(180deg,#2f7bff,#1558e6);border-color:#4b92ff;color:#fff;box-shadow:0 4px 18px rgba(31,107,255,.35)}
.btn.primary:hover{filter:brightness(1.1)}
.btn.danger{border-color:#7f1d1d;color:#fca5a5;background:#1a0b0e}.btn.danger:hover{background:#2a1015;border-color:var(--err)}
.btn.ok{border-color:#14532d;color:#86efac;background:#0a1a10}
.btn.sm{padding:5px 10px;min-height:32px;font-size:.85rem}.btn.wa{border-color:#14532d;color:#4ade80}
.btn[disabled]{opacity:.5;pointer-events:none}
/* forms */
label{display:block;font-size:.82rem;color:var(--silver);margin:0 0 4px;font-weight:500}
input,select,textarea{width:100%;background:#080d18;color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font:inherit;min-height:42px;transition:.15s}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(46,160,255,.18)}
input[type=checkbox]{width:auto;min-height:0;accent-color:var(--blue)}
input[type=file]{padding:8px}
.f{margin-bottom:12px}.f.inline{display:flex;gap:8px;align-items:center}.f.inline label{margin:0}
.form-grid{display:grid;gap:0 16px;grid-template-columns:repeat(12,1fr)}.form-grid>.f{grid-column:span 12}
.c3{grid-column:span 3!important}.c4{grid-column:span 4!important}.c6{grid-column:span 6!important}.c8{grid-column:span 8!important}
.req::after{content:" *";color:var(--err)}
.hint{font-size:.78rem;color:var(--muted);margin-top:3px}
.searchbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.searchbar>*{width:auto;flex:1;min-width:150px}.searchbar .btn{flex:none}
/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{background:#0a1220;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:11px 14px;white-space:nowrap}
td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}
tbody tr:hover{background:rgba(31,107,255,.06)}
tr.clickable{cursor:pointer}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.pager{display:flex;gap:6px;justify-content:center;margin:16px 0;flex-wrap:wrap}.pager a,.pager span{padding:6px 12px;border:1px solid var(--line);border-radius:8px;color:var(--silver)}.pager .on{background:var(--blue);border-color:var(--blue);color:#fff}
.empty{text-align:center;padding:42px 16px;color:var(--muted)}.empty svg{width:42px;height:42px;stroke:var(--line2);fill:none;stroke-width:1.5;margin-bottom:8px}
/* badges & alerts */
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);white-space:nowrap}
.tag-ok{--c:#22c55e}.tag-warn{--c:#f59e0b}.tag-err{--c:#ef4444}.tag-info{--c:#38bdf8}.tag-mute{--c:#94a3b8}
.alert{padding:11px 14px;border-radius:10px;margin-bottom:14px;border:1px solid;font-size:.9rem}
.alert.ok{background:#0a1a10;border-color:#14532d;color:#86efac}.alert.err{background:#1a0b0e;border-color:#7f1d1d;color:#fca5a5}.alert.warn{background:#1a1407;border-color:#78350f;color:#fcd34d}.alert.info{background:#08162b;border-color:#1e3a6e;color:#93c5fd}
/* modal */
dialog{background:var(--card);color:var(--text);border:1px solid var(--line2);border-radius:14px;padding:0;max-width:min(560px,94vw);width:100%;box-shadow:0 20px 80px #000}
dialog::backdrop{background:rgba(2,4,10,.7);backdrop-filter:blur(3px)}
dialog .mh{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}dialog .mb2{padding:20px}dialog .mf{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}
/* tabs / timeline / misc */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs a{padding:10px 16px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.on{color:#fff;border-color:var(--neon)}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line2);margin-left:6px}.timeline li{padding:0 0 16px 18px;position:relative}.timeline li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)}
dl.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:0}dl.kv dt{color:var(--muted)}dl.kv dd{margin:0}
.totals{margin-left:auto;max-width:340px}.totals div{display:flex;justify-content:space-between;padding:5px 0}.totals .big{font-size:1.25rem;font-weight:700;border-top:1px solid var(--line2);margin-top:6px;padding-top:10px}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line2)}
.chart{width:100%;height:220px}.chart text{fill:var(--muted);font-size:11px}
.bar-row{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:.88rem}.bar-row .t{flex:1;height:8px;background:#0a1220;border-radius:6px;overflow:hidden}.bar-row .t i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--neon));border-radius:6px}
.lowstock{color:var(--warn)}
.item-row{display:grid;grid-template-columns:110px 1fr 80px 110px 40px;gap:8px;align-items:center;margin-bottom:8px}
.item-row input,.item-row select{min-height:38px}
.suggest{position:relative}.suggest ul{position:absolute;z-index:30;left:0;right:0;top:100%;background:var(--card2);border:1px solid var(--line2);border-radius:10px;margin:4px 0 0;padding:4px;list-style:none;max-height:260px;overflow:auto;box-shadow:0 10px 30px #000}
.suggest li{padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.suggest li:hover{background:rgba(31,107,255,.2)}
.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100}
.toast{padding:12px 16px;border-radius:10px;border:1px solid;min-width:240px;max-width:360px;box-shadow:0 10px 30px #000;animation:in .25s ease}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.loading{position:relative;pointer-events:none;opacity:.7}.loading::after{content:"";position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid #fff4;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.bnav{display:none}
/* bare (login/portal) */
.bare{min-height:100vh;display:grid;place-items:center;padding:20px}.bare .box{width:100%;max-width:440px}.bare .box.wide{max-width:760px}
.bare .brand{justify-content:center;padding-bottom:18px}
.hero{background:linear-gradient(135deg,#0a1a3a,#05070d);border:1px solid var(--line2);border-radius:16px;padding:22px;box-shadow:var(--glow)}
/* responsivo */
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-aside{grid-template-columns:minmax(0,1fr)}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:50;transform:translateX(-100%);transition:.2s}
  .side.open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.6)}
  .btn.menu-btn{display:inline-flex}.content{padding:16px 14px 84px}.top{padding:10px 14px}
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid>.f.c3,.form-grid>.f.c4,.form-grid>.f.c6,.form-grid>.f.c8{grid-column:span 12!important}
  .item-row{grid-template-columns:1fr 70px 100px 36px}.item-row .kind{grid-column:1/-1}
  .user span{display:none}
  .bnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#070b14;border-top:1px solid var(--line);z-index:30;justify-content:space-around;padding:6px 0 max(6px,env(safe-area-inset-bottom))}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;color:var(--muted);padding:4px 8px}.bnav a.on{color:var(--neon)}.bnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
}
@media(max-width:520px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}h1{font-size:1.35rem}dl.kv{grid-template-columns:110px 1fr}.kpi .v{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
/* ícones SVG (traço) em qualquer contexto */
svg[viewBox="0 0 24 24"]{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bnav svg{width:22px;height:22px}.empty svg{width:42px;height:42px;stroke:var(--line2);stroke-width:1.5}
.grid>*,.form-grid>*{min-width:0}
.btn svg{margin-right:-2px}