:root{
  --bg:#0b0f14;
  --panel:#0f1722;
  --panel2:#0c131c;
  --stroke:rgba(255,255,255,.08);
  --stroke2:rgba(255,255,255,.12);
  --text:#e6eefc;
  --text2:rgba(230,238,252,.82);
  --muted:rgba(230,238,252,.58);

  --cyan:#18c6ff;
  --cyan2:#0ea5e9;
  --green:#22c55e;
  --yellow:#fbbf24;
  --danger:#ef4444;

  --shadow: 0 18px 60px rgba(0,0,0,.42);
}

html,body{height:100%}
body{
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(24,198,255,.14), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(34,197,94,.12), transparent 60%),
    radial-gradient(800px 460px at 55% 85%, rgba(24,198,255,.07), transparent 60%),
    var(--bg);
  color:var(--text) !important;
}

/* Links */
a{ color: var(--cyan); text-decoration:none; }
a:hover{ color: var(--cyan); filter: brightness(1.08); }

/* Navbar (glass) */
.navbar{
  background: rgba(10,14,20,.72) !important;
  border-bottom:1px solid var(--stroke) !important;
  backdrop-filter: blur(14px);
}
.navbar .navbar-brand{ color: var(--text) !important; font-weight:700; }
.navbar small{ color: var(--muted) !important; }

/* Cards (painéis) */
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}
.card-header{
  background: rgba(255,255,255,.015) !important;
  border-bottom: 1px solid var(--stroke) !important;
  color: rgba(230,238,252,.72) !important;
}
.card-body{ color: var(--text2) !important; }

/* Tipografia */
h1,h2,h3,h4,h5,h6{ color: rgba(230,238,252,.94) !important; }
p, li, td, th{ color: var(--text2) !important; }
small, .text-muted, .form-text{
  color: var(--muted) !important;
}

/* Badges */
.badge-soft{
  background: rgba(24,198,255,.12) !important;
  color: var(--cyan) !important;
  border: 1px solid rgba(24,198,255,.18) !important;
}
.badge.bg-warning, .badge.bg-info, .badge.bg-secondary{ filter: saturate(.9); }

/* Buttons */
.btn{
  border-radius: 10px !important;
}
.btn-primary{
  background: linear-gradient(90deg, rgba(24,198,255,.95), rgba(14,165,233,.70)) !important;
  border: 0 !important;
  box-shadow: 0 10px 30px rgba(24,198,255,.12);
}
.btn-primary:hover{ filter:brightness(1.06); }
.btn-success{
  background: linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.72)) !important;
  border:0 !important;
}
.btn-warning{
  background: linear-gradient(90deg, rgba(251,191,36,.95), rgba(251,191,36,.78)) !important;
  border:0 !important;
  color:#0b0f14 !important;
}
.btn-outline-light{
  color: rgba(230,238,252,.78) !important;
  border-color: rgba(230,238,252,.22) !important;
  background: rgba(255,255,255,.02) !important;
}
.btn-outline-light:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(230,238,252,.34) !important;
}

/* Forms */
.form-label, label{ color: rgba(230,238,252,.86) !important; }
.form-control, .form-select{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--text) !important;
}
.form-control::placeholder{ color: rgba(230,238,252,.40) !important; }
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .22rem rgba(24,198,255,.15) !important;
  border-color: rgba(24,198,255,.52) !important;
}

/* Alerts */
.alert{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--text) !important;
}
.alert-danger{ border-color: rgba(239,68,68,.35) !important; }
.alert-success{ border-color: rgba(34,197,94,.35) !important; }
.alert-info{ border-color: rgba(24,198,255,.35) !important; }
.alert-warning{ border-color: rgba(251,191,36,.35) !important; }

/* Progress */
.progress{
  background: rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  overflow:hidden;
}
.progress-bar{
  background: linear-gradient(90deg, var(--cyan), rgba(34,197,94,.88)) !important;
  font-weight:700;
}

/* ===== AQUI está o principal: TABELAS DO BOOTSTRAP ===== */
/* Bootstrap coloca fundo branco na table; vamos zerar isso */
.table{
  --bs-table-bg: transparent !important;
  --bs-table-striped-bg: rgba(255,255,255,.02) !important;
  --bs-table-hover-bg: rgba(24,198,255,.07) !important;
  --bs-table-color: var(--text2) !important;

  background: transparent !important;
  color: var(--text2) !important;
  border-color: var(--stroke) !important;
}
.table thead th{
  background: rgba(255,255,255,.03) !important;
  color: rgba(230,238,252,.66) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.table td, .table th{
  background: transparent !important;
  border-color: rgba(255,255,255,.10) !important;
  color: var(--text2) !important;
}
.table tbody tr:hover{
  background: rgba(24,198,255,.06) !important;
}

/* Table responsive não “embranquece” */
.table-responsive{
  background: transparent !important;
}

/* Dropdown (selects do status na página de ordens) */
.dropdown-menu{
  background: rgba(12,19,28,.98) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: var(--shadow);
}
.dropdown-item{
  color: rgba(230,238,252,.82) !important;
}
.dropdown-item:hover{
  background: rgba(24,198,255,.08) !important;
}

/* Pills / Botões de setor (produção) */
.btn-group .btn{
  border-color: rgba(255,255,255,.18) !important;
}
.btn-group .btn.active{
  background: rgba(24,198,255,.14) !important;
  border-color: rgba(24,198,255,.35) !important;
  color: var(--text) !important;
}

/* Pequenos detalhes de “TV” */
meta[http-equiv="refresh"]{ /* no-op */ }

/* ==== BLINDAGEM TOTAL DO DARK (especial Produção) ==== */

/* Impede qualquer bg-light / bg-white de vencer */
.bg-light,
.bg-white,
.bg-body,
.bg-body-tertiary {
  background: transparent !important;
}

/* Garante dark mesmo em container-fluid */
.container,
.container-fluid {
  background: transparent !important;
}

/* Produção: força painéis escuros */
.producao-page .card,
.producao-page .btn-group .btn {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  color: var(--text) !important;
}

/* Tabs de setor */
.btn-group .btn {
  background: rgba(255,255,255,.02) !important;
  color: var(--text2) !important;
}
.btn-group .btn.active {
  background: rgba(24,198,255,.16) !important;
  border-color: rgba(24,198,255,.45) !important;
  color: var(--text) !important;
}

/* ===== Blindagem: impedir Bootstrap de “clarear” o fundo ===== */
body, html {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Se alguma página usar bg-light/bg-white em wrappers, não deixa */
.bg-light, .bg-white, .bg-body, .bg-body-tertiary {
  background: transparent !important;
}

/* Produção: garante aparência dark mesmo em cards e botões */
.producao-page .card,
.producao-page .btn-group .btn,
.producao-page .alert {
  color: var(--text) !important;
}