/* ==========================================================
   WMCPLAYER V283 — ADMIN REDESIGN DARK PADRÃO
   Referência: painel corporativo clássico / AdminLTE
   Escopo: somente páginas /app/admin/*
   Não altera regras, rotas, integrações ou eventos.
   ========================================================== */

:root {
  --wmc-admin-red: #d71920;
  --wmc-admin-red-dark: #b51218;
  --wmc-admin-sidebar: #171d22;
  --wmc-admin-sidebar-dark: #101419;
  --wmc-admin-sidebar-hover: #202830;
  --wmc-admin-bg: #10151a;
  --wmc-admin-card: #182027;
  --wmc-admin-border: #2c3740;
  --wmc-admin-text: #edf2f7;
  --wmc-admin-muted: #aeb9c4;
  --wmc-admin-link: #3c8dbc;
  --wmc-admin-success: #00a65a;
  --wmc-admin-warning: #f39c12;
  --wmc-admin-danger: #dd4b39;
}

html:has(body.wmc-admin-v283),
body.wmc-admin-v283 {
  background: var(--wmc-admin-bg) !important;
  color: var(--wmc-admin-text) !important;
  color-scheme: dark !important;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

body.wmc-admin-v283 *,
body.wmc-admin-v283 *::before,
body.wmc-admin-v283 *::after { box-sizing: border-box; }

body.wmc-admin-v283 #root,
body.wmc-admin-v283 .wmc-admin-shell-v283 {
  min-height: 100vh !important;
  background: var(--wmc-admin-bg) !important;
  color: var(--wmc-admin-text) !important;
}

body.wmc-admin-v283,
body.wmc-admin-v283 button,
body.wmc-admin-v283 input,
body.wmc-admin-v283 select,
body.wmc-admin-v283 textarea,
body.wmc-admin-v283 label,
body.wmc-admin-v283 a,
body.wmc-admin-v283 table {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

body.wmc-admin-v283 h1,
body.wmc-admin-v283 h2,
body.wmc-admin-v283 h3,
body.wmc-admin-v283 h4,
body.wmc-admin-v283 h5,
body.wmc-admin-v283 h6,
body.wmc-admin-v283 .font-display {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  color: #333 !important;
}

/* ==================== ESTRUTURA PRINCIPAL ==================== */
body.wmc-admin-v283 .wmc-admin-topbar-v283,
body.wmc-admin-v283 #root > div > header {
  height: 50px !important;
  min-height: 50px !important;
  left: 230px !important;
  padding: 0 20px !important;
  background: #fff !important;
  border-bottom: 1px solid #d2d6de !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  color: #555 !important;
}

body.wmc-admin-v283 .wmc-admin-topbar-v283 p,
body.wmc-admin-v283 .wmc-admin-topbar-v283 span,
body.wmc-admin-v283 #root > div > header p {
  color: #666 !important;
}

body.wmc-admin-v283 .wmc-admin-topbar-v283 > div:last-child > div,
body.wmc-admin-v283 #root > div > header > div:last-child > div[class*="bg-red"] {
  background: #fff !important;
  color: var(--wmc-admin-red) !important;
  border: 1px solid #e6c2c4 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  padding: 5px 9px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283,
body.wmc-admin-v283 #root > div > aside {
  width: 230px !important;
  background: var(--wmc-admin-sidebar) !important;
  border-right: 0 !important;
  box-shadow: none !important;
  color: #b8c7ce !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child,
body.wmc-admin-v283 #root > div > aside > div:first-child {
  min-height: 60px !important;
  padding: 10px 14px !important;
  background: var(--wmc-admin-sidebar-dark) !important;
  border-bottom: 1px solid #151b1e !important;
  gap: 10px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child img,
body.wmc-admin-v283 #root > div > aside > div:first-child img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child h2,
body.wmc-admin-v283 #root > div > aside > div:first-child h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child p,
body.wmc-admin-v283 #root > div > aside > div:first-child p {
  color: #8aa4af !important;
  font-size: 11px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav,
body.wmc-admin-v283 #root > div > aside nav {
  padding: 8px 0 14px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav ul,
body.wmc-admin-v283 #root > div > aside nav ul { gap: 0 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav li,
body.wmc-admin-v283 #root > div > aside nav li { margin: 0 !important; }

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a,
body.wmc-admin-v283 #root > div > aside nav a {
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #b8c7ce !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a:hover,
body.wmc-admin-v283 #root > div > aside nav a:hover {
  background: var(--wmc-admin-sidebar-hover) !important;
  color: #fff !important;
  border-left-color: #8f1419 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a[class*="bg-red-500/15"],
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a[class*="text-red-500"],
body.wmc-admin-v283 #root > div > aside nav a[class*="bg-red-500/15"],
body.wmc-admin-v283 #root > div > aside nav a[class*="text-red-500"] {
  background: var(--wmc-admin-red) !important;
  color: #fff !important;
  border-left-color: #fff !important;
  box-shadow: none !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a svg,
body.wmc-admin-v283 #root > div > aside nav a svg {
  width: 16px !important;
  height: 16px !important;
  color: inherit !important;
  opacity: .95 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child,
body.wmc-admin-v283 #root > div > aside > div:last-child {
  padding: 12px !important;
  background: var(--wmc-admin-sidebar-dark) !important;
  border-top: 1px solid #151b1e !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child > div,
body.wmc-admin-v283 #root > div > aside > div:last-child > div {
  margin-bottom: 6px !important;
  padding: 9px 10px !important;
  border-radius: 2px !important;
  background: #263238 !important;
  border: 0 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child p:first-child,
body.wmc-admin-v283 #root > div > aside > div:last-child p:first-child { color:#fff !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child p:last-child,
body.wmc-admin-v283 #root > div > aside > div:last-child p:last-child { color:#8aa4af !important; }

body.wmc-admin-v283 .wmc-admin-main-v283,
body.wmc-admin-v283 #root > div > main {
  margin-left: 230px !important;
  min-height: 100vh !important;
  background: var(--wmc-admin-bg) !important;
  padding-top: 50px !important;
  color: var(--wmc-admin-text) !important;
}

