/* MARKSMAN · acabamento metálico dos painéis (administrador, revendedor, provedor) — carrega por último */
:root{
  --bg:#0b0e10;--bg2:#12171a;--card:#1b2125;--card2:#262e34;--line:#3a444b;--silver:#cfd7dc;--muted:#9eaab1;--text:#e9eef1;
  --brush:repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,rgba(0,0,0,0) 1px 3px);
  --plate:linear-gradient(180deg,#2e363c 0%,#232b30 45%,#1b2125 100%);
  --bevel:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.55);
  --lit:linear-gradient(180deg,#0d1f14,#14301d);
  --litsh:inset 0 2px 5px rgba(0,0,0,.7),inset 0 -1px 0 rgba(57,255,90,.55);
  --rivet:radial-gradient(circle at 9px 9px,#aab4bb 0 1.4px,#1b2125 2px 3.4px,transparent 4px),radial-gradient(circle at calc(100% - 9px) 9px,#aab4bb 0 1.4px,#1b2125 2px 3.4px,transparent 4px),radial-gradient(circle at 9px calc(100% - 9px),#aab4bb 0 1.4px,#1b2125 2px 3.4px,transparent 4px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#aab4bb 0 1.4px,#1b2125 2px 3.4px,transparent 4px);
}
body{background:radial-gradient(1000px 420px at 85% -8%,rgba(57,255,90,.09),transparent 62%),var(--brush),linear-gradient(180deg,#161b1f,#0b0e10 45%)!important;background-attachment:fixed}
::selection{background:#39ff5a;color:#04130a}
a{color:#58f27a}

/* menu lateral: coluna de aço */
.mk-side{background:var(--brush),linear-gradient(180deg,#2e363c 0%,#1d2327 55%,#12161a 100%)!important;border-right:1px solid #000!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08),6px 0 22px rgba(0,0,0,.5)}
.mk-logo{border-bottom:1px solid rgba(0,0,0,.7)!important;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.mk-logo small{color:#39ff5a!important;text-shadow:0 0 10px rgba(57,255,90,.4)}
.mk-side nav a,.mk-logout{color:#d6dde2;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.mk-side nav a:hover,.mk-logout:hover{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02))!important;border-color:#5b666e}
.mk-side nav a.on{background:var(--lit)!important;border-color:#000!important;box-shadow:var(--litsh),0 0 14px rgba(57,255,90,.16)!important;color:#fff}
.mk-logout{border-top:1px solid rgba(0,0,0,.7)!important;box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.mk-nav-group,.mk-side .grp,.mk-side nav .sec{color:#8f9ba3}

/* barra superior */
.mk-top{background:var(--brush),linear-gradient(180deg,#3a444b 0%,#272f35 48%,#1c2226 100%)!important;border-bottom:1px solid #000!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 18px rgba(0,0,0,.55)!important;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky}
.mk-top::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:linear-gradient(90deg,transparent,#39ff5a 15%,#39ff5a 85%,transparent);opacity:.5;pointer-events:none}
.mk-top h1{background:linear-gradient(180deg,#fff,#cfd6db 45%,#9aa5ad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}
.mk-top p{color:#b5c0c7}
.mk-user{background:linear-gradient(180deg,#0a0d0f,#12171a)!important;border:1px solid #000!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.12)}
.mk-burger{background:linear-gradient(180deg,#59646c,#2a3238)!important;border:1px solid #000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #000}

/* placas */
.card,.kpi,.plan-card,.sell-box,.adjust-box,.info-box,.credit-box,.credit-chip,.list-item,fieldset.box,details.add-box[open],.chosen-pack,.pix-card,.tree-item{
  background:var(--brush),var(--plate)!important;border:1px solid #0a0d0f!important;box-shadow:var(--bevel),0 0 0 1px #3f4a52,0 8px 20px rgba(0,0,0,.42)!important}
.card{border-radius:14px}
.card>header{border-bottom:1px solid #0a0d0f!important;box-shadow:0 1px 0 rgba(255,255,255,.07)}
.card h2,.card h3{color:#f1f5f7;text-shadow:0 1px 0 rgba(0,0,0,.7)}
.kpi,.plan-card{background:var(--rivet),var(--brush),var(--plate)!important}
.kpi::before{height:3px;background:linear-gradient(90deg,#39ff5a,transparent)!important;box-shadow:0 0 10px rgba(57,255,90,.5)}
.kpi b{background:linear-gradient(180deg,#fff,#b5bec5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}
.kpi.green{background:var(--rivet),var(--brush),linear-gradient(180deg,#1a4a2a,#0d2617)!important}
.kpi.green b{-webkit-text-fill-color:#7dff98;background:none;text-shadow:0 0 16px rgba(57,255,90,.4)}
.kpi.warn b{-webkit-text-fill-color:#ffc53d;background:none}
.kpi span{color:#aab5bc}
.credit-chip{background:var(--brush),linear-gradient(180deg,#0f2a19,#09170f)!important;box-shadow:var(--litsh),0 0 0 1px #000!important}
.credit-chip b{-webkit-text-fill-color:#7dff98;background:none}

/* botões */
.btn,button{background:linear-gradient(180deg,#5a656d 0%,#3b454c 48%,#2a3238 52%,#333d44 100%);border:1px solid #0a0d0f;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,0,0,.4),0 2px 0 #080a0b,0 5px 10px rgba(0,0,0,.35);border-radius:10px}
.btn:hover,button:hover{filter:brightness(1.15);text-decoration:none}
.btn:active,button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px rgba(0,0,0,.6),0 0 0 #000}
.btn.primary{background:linear-gradient(180deg,#6dff8a 0%,#27d452 46%,#12852f 54%,#19a63c 100%)!important;color:#021208!important;text-shadow:0 1px 0 rgba(255,255,255,.35);border-color:#06210f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.35),0 2px 0 #06210f,0 6px 16px rgba(57,255,90,.22)!important}
.btn.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 2px 0 #06210f,0 0 26px rgba(57,255,90,.5)!important}
.btn.ok{background:linear-gradient(180deg,#2c6a3d,#164a26 52%,#1d5c30)!important}
.btn.warn{background:linear-gradient(180deg,#e6b23a,#9a6f10 52%,#b8861c)!important;color:#1a1100;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.btn.danger{background:linear-gradient(180deg,#d9544b,#8e1f19 52%,#a8271f)!important;color:#fff}
.btn.ghost{background:linear-gradient(180deg,#2d353b,#1a2024)!important;color:#d6dde2}
:focus-visible{outline:2px solid #39ff5a!important;outline-offset:2px}
details.drop>summary{background:linear-gradient(180deg,#4a555d,#2a3238);border:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #000;color:#fff}
.drop-body{background:linear-gradient(180deg,#2a3238,#171c20)!important;border:1px solid #000!important;box-shadow:0 12px 28px rgba(0,0,0,.65),0 0 0 1px #4a555d!important}

/* campos rebaixados */
input,select,textarea{background:linear-gradient(180deg,#0a0d0f,#12171a)!important;border:1px solid #000!important;color:#f1f5f7!important;border-radius:10px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.12)!important}
input:focus,select:focus,textarea:focus{border-color:#39ff5a!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 0 0 3px rgba(57,255,90,.28)!important}
input[readonly]{opacity:.8}
label{color:#d3dbe0}

/* tabelas */
.table-wrap{border:1px solid #000;border-radius:12px;box-shadow:0 0 0 1px #3f4a52,inset 0 2px 8px rgba(0,0,0,.5);background:#0f1316}
.tbl th{background:linear-gradient(180deg,#46515a,#2c353b)!important;color:#fff!important;text-shadow:0 1px 0 #000;border-bottom:1px solid #000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.tbl td{border-bottom:1px solid #20272c!important}
.tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.tbl tr:hover td{background:rgba(57,255,90,.07)!important}

/* abas, avisos, pílulas */
.tabs a{background:linear-gradient(180deg,#46515a,#2a3238);border:1px solid #000;color:#e3e9ed;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 0 #000}
.tabs a.on{background:var(--lit);color:#7dff98;box-shadow:var(--litsh)}
.tabs a:hover{filter:brightness(1.15);text-decoration:none}
.alert{border:1px solid #000!important;box-shadow:var(--bevel),0 0 0 1px #3f4a52}
.hint,.note{color:#b0bbc2}
.meter,.bar,.hbar>div{box-shadow:inset 0 2px 4px rgba(0,0,0,.7)}
.avatar{background:linear-gradient(180deg,#5a656d,#2a3238)!important;border:1px solid #000;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}

/* entrada (login/cadastro) */
body.mk-login,body.login-wrap{background:radial-gradient(900px 420px at 80% -8%,rgba(57,255,90,.12),transparent 62%),var(--brush),linear-gradient(180deg,#171c20,#0b0e10)!important}
.login-card{background:var(--rivet),var(--brush),linear-gradient(180deg,#313a41,#1d2327)!important;border:1px solid #000!important;border-radius:16px!important;
  box-shadow:var(--bevel),0 0 0 1px #4a555d,0 24px 60px rgba(0,0,0,.65),0 0 60px rgba(57,255,90,.08)!important}
.login-card .tag{background:var(--lit)!important;color:#7dff98!important;border:1px solid #000!important;box-shadow:var(--litsh);text-shadow:0 0 8px rgba(57,255,90,.4)}
.login-card img{filter:drop-shadow(0 2px 0 rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(57,255,90,.4))}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
input[type=checkbox],input[type=radio]{background:none!important;box-shadow:none!important;border-radius:4px;accent-color:#39ff5a}
.login-card .tag{align-self:center;display:inline-block;width:auto!important;padding:5px 14px!important;border-radius:999px!important;margin-inline:auto}

/* listas suspensas (select): fundo escuro e texto claro também na lista aberta */
select{color-scheme:dark;cursor:pointer;appearance:auto}
select option,select optgroup{background-color:#14191c!important;color:#f1f5f7!important}
select option:checked,select option:hover{background:linear-gradient(#1f6b36,#1f6b36)!important;color:#fff!important}
select option:disabled{color:#7d8890!important}