/* BLUEO · refinamento global — mesma linha da tela de entrada (hub)
   Carregado por último em todas as telas: tira degradês, brilhos e marcas d'água,
   padroniza cantos, bordas, botões e campos. */
:root{
  --surface:#161310; --surface-2:#1E1A14; --line:#29241B; --line-hi:#3A3426;
  --gold:#F5C02C; --gold-dim:#C79A2E; --text:#F3ECDC; --muted:#958C79; --muted-2:#6E675A;
  --bg:#0C0B09; --card:#161310; --card2:#1E1A14;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#0C0B09!important;color:var(--text)}
/* fundo: só o halo discreto da entrada — sem marca d'água rolando, sem grade */
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background:radial-gradient(900px 520px at 50% -8%,rgba(245,192,44,.10),transparent 62%),linear-gradient(180deg,#0C0B09,#0A0908)!important;
  background-image:radial-gradient(900px 520px at 50% -8%,rgba(245,192,44,.10),transparent 62%),linear-gradient(180deg,#0C0B09,#0A0908)!important;
  animation:none!important;transform:none!important;opacity:1!important;filter:none!important;top:0!important;left:0!important;right:0!important;bottom:0!important}
body::after{content:none!important}

/* tipografia */
h1,h2,h3,.os-cod,.tn,.mg-n,.name{font-family:'Space Grotesk','Manrope',sans-serif;letter-spacing:-.2px}
h2{font-weight:600}
h2.sec,.lbl,label.f,label.rf,.field label,.pdv-sec .t,.sech{letter-spacing:.6px;font-weight:700;color:var(--muted)}

/* cartões */
.card,.os-card,.ap,.grp,.pdv-sec,.stat,.modal,.rec-box,.ent-box,.col,.kc,.tile,.troca-it,.seller-btn{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
.tile{background:var(--surface)!important}
.tile.gold{background:var(--surface-2)!important;border-color:rgba(245,192,44,.45)!important}
.os-card.interna{border-color:rgba(190,120,255,.45)!important}
.os-card.atrasada{border-color:rgba(255,107,129,.5)!important}
.ent-card{background:var(--surface)!important;border-color:var(--line)!important}
.card:hover,.tile:hover{border-color:var(--line-hi)!important}
.topbar,.top,.header{box-shadow:none!important}

/* botões: sólido dourado (principal), superfície (secundário), contorno (terciário) — sem degradê, sem brilho */
button,.btn,.btn2,a.btn2,.btn-sale,.btn-pdv,.btn-abrir-os,.btn-entregar,.btn-scan,.btn-buscar,.b1,.pdv-fim,.logout,.fsbtn,.up-btn,.upbtn,.catbtn,.spk,.key,.qr,.chip,.fpill,.tab,.tb{
  box-shadow:none!important;text-shadow:none!important;background-image:none!important;font-family:inherit}
.btn,.btn-sale,.btn-abrir-os,.btn-entregar,.pdv-fim,.btn-scan,.btn-gold,.btn-verde,.gate button,.btn-wa-orc{
  background:var(--gold)!important;color:#1A1400!important;border:1px solid var(--gold)!important;border-radius:12px!important;font-weight:700!important;letter-spacing:.1px}
.btn-verde,.btn-entregar,.btn-sale,.btn-wa-orc{background:#39D97F!important;border-color:#39D97F!important;color:#04160C!important}
.btn-ghost,.btn2,a.btn2,.b1,.btn-buscar,.up-btn,.upbtn,.catbtn,.spk,.logout,.fsbtn,.pdv-x,.key,.qr,.rchk-b,.sigftr button,.chkbar button{
  background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important;font-weight:600!important}
.btn2:hover,a.btn2:hover,.b1:hover,.btn-ghost:hover{border-color:var(--line-hi)!important;background:#242019!important}
.btn2.wa,a.btn2.wa{color:#8FE8B5!important;border-color:rgba(57,217,127,.4)!important}
.catbtn.on,.spk.on{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(245,192,44,.08)!important}
.btn-pdv{background:var(--surface-2)!important;color:var(--gold)!important;border:1px solid rgba(245,192,44,.45)!important;border-radius:12px!important}
.btn-pdv .pdvsub{color:var(--muted)!important}
.tile .arrow{border-color:var(--line)!important}

/* botões com degradê inline (telas antigas): vira dourado sólido */
button[style*="linear-gradient"],a[style*="linear-gradient"],label[style*="linear-gradient"]{background-color:var(--gold)!important;background-image:none!important}
button[style*="#128c46"],a[style*="#128c46"],button[style*="#1d8a4e"]{background-color:#39D97F!important}
button[style*="#c99510"],a[style*="#c99510"],button[style*="#c99a1e"]{background-color:var(--gold)!important}
/* chips / filtros / abas */
.chip,.fpill,.tab{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--muted)!important;border-radius:999px!important;font-weight:600!important}
.chip.on,.fpill.on,.tab.on{background:rgba(245,192,44,.10)!important;border-color:rgba(245,192,44,.55)!important;color:var(--gold)!important}
.tabs{gap:6px}

/* campos */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{
  background:#100E0A!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:10px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(245,192,44,.10)!important}
input::placeholder,textarea::placeholder{color:var(--muted-2)!important}
.input-wrap,.prod-search input,.prod-input,.pdv-busca input{border-radius:10px!important}
.input-wrap{border:1px solid var(--line)!important}
.input-wrap:focus-within{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(245,192,44,.10)!important}
.bar{background:#100E0A!important;border:1px solid var(--line)!important}
.bar>div{background:var(--gold)!important;box-shadow:none!important}
.stat .v{text-shadow:none!important}

/* status e selos: mantém cor, tira brilho */
.st,.badge,.selo,.selo-semi,.tag,.pz,.tm,.ft{box-shadow:none!important;text-shadow:none!important}

/* modais */
.modal-bg,.ent-modal,.rec-modal,.scan-ov{backdrop-filter:blur(6px)}
.modal h3{color:var(--text)}

/* tabela/linhas */
.feed .row,.prod-item,.cart-it,.pdv-res .it,.orc-item{border-color:var(--line)!important}
.orc-item{background:#100E0A!important;border-radius:10px!important}

/* rodapé "powered by" igual ao da entrada */
.mrb-footer .by{color:var(--muted-2)!important;letter-spacing:3.5px}
.mrb-footer .by::after{color:var(--gold)}

/* barra inferior do vendedor e topo */
.tabbar{background:rgba(12,11,9,.96)!important;border-top:1px solid var(--line)!important}
.tabbar .tb.on{color:var(--gold)!important;background:none!important}
.topbar{background:rgba(12,11,9,.94)!important;border-bottom:1px solid var(--line)!important}
.topbar .stat{background:var(--surface)!important}

/* TV e dashboard: mesmos cartões */
.col{background:var(--surface)!important}
.kc{border-radius:12px!important}
/* segmentos (aparelhos) */
#segTipo button,#segCond button,.seg button,.tr-seg button{background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--muted)!important;border-radius:10px!important}
#segTipo button.on,#segCond button.on,.seg button.on,.tr-seg button.on{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(245,192,44,.08)!important}
/* botões com degradê por classe (ficariam transparentes): cor sólida */
.vnd,.btn.ok,.btn-op,.wa-btn.solid,.cartbar .inner{background:#39D97F!important;color:#04160C!important;border-color:#39D97F!important}
.btn.gold,.addbtn,.b-gold{background:var(--gold)!important;color:#1A1400!important;border-color:var(--gold)!important}
.rsv{background:rgba(245,192,44,.12)!important;color:var(--gold)!important;border:1px solid rgba(245,192,44,.45)!important}