body.wmc-admin-v283 .wmc-admin-main-v283 > div,
body.wmc-admin-v283 #root > div > main > div {
  padding: 20px 22px 30px !important;
}

/* ==================== TEXTO / TÍTULOS ==================== */
body.wmc-admin-v283 main h1 {
  margin: 0 0 4px !important;
  color: #333 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}
body.wmc-admin-v283 main h1 span { color: var(--wmc-admin-red) !important; }
body.wmc-admin-v283 main h2 { color:#333 !important; font-size:18px !important; font-weight:500 !important; }
body.wmc-admin-v283 main h3 { color:#444 !important; font-size:15px !important; font-weight:600 !important; }
body.wmc-admin-v283 .text-foreground { color:#333 !important; }
body.wmc-admin-v283 .text-muted-foreground { color:#777 !important; }
body.wmc-admin-v283 .text-white { color:#333 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 .text-white,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 [class*="text-foreground"] { color:#fff !important; }

/* ==================== CARDS / PAINÉIS ==================== */
body.wmc-admin-v283 .stat-card,
body.wmc-admin-v283 .glass-card,
body.wmc-admin-v283 main [class*="bg-card"],
body.wmc-admin-v283 main [class*="bg-black/"],
body.wmc-admin-v283 main [class*="bg-zinc-950"],
body.wmc-admin-v283 main [class*="bg-white/["],
body.wmc-admin-v283 main section,
body.wmc-admin-v283 main article {
  background: #fff !important;
  color: #333 !important;
  border-color: #dfe3e8 !important;
  box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
  backdrop-filter: none !important;
}

body.wmc-admin-v283 .stat-card,
body.wmc-admin-v283 .glass-card {
  border: 1px solid #dfe3e8 !important;
  border-radius: 2px !important;
}

body.wmc-admin-v283 main [class*="rounded-2xl"],
body.wmc-admin-v283 main [class*="rounded-xl"] {
  border-radius: 3px !important;
}

body.wmc-admin-v283 main [class*="shadow-["],
body.wmc-admin-v283 main [class*="shadow-lg"],
body.wmc-admin-v283 main [class*="shadow-2xl"] {
  box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
}

/* card com barra superior tipo AdminLTE */
body.wmc-admin-v283 main .glass-card,
body.wmc-admin-v283 main [class*="bg-card"][class*="border"] {
  border-top: 3px solid var(--wmc-admin-red) !important;
}

/* ==================== FORMULÁRIOS ==================== */
body.wmc-admin-v283 input,
body.wmc-admin-v283 select,
body.wmc-admin-v283 textarea {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #d2d6de !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body.wmc-admin-v283 input::placeholder,
body.wmc-admin-v283 textarea::placeholder { color:#999 !important; }
body.wmc-admin-v283 input:focus,
body.wmc-admin-v283 select:focus,
body.wmc-admin-v283 textarea:focus {
  border-color: var(--wmc-admin-red) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(215,25,32,.08) !important;
}
body.wmc-admin-v283 label { color:#555 !important; font-weight:500 !important; }

/* ==================== BOTÕES ==================== */
body.wmc-admin-v283 main button,
body.wmc-admin-v283 main a[role="button"] {
  border-radius: 2px !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
body.wmc-admin-v283 main button[class*="bg-primary"],
body.wmc-admin-v283 main button[class*="bg-red"],
body.wmc-admin-v283 main a[class*="bg-primary"],
body.wmc-admin-v283 main a[class*="bg-red"] {
  background: var(--wmc-admin-red) !important;
  border-color: var(--wmc-admin-red-dark) !important;
  color: #fff !important;
}
body.wmc-admin-v283 main button[class*="bg-primary"]:hover,
body.wmc-admin-v283 main button[class*="bg-red"]:hover { background: var(--wmc-admin-red-dark) !important; }

/* ==================== TABELAS ==================== */
body.wmc-admin-v283 table {
  width:100%;
  background:#fff !important;
  color:#444 !important;
  border-collapse:collapse !important;
}
body.wmc-admin-v283 thead { background:#f5f5f5 !important; }
body.wmc-admin-v283 th {
  color:#555 !important;
  font-size:12px !important;
  font-weight:600 !important;
  border-bottom:2px solid #ddd !important;
}
body.wmc-admin-v283 td { border-top:1px solid #f0f0f0 !important; color:#444 !important; }
body.wmc-admin-v283 tbody tr:hover { background:#fafafa !important; }

/* ==================== BADGES ==================== */
body.wmc-admin-v283 [class*="text-green"], body.wmc-admin-v283 [class*="text-emerald"] { color:#008d4c !important; }
body.wmc-admin-v283 [class*="text-yellow"], body.wmc-admin-v283 [class*="text-amber"] { color:#d58512 !important; }
body.wmc-admin-v283 [class*="text-red"] { color:var(--wmc-admin-red) !important; }

/* ==================== WHATSAPP V280/V282 ==================== */
body.wmc-admin-v283 .wmcw {
  margin: 0 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #333 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
}
body.wmc-admin-v283 .wmcw-head {
  align-items:center !important;
  padding: 0 0 16px !important;
  border-bottom:1px solid #d2d6de !important;
}
body.wmc-admin-v283 .wmcw-head h1 {
  color:#333 !important;
  font-size:24px !important;
  font-weight:400 !important;
}
body.wmc-admin-v283 .wmcw-head p,
body.wmc-admin-v283 .wmcw-card p,
body.wmc-admin-v283 .wmcw-config-help { color:#777 !important; }
body.wmc-admin-v283 .wmcw-badge {
  border-radius:2px !important;
  padding:6px 9px !important;
  font-size:10px !important;
  background:#f4f4f4 !important;
  color:#555 !important;
  border:1px solid #ddd !important;
}
body.wmc-admin-v283 .wmcw-badge.ok { background:#e8f6ee !important; color:#008d4c !important; border-color:#b7dfc7 !important; }
body.wmc-admin-v283 .wmcw-badge.bad { background:#fbeceb !important; color:#c23321 !important; border-color:#efc2bc !important; }
body.wmc-admin-v283 .wmcw-badge.warn { background:#fff5df !important; color:#c87f0a !important; border-color:#f0d69c !important; }
body.wmc-admin-v283 .wmcw-tabs {
  margin-top:18px !important;
  padding:0 !important;
  gap:0 !important;
  background:#fff !important;
  border:1px solid #d2d6de !important;
  border-radius:2px !important;
  overflow-x:auto !important;
}
body.wmc-admin-v283 .wmcw-tab {
  border:0 !important;
  border-right:1px solid #eee !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#666 !important;
  padding:11px 16px !important;
  font-size:12px !important;
  font-weight:500 !important;
}
body.wmc-admin-v283 .wmcw-tab:hover { background:#f7f7f7 !important; color:#333 !important; }
body.wmc-admin-v283 .wmcw-tab.active {
  background:var(--wmc-admin-red) !important;
  color:#fff !important;
  border-color:var(--wmc-admin-red) !important;
}
body.wmc-admin-v283 .wmcw-panel { margin-top:16px !important; }
body.wmc-admin-v283 .wmcw-card {
  padding:16px !important;
  background:#fff !important;
  border:1px solid #d2d6de !important;
  border-top:3px solid var(--wmc-admin-red) !important;
  border-radius:2px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.05) !important;
}
body.wmc-admin-v283 .wmcw-card h2,
body.wmc-admin-v283 .wmcw-card h3 { color:#333 !important; }
body.wmc-admin-v283 .wmcw-field { color:#555 !important; }
body.wmc-admin-v283 .wmcw-field input,
body.wmc-admin-v283 .wmcw-field select,
body.wmc-admin-v283 .wmcw-field textarea,
body.wmc-admin-v283 .wmcw-toolbar input {
  background:#fff !important;
  color:#333 !important;
  border:1px solid #d2d6de !important;
  border-radius:2px !important;
}
body.wmc-admin-v283 .wmcw-switch,
body.wmc-admin-v283 .wmcw-user,
body.wmc-admin-v283 .wmcw-row,
body.wmc-admin-v283 .wmcw-template,
body.wmc-admin-v283 .wmcw-history-item,
body.wmc-admin-v283 .wmcw-detail,
body.wmc-admin-v283 .wmcw-vars {
  background:#fff !important;
  color:#333 !important;
  border:1px solid #ddd !important;
  border-radius:2px !important;
}
body.wmc-admin-v283 .wmcw-user span,
body.wmc-admin-v283 .wmcw-row small,
body.wmc-admin-v283 .wmcw-detail b,
body.wmc-admin-v283 .wmcw-json { color:#777 !important; }
body.wmc-admin-v283 .wmcw-note {
  background:#f7fbff !important;
  color:#444 !important;
  border:1px solid #d6e5f2 !important;
  border-radius:2px !important;
}
body.wmc-admin-v283 .wmcw-note.warn {
  background:#fff8e7 !important;
  color:#8a6d3b !important;
  border-color:#faebcc !important;
}
body.wmc-admin-v283 .wmcw-btn {
  border-radius:2px !important;
  background:#f4f4f4 !important;
  color:#444 !important;
  border:1px solid #ddd !important;
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:600 !important;
}
body.wmc-admin-v283 .wmcw-btn.primary { background:var(--wmc-admin-red) !important; border-color:var(--wmc-admin-red-dark) !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-btn.blue { background:#3c8dbc !important; border-color:#367fa9 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-btn.danger { background:#dd4b39 !important; border-color:#d73925 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-kicker,
body.wmc-admin-v283 .wmcw-vars > summary { color:var(--wmc-admin-red) !important; }
body.wmc-admin-v283 .wmcw-history-item[open] > summary { background:#f7f7f7 !important; border-color:#ddd !important; }
body.wmc-admin-v283 .wmcw-message { background:#fafafa !important; color:#333 !important; border:1px solid #ddd !important; border-radius:2px !important; }
body.wmc-admin-v283 .wmcw-status { background:#eee !important; border-radius:2px !important; color:#555 !important; }
body.wmc-admin-v283 .wmcw-status.sent,
body.wmc-admin-v283 .wmcw-status.completed { background:#dff0d8 !important; color:#3c763d !important; }
body.wmc-admin-v283 .wmcw-status.failed { background:#f2dede !important; color:#a94442 !important; }
body.wmc-admin-v283 .wmcw-status.pending,
body.wmc-admin-v283 .wmcw-status.scheduled { background:#fcf8e3 !important; color:#8a6d3b !important; }
body.wmc-admin-v283 .wmcw-toast { border-radius:2px !important; background:#00a65a !important; color:#fff !important; border:0 !important; box-shadow:0 3px 10px rgba(0,0,0,.22) !important; }
body.wmc-admin-v283 .wmcw-toast.bad { background:#dd4b39 !important; color:#fff !important; }

/* ==================== EMAIL / COMPONENTES INJETADOS ==================== */
body.wmc-admin-v283 [id*="email-page"],
body.wmc-admin-v283 [id*="email-center"],
body.wmc-admin-v283 [id*="new-users-root"] { color:#333 !important; }
body.wmc-admin-v283 [id*="email"] [class*="bg-black"],
body.wmc-admin-v283 [id*="email"] [class*="bg-zinc"],
body.wmc-admin-v283 [id*="new-users"] [class*="bg-black"],
body.wmc-admin-v283 [id*="new-users"] [class*="bg-zinc"] {
  background:#fff !important;
  color:#333 !important;
}

/* ==================== APK CONSOLE ==================== */
body.wmc-admin-v283 .apk-shell,
body.wmc-admin-v283 #apk-console,
body.wmc-admin-v283 [class*="apk-"] {
  color-scheme:light !important;
}
body.wmc-admin-v283 iframe[title="Controle do APK"] {
  background:#ecf0f5 !important;
}

/* ==================== MOBILE ==================== */
@media (max-width: 767px) {
  body.wmc-admin-v283 .wmc-admin-topbar-v283,
  body.wmc-admin-v283 #root > div > header {
    left:0 !important;
    height:54px !important;
    background:var(--wmc-admin-sidebar-dark) !important;
    border-color:#151b1e !important;
    color:#fff !important;
  }
  body.wmc-admin-v283 .wmc-admin-topbar-v283 span,
  body.wmc-admin-v283 #root > div > header span { color:#fff !important; }
  body.wmc-admin-v283 .wmc-admin-main-v283,
  body.wmc-admin-v283 #root > div > main {
    margin-left:0 !important;
    padding-top:54px !important;
  }
  body.wmc-admin-v283 main > div { padding:14px !important; }
  body.wmc-admin-v283 .wmcw-grid,
  body.wmc-admin-v283 .wmcw-grid.three,
  body.wmc-admin-v283 .wmcw-users,
  body.wmc-admin-v283 .wmcw-detail-grid,
  body.wmc-admin-v283 .wmcw-qr { grid-template-columns:1fr !important; }
}

/* ==================== APK CONSOLE — TEMA CORPORATIVO ==================== */
html:has(body.wmc-admin-v283) {
  --page: #ecf0f5 !important;
  --page-soft: #f4f6f9 !important;
  --sidebar: #222d32 !important;
  --surface: #ffffff !important;
  --surface-strong: #ffffff !important;
  --surface-soft: #fafafa !important;
  --surface-hover: #f5f5f5 !important;
  --line: #d9dee3 !important;
  --line-strong: #cfd5da !important;
  --text: #333333 !important;
  --muted: #777777 !important;
  --muted-strong: #555555 !important;
  --brand: #d71920 !important;
  --brand-bright: #d71920 !important;
  --brand-deep: #b51218 !important;
  --green: #00a65a !important;
  --yellow: #f39c12 !important;
  --blue: #3c8dbc !important;
  --shadow: 0 2px 8px rgba(0,0,0,.10) !important;
  --shadow-soft: 0 1px 2px rgba(0,0,0,.08) !important;
  --radius-xl: 3px !important;
  --radius-lg: 3px !important;
  --radius-md: 2px !important;
  --sidebar-width: 230px !important;
}
body.wmc-admin-v283 .appShell { background:#ecf0f5 !important; color:#333 !important; }
body.wmc-admin-v283 .appShell > .sidebar { background:#222d32 !important; border-right:0 !important; }
body.wmc-admin-v283 .appShell .brand { background:#1a2226 !important; border-bottom:1px solid #151b1e !important; }
body.wmc-admin-v283 .appShell .brand h1,
body.wmc-admin-v283 .appShell .brandKicker { color:#fff !important; }
body.wmc-admin-v283 .appShell .brand .subtitle,
body.wmc-admin-v283 .appShell .navLabel,
body.wmc-admin-v283 .appShell .sidebarInfo span,
body.wmc-admin-v283 .appShell .sidebarVersion { color:#8aa4af !important; }
body.wmc-admin-v283 .appShell .tabs .tab {
  border:0 !important; border-left:3px solid transparent !important; border-radius:0 !important;
  background:transparent !important; color:#b8c7ce !important; box-shadow:none !important;
}
body.wmc-admin-v283 .appShell .tabs .tab:hover { background:#1e282c !important; color:#fff !important; }
body.wmc-admin-v283 .appShell .tabs .tab.active { background:#d71920 !important; color:#fff !important; border-left-color:#fff !important; }
body.wmc-admin-v283 .appShell .workspace { margin-left:230px !important; background:#ecf0f5 !important; }
body.wmc-admin-v283 .appShell .workspace > header { background:#fff !important; border-bottom:1px solid #d2d6de !important; box-shadow:none !important; }
body.wmc-admin-v283 .appShell .workspace > header h2 { color:#333 !important; font-weight:400 !important; }
body.wmc-admin-v283 .appShell .workspace > main,
body.wmc-admin-v283 .appShell .content { background:#ecf0f5 !important; }
body.wmc-admin-v283 .appShell .card,
body.wmc-admin-v283 .appShell .panel,
body.wmc-admin-v283 .appShell .section,
body.wmc-admin-v283 .appShell .setup,
body.wmc-admin-v283 .appShell .metric,
body.wmc-admin-v283 .appShell .tableWrap {
  background:#fff !important; color:#333 !important; border-color:#d9dee3 !important; border-radius:3px !important; box-shadow:0 1px 1px rgba(0,0,0,.05) !important;
}
body.wmc-admin-v283 .appShell input,
body.wmc-admin-v283 .appShell select,
body.wmc-admin-v283 .appShell textarea { background:#fff !important; color:#333 !important; border-color:#d2d6de !important; }
body.wmc-admin-v283 main button[class*="bg-green"],
body.wmc-admin-v283 main button[class*="bg-emerald"],
body.wmc-admin-v283 main button[class*="bg-blue"],
body.wmc-admin-v283 main button[class*="bg-cyan"],
body.wmc-admin-v283 main a[class*="bg-green"],
body.wmc-admin-v283 main a[class*="bg-emerald"],
body.wmc-admin-v283 main a[class*="bg-blue"],
body.wmc-admin-v283 main a[class*="bg-cyan"] { color:#fff !important; }


/* ==========================================================
   V283 — TEMA ESCURO PADRÃO / ALTA LEGIBILIDADE
   Esta camada é intencionalmente a última do arquivo.
   Mantém toda a lógica original e altera somente apresentação.
   ========================================================== */
html:has(body.wmc-admin-v283),
body.wmc-admin-v283 {
  background:#10151a !important;
  color:#edf2f7 !important;
  color-scheme:dark !important;
  font-weight:500 !important;
}
body.wmc-admin-v283 #root,
body.wmc-admin-v283 .wmc-admin-shell-v283 {
  background:#10151a !important;
  color:#edf2f7 !important;
}

/* topbar */
body.wmc-admin-v283 .wmc-admin-topbar-v283,
body.wmc-admin-v283 #root > div > header {
  background:#171d22 !important;
  color:#eef3f7 !important;
  border-bottom:1px solid #2a343d !important;
  box-shadow:0 1px 3px rgba(0,0,0,.35) !important;
}
body.wmc-admin-v283 .wmc-admin-topbar-v283 p,
body.wmc-admin-v283 .wmc-admin-topbar-v283 span,
body.wmc-admin-v283 #root > div > header p,
body.wmc-admin-v283 #root > div > header span { color:#d9e2ea !important; font-weight:500 !important; }
body.wmc-admin-v283 .wmc-admin-topbar-v283 > div:last-child > div,
body.wmc-admin-v283 #root > div > header > div:last-child > div[class*="bg-red"] {
  background:#291719 !important; color:#ff8e93 !important; border-color:#613136 !important;
}

/* sidebar */
body.wmc-admin-v283 .wmc-admin-sidebar-v283,
body.wmc-admin-v283 #root > div > aside { background:#171d22 !important; color:#cbd5de !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child,
body.wmc-admin-v283 #root > div > aside > div:first-child,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child,
body.wmc-admin-v283 #root > div > aside > div:last-child { background:#101419 !important; border-color:#273038 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a,
body.wmc-admin-v283 #root > div > aside nav a { color:#d1d9e0 !important; font-weight:500 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a:hover,
body.wmc-admin-v283 #root > div > aside nav a:hover { background:#222b32 !important; color:#fff !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child > div,
body.wmc-admin-v283 #root > div > aside > div:last-child > div { background:#202a31 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child p:first-child,
body.wmc-admin-v283 #root > div > aside > div:last-child p:first-child { color:#fff !important; font-weight:600 !important; }
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child p:last-child,
body.wmc-admin-v283 #root > div > aside > div:last-child p:last-child { color:#aebbc5 !important; }

/* main */
body.wmc-admin-v283 .wmc-admin-main-v283,
body.wmc-admin-v283 #root > div > main,
body.wmc-admin-v283 main { background:#10151a !important; color:#edf2f7 !important; }
body.wmc-admin-v283 main h1,
body.wmc-admin-v283 main h2,
body.wmc-admin-v283 main h3,
body.wmc-admin-v283 main h4,
body.wmc-admin-v283 main h5,
body.wmc-admin-v283 main h6,
body.wmc-admin-v283 .font-display { color:#f8fafc !important; font-weight:650 !important; }
body.wmc-admin-v283 main h1 { font-weight:650 !important; }
body.wmc-admin-v283 main h2 { font-weight:650 !important; }
body.wmc-admin-v283 main h3 { font-weight:650 !important; }
body.wmc-admin-v283 .text-foreground,
body.wmc-admin-v283 main .text-white,
body.wmc-admin-v283 main [class*="text-gray-900"],
body.wmc-admin-v283 main [class*="text-slate-900"],
body.wmc-admin-v283 main [class*="text-zinc-900"],
body.wmc-admin-v283 main [class*="text-black"] { color:#edf2f7 !important; }
body.wmc-admin-v283 .text-muted-foreground,
body.wmc-admin-v283 main [class*="text-gray-500"],
body.wmc-admin-v283 main [class*="text-gray-600"],
body.wmc-admin-v283 main [class*="text-slate-500"],
body.wmc-admin-v283 main [class*="text-slate-600"],
body.wmc-admin-v283 main [class*="text-zinc-500"],
body.wmc-admin-v283 main [class*="text-zinc-600"] { color:#b3bec8 !important; font-weight:500 !important; }
body.wmc-admin-v283 main p,
body.wmc-admin-v283 main small { color:#bdc7d0; }

/* cards and surfaces */
body.wmc-admin-v283 .stat-card,
body.wmc-admin-v283 .glass-card,
body.wmc-admin-v283 main [class*="bg-card"],
body.wmc-admin-v283 main [class*="bg-black/"],
body.wmc-admin-v283 main [class*="bg-zinc-950"],
body.wmc-admin-v283 main [class*="bg-white"],
body.wmc-admin-v283 main [class*="bg-gray-50"],
body.wmc-admin-v283 main [class*="bg-slate-50"],
body.wmc-admin-v283 main section,
body.wmc-admin-v283 main article {
  background:#182027 !important;
  color:#edf2f7 !important;
  border-color:#303b44 !important;
  box-shadow:0 1px 3px rgba(0,0,0,.30) !important;
}
body.wmc-admin-v283 .stat-card,
body.wmc-admin-v283 .glass-card { border-color:#303b44 !important; }

/* forms */
body.wmc-admin-v283 input,
body.wmc-admin-v283 select,
body.wmc-admin-v283 textarea {
  background:#0f151a !important;
  color:#f1f5f9 !important;
  border-color:#3a4650 !important;
  font-weight:500 !important;
}
body.wmc-admin-v283 input::placeholder,
body.wmc-admin-v283 textarea::placeholder { color:#82909b !important; opacity:1 !important; }
body.wmc-admin-v283 input:focus,
body.wmc-admin-v283 select:focus,
body.wmc-admin-v283 textarea:focus { border-color:#e62931 !important; box-shadow:0 0 0 1px rgba(230,41,49,.22) !important; }
body.wmc-admin-v283 label { color:#d9e1e8 !important; font-weight:600 !important; }
body.wmc-admin-v283 option { background:#131a20 !important; color:#f1f5f9 !important; }

/* buttons */
body.wmc-admin-v283 main button,
body.wmc-admin-v283 main a[role="button"] { font-weight:600 !important; }
body.wmc-admin-v283 main button:not([class*="bg-primary"]):not([class*="bg-red"]):not([class*="bg-green"]):not([class*="bg-emerald"]):not([class*="bg-blue"]):not([class*="bg-cyan"]),
body.wmc-admin-v283 main a[role="button"]:not([class*="bg-primary"]):not([class*="bg-red"]):not([class*="bg-green"]):not([class*="bg-emerald"]):not([class*="bg-blue"]):not([class*="bg-cyan"]) {
  background:#222b32 !important; color:#edf2f7 !important; border-color:#3b4650 !important;
}
body.wmc-admin-v283 main button:hover { filter:brightness(1.08); }

/* tables */
body.wmc-admin-v283 table { background:#182027 !important; color:#e5edf3 !important; }
body.wmc-admin-v283 thead { background:#202930 !important; }
body.wmc-admin-v283 th { color:#f5f7fa !important; border-bottom-color:#3b4650 !important; font-weight:650 !important; }
body.wmc-admin-v283 td { color:#dce4ea !important; border-top-color:#2c3740 !important; }
body.wmc-admin-v283 tbody tr:hover { background:#202930 !important; }

/* readable status colors */
body.wmc-admin-v283 [class*="text-green"], body.wmc-admin-v283 [class*="text-emerald"] { color:#65d690 !important; }
body.wmc-admin-v283 [class*="text-yellow"], body.wmc-admin-v283 [class*="text-amber"] { color:#f5c451 !important; }
body.wmc-admin-v283 [class*="text-red"] { color:#ff777d !important; }
body.wmc-admin-v283 [class*="text-blue"], body.wmc-admin-v283 [class*="text-cyan"] { color:#76bfff !important; }

/* WhatsApp */
body.wmc-admin-v283 .wmcw { color:#edf2f7 !important; }
body.wmc-admin-v283 .wmcw-head { border-bottom-color:#303b44 !important; }
body.wmc-admin-v283 .wmcw-head h1 { color:#fff !important; font-weight:650 !important; }
body.wmc-admin-v283 .wmcw-head p,
body.wmc-admin-v283 .wmcw-card p,
body.wmc-admin-v283 .wmcw-config-help { color:#b7c2cc !important; font-weight:500 !important; }
body.wmc-admin-v283 .wmcw-badge { background:#212a31 !important; color:#e8eef3 !important; border-color:#3a454e !important; font-weight:650 !important; }
body.wmc-admin-v283 .wmcw-badge.ok { background:#112b1d !important; color:#7ce4a2 !important; border-color:#285a3b !important; }
body.wmc-admin-v283 .wmcw-badge.bad { background:#301719 !important; color:#ff8a8f !important; border-color:#633136 !important; }
body.wmc-admin-v283 .wmcw-badge.warn { background:#312617 !important; color:#ffd36a !important; border-color:#65502b !important; }
body.wmc-admin-v283 .wmcw-tabs { background:#161d23 !important; border-color:#303b44 !important; }
body.wmc-admin-v283 .wmcw-tab { background:#161d23 !important; color:#c5cfd8 !important; border-right-color:#303b44 !important; font-weight:600 !important; }
body.wmc-admin-v283 .wmcw-tab:hover { background:#222b32 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-tab.active { background:#d71920 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-card { background:#182027 !important; color:#edf2f7 !important; border-color:#303b44 !important; border-top-color:#d71920 !important; }
body.wmc-admin-v283 .wmcw-card h2,
body.wmc-admin-v283 .wmcw-card h3 { color:#f8fafc !important; font-weight:650 !important; }
body.wmc-admin-v283 .wmcw-field { color:#d9e1e8 !important; font-weight:600 !important; }
body.wmc-admin-v283 .wmcw-field input,
body.wmc-admin-v283 .wmcw-field select,
body.wmc-admin-v283 .wmcw-field textarea,
body.wmc-admin-v283 .wmcw-toolbar input { background:#0f151a !important; color:#f1f5f9 !important; border-color:#3a4650 !important; }
body.wmc-admin-v283 .wmcw-switch,
body.wmc-admin-v283 .wmcw-user,
body.wmc-admin-v283 .wmcw-row,
body.wmc-admin-v283 .wmcw-template,
body.wmc-admin-v283 .wmcw-history-item,
body.wmc-admin-v283 .wmcw-detail,
body.wmc-admin-v283 .wmcw-vars { background:#151c22 !important; color:#edf2f7 !important; border-color:#303b44 !important; }
body.wmc-admin-v283 .wmcw-user span,
body.wmc-admin-v283 .wmcw-row small,
body.wmc-admin-v283 .wmcw-detail b,
body.wmc-admin-v283 .wmcw-json { color:#aebac4 !important; }
body.wmc-admin-v283 .wmcw-note { background:#14212a !important; color:#dbeaf5 !important; border-color:#29485c !important; }
body.wmc-admin-v283 .wmcw-note.warn { background:#292315 !important; color:#f4d48b !important; border-color:#5d4c27 !important; }
body.wmc-admin-v283 .wmcw-btn { background:#222b32 !important; color:#edf2f7 !important; border-color:#3a4650 !important; font-weight:650 !important; }
body.wmc-admin-v283 .wmcw-btn.primary { background:#d71920 !important; border-color:#b51218 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-btn.blue { background:#25638b !important; border-color:#347aa8 !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-btn.danger { background:#8f2729 !important; border-color:#b83b3d !important; color:#fff !important; }
body.wmc-admin-v283 .wmcw-kicker,
body.wmc-admin-v283 .wmcw-vars > summary { color:#ff6b72 !important; }
body.wmc-admin-v283 .wmcw-history-item[open] > summary { background:#202930 !important; border-color:#303b44 !important; }
body.wmc-admin-v283 .wmcw-message { background:#0f151a !important; color:#eef3f7 !important; border-color:#303b44 !important; }
body.wmc-admin-v283 .wmcw-status { background:#252f36 !important; color:#e4ebf0 !important; }
body.wmc-admin-v283 .wmcw-status.sent,
body.wmc-admin-v283 .wmcw-status.completed { background:#123120 !important; color:#8ae4aa !important; }
body.wmc-admin-v283 .wmcw-status.failed { background:#321719 !important; color:#ff969a !important; }
body.wmc-admin-v283 .wmcw-status.pending,
body.wmc-admin-v283 .wmcw-status.scheduled { background:#332818 !important; color:#f7d071 !important; }
body.wmc-admin-v283 .wmcw-empty { color:#afbbc5 !important; border-color:#3a4650 !important; }

/* Email / injected modules */
body.wmc-admin-v283 [id*="email-page"],
body.wmc-admin-v283 [id*="email-center"],
body.wmc-admin-v283 [id*="new-users-root"] { color:#edf2f7 !important; }
body.wmc-admin-v283 [id*="email"] [class*="bg-black"],
body.wmc-admin-v283 [id*="email"] [class*="bg-zinc"],
body.wmc-admin-v283 [id*="email"] [class*="bg-white"],
body.wmc-admin-v283 [id*="new-users"] [class*="bg-black"],
body.wmc-admin-v283 [id*="new-users"] [class*="bg-zinc"],
body.wmc-admin-v283 [id*="new-users"] [class*="bg-white"] { background:#182027 !important; color:#edf2f7 !important; }

/* APK / secondary admin shell */
html:has(body.wmc-admin-v283) {
  --page:#10151a !important;
  --page-soft:#131a20 !important;
  --sidebar:#171d22 !important;
  --surface:#182027 !important;
  --surface-strong:#1c252c !important;
  --surface-soft:#151c22 !important;
  --surface-hover:#202930 !important;
  --line:#303b44 !important;
  --line-strong:#3a4650 !important;
  --text:#edf2f7 !important;
  --muted:#aeb9c4 !important;
  --muted-strong:#c5ced6 !important;
  --brand:#d71920 !important;
  --brand-bright:#ef3037 !important;
  --brand-deep:#b51218 !important;
  --shadow:0 2px 8px rgba(0,0,0,.35) !important;
  --shadow-soft:0 1px 3px rgba(0,0,0,.28) !important;
}
body.wmc-admin-v283 .appShell { background:#10151a !important; color:#edf2f7 !important; }
body.wmc-admin-v283 .appShell > .sidebar { background:#171d22 !important; }
body.wmc-admin-v283 .appShell .brand { background:#101419 !important; border-color:#273038 !important; }
body.wmc-admin-v283 .appShell .tabs .tab { color:#d0d8df !important; font-weight:500 !important; }
body.wmc-admin-v283 .appShell .tabs .tab:hover { background:#222b32 !important; color:#fff !important; }
body.wmc-admin-v283 .appShell .workspace,
body.wmc-admin-v283 .appShell .workspace > main,
body.wmc-admin-v283 .appShell .content { background:#10151a !important; }
body.wmc-admin-v283 .appShell .workspace > header { background:#171d22 !important; border-bottom-color:#2a343d !important; }
body.wmc-admin-v283 .appShell .workspace > header h2 { color:#f5f7fa !important; font-weight:650 !important; }
body.wmc-admin-v283 .appShell .card,
body.wmc-admin-v283 .appShell .panel,
body.wmc-admin-v283 .appShell .section,
body.wmc-admin-v283 .appShell .setup,
body.wmc-admin-v283 .appShell .metric,
body.wmc-admin-v283 .appShell .tableWrap { background:#182027 !important; color:#edf2f7 !important; border-color:#303b44 !important; }
body.wmc-admin-v283 .appShell input,
body.wmc-admin-v283 .appShell select,
body.wmc-admin-v283 .appShell textarea { background:#0f151a !important; color:#f1f5f9 !important; border-color:#3a4650 !important; }
body.wmc-admin-v283 iframe[title="Controle do APK"] { background:#10151a !important; }

/* scrollbars discretas e legíveis */
body.wmc-admin-v283 * { scrollbar-color:#46535d #141b20; }
body.wmc-admin-v283 *::-webkit-scrollbar { width:10px; height:10px; }
body.wmc-admin-v283 *::-webkit-scrollbar-track { background:#141b20; }
body.wmc-admin-v283 *::-webkit-scrollbar-thumb { background:#46535d; border:2px solid #141b20; border-radius:8px; }

@media (max-width:767px) {
  body.wmc-admin-v283 .wmc-admin-topbar-v283,
  body.wmc-admin-v283 #root > div > header { background:#101419 !important; color:#fff !important; border-color:#273038 !important; }
}


/* ==========================================================
   HOTFIX V283 — FORÇA DO TEMA ADMIN CORRETO
   Mantém o visual dark padrão do painel admin.
   ========================================================== */
body.wmc-admin-v283 .wmc-admin-shell-v282,
body.wmc-admin-v283 .wmc-admin-shell-v283,
body.wmc-admin-v283 #root > div:has(> aside):has(> main) {
  min-height: 100vh !important;
  background: #05070b !important;
  color: #f3f5f7 !important;
}

body.wmc-admin-v283 .wmc-admin-topbar-v282,
body.wmc-admin-v283 .wmc-admin-topbar-v283,
body.wmc-admin-v283 #root > div > header {
  height: 52px !important;
  min-height: 52px !important;
  background: #0b0f14 !important;
  border-bottom: 1px solid #222a33 !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
  color: #f7f8fa !important;
}

body.wmc-admin-v283 .wmc-admin-topbar-v282 p,
body.wmc-admin-v283 .wmc-admin-topbar-v283 p,
body.wmc-admin-v283 .wmc-admin-topbar-v282 span,
body.wmc-admin-v283 .wmc-admin-topbar-v283 span,
body.wmc-admin-v283 #root > div > header p,
body.wmc-admin-v283 #root > div > header span {
  color: #c9d1d9 !important;
}

body.wmc-admin-v283 .wmc-admin-topbar-v282 [class*="bg-red-500/15"],
body.wmc-admin-v283 .wmc-admin-topbar-v283 [class*="bg-red-500/15"],
body.wmc-admin-v283 #root > div > header [class*="bg-red-500/15"] {
  background: rgba(215,25,32,.12) !important;
  color: #ff585f !important;
  border: 1px solid rgba(215,25,32,.25) !important;
  border-radius: 999px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282,
body.wmc-admin-v283 .wmc-admin-sidebar-v283,
body.wmc-admin-v283 #root > div > aside {
  width: 255px !important;
  background: linear-gradient(180deg,#090d12 0%,#0d1217 100%) !important;
  border-right: 1px solid #1f2730 !important;
  color: #d8dee4 !important;
  box-shadow: 8px 0 30px rgba(0,0,0,.22) !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 > div:first-child,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child,
body.wmc-admin-v283 #root > div > aside > div:first-child {
  background: #0a0e13 !important;
  border-bottom: 1px solid #1f2730 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 > div:first-child h2,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child h2,
body.wmc-admin-v283 #root > div > aside > div:first-child h2 {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 > div:first-child p,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:first-child p,
body.wmc-admin-v283 #root > div > aside > div:first-child p {
  color: #98a6b3 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 nav,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav,
body.wmc-admin-v283 #root > div > aside nav {
  padding: 10px 10px 14px !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 nav a,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a,
body.wmc-admin-v283 #root > div > aside nav a {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  color: #d2d9e0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 nav a:hover,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a:hover,
body.wmc-admin-v283 #root > div > aside nav a:hover {
  background: #131a22 !important;
  color: #ffffff !important;
  border-color: #212a33 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 nav a[class*="bg-red-500/15"],
body.wmc-admin-v283 .wmc-admin-sidebar-v283 nav a[class*="bg-red-500/15"],
body.wmc-admin-v283 #root > div > aside nav a[class*="bg-red-500/15"] {
  background: linear-gradient(180deg,rgba(215,25,32,.18),rgba(215,25,32,.10)) !important;
  border-color: rgba(215,25,32,.35) !important;
  color: #ff5d64 !important;
  box-shadow: 0 0 0 1px rgba(215,25,32,.05), 0 10px 24px rgba(215,25,32,.08) !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 > div:last-child,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child,
body.wmc-admin-v283 #root > div > aside > div:last-child {
  background: #0a0e13 !important;
  border-top: 1px solid #1f2730 !important;
}

body.wmc-admin-v283 .wmc-admin-sidebar-v282 > div:last-child > div,
body.wmc-admin-v283 .wmc-admin-sidebar-v283 > div:last-child > div,
body.wmc-admin-v283 #root > div > aside > div:last-child > div {
  background: #131920 !important;
  border: 1px solid #232c35 !important;
  border-radius: 14px !important;
}

body.wmc-admin-v283 .wmc-admin-main-v282,
body.wmc-admin-v283 .wmc-admin-main-v283,
body.wmc-admin-v283 #root > div > main {
  margin-left: 255px !important;
  min-height: 100vh !important;
  padding-top: 52px !important;
  background:
    radial-gradient(circle at top left, rgba(215,25,32,.07), transparent 24%),
    linear-gradient(180deg,#05070b 0%,#080b10 100%) !important;
}

body.wmc-admin-v283 .wmc-admin-main-v282 > div,
body.wmc-admin-v283 .wmc-admin-main-v283 > div,
body.wmc-admin-v283 #root > div > main > div {
  padding: 28px 24px 34px !important;
}

body.wmc-admin-v283 main h1,
body.wmc-admin-v283 main h2,
body.wmc-admin-v283 main h3,
body.wmc-admin-v283 main .text-foreground,
body.wmc-admin-v283 .font-display {
  color: #f4f7fb !important;
}
body.wmc-admin-v283 main h1 { font-size: 24px !important; line-height: 1.2 !important; font-weight: 800 !important; }
body.wmc-admin-v283 main h1 span { color: #ff343d !important; }
body.wmc-admin-v283 main .text-muted-foreground,
body.wmc-admin-v283 main p[class*="text-muted"],
body.wmc-admin-v283 main span[class*="text-muted"] { color: #9aa8b5 !important; }

body.wmc-admin-v283 .stat-card,
body.wmc-admin-v283 .glass-card,
body.wmc-admin-v283 main [class*="bg-card"],
body.wmc-admin-v283 main section,
body.wmc-admin-v283 main article {
  background: linear-gradient(180deg,#0d1217 0%,#0f151c 100%) !important;
  color: #eff3f7 !important;
  border: 1px solid #202933 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.18) !important;
  backdrop-filter: none !important;
}

body.wmc-admin-v283 .stat-card p,
body.wmc-admin-v283 .glass-card p,
body.wmc-admin-v283 .stat-card span,
body.wmc-admin-v283 .glass-card span,
body.wmc-admin-v283 main [class*="bg-card"] p,
body.wmc-admin-v283 main [class*="bg-card"] span {
  color: inherit !important;
}

body.wmc-admin-v283 main [class*="grid-cols-2"].lg\:grid-cols-4,
body.wmc-admin-v283 main .grid.grid-cols-2.gap-4.lg\:grid-cols-4 {
  gap: 18px !important;
}

body.wmc-admin-v283 main [class*="bg-muted/30"] {
  background: #111821 !important;
  border: 1px solid #202933 !important;
  border-radius: 12px !important;
}

body.wmc-admin-v283 main svg.text-red-500 { color: #ff3d46 !important; }
body.wmc-admin-v283 main svg.text-success { color: #2ed38a !important; }
body.wmc-admin-v283 main svg.text-secondary { color: #f0b35f !important; }
body.wmc-admin-v283 main svg.text-warning { color: #ffb74d !important; }

@media (max-width: 767px) {
  body.wmc-admin-v283 .wmc-admin-topbar-v282,
  body.wmc-admin-v283 .wmc-admin-topbar-v283,
  body.wmc-admin-v283 #root > div > header {
    left: 0 !important;
    height: calc(52px + env(safe-area-inset-top, 0px)) !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }

  body.wmc-admin-v283 .wmc-admin-main-v282,
  body.wmc-admin-v283 .wmc-admin-main-v283,
  body.wmc-admin-v283 #root > div > main {
    margin-left: 0 !important;
    padding-bottom: 72px !important;
  }

  body.wmc-admin-v283 .wmc-admin-main-v282 > div,
  body.wmc-admin-v283 .wmc-admin-main-v283 > div,
  body.wmc-admin-v283 #root > div > main > div {
    padding: 20px 14px 90px !important;
  }

  body.wmc-admin-v283 main .grid.grid-cols-2.gap-4.lg\:grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0,1fr)) !important;
  }
}
