/* GENERATED desde /Applications/XAMPP/htdocs/obox/assets/css_onebox/dark.css por trim-ob-css.py — no editar a mano.
   Recortador: ~/.config/opencode/outputs/css-trim/trim-ob-css.py
   (selectores sin uso en el sitio; universo = /ob/**.php+js) */
body.dark-mode {
    --gray-900: #0d131f;
    --gray-800: #111827;
    --gray-700: #1f2937;
    --gray-600: #374151;
}
body.dark-mode,
body.dark-mode html {
    background-color: var(--gray-900);
    color: var(--gray-400);
}
html.dark-mode,
html.dark-mode body,
html body.dark-mode {
    background-color: var(--gray-900);
}
body.dark-mode .panel {
    background-color: var(--gray-800);
    border-color: var(--gray-700);
}
body.dark-mode .panel-heading {
    background-color: var(--gray-800);
    border-color: var(--gray-700);
}
body.dark-mode .panel,
body.dark-mode .panel-body,
body.dark-mode .panel-heading,
body.dark-mode .panel-title {
    color: var(--gray-200);
}
body.dark-mode .btn-more,
body.dark-mode .btn-more:focus {
    background-color: var(--gray-700) !important;
    border-color: var(--gray-600);
    color: var(--gray-200) !important;
}
body.dark-mode .btn-more:hover {
    background-color: var(--gray-600);
    color: var(--white);
}
body.dark-mode .btn-primary,
body.dark-mode .btn-primary:focus {
    color: var(--white);
}
body.dark-mode .btn-default {
    background-color: var(--gray-700);
    border-color: var(--gray-700);
    color: var(--gray-200);
}
body.dark-mode .btn-default:hover {
    background-color: var(--gray-600);
    border-color: var(--gray-600);
    color: var(--white);
}
body.dark-mode a,
body.dark-mode .text-primary {
    color: var(--gray-200);
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .panel-title {
    color: var(--gray-100);
}
body.dark-mode .text-secondary,
body.dark-mode p,
body.dark-mode .control-label {
    color: var(--gray-400);
}
body.dark-mode .text-muted {
    color: var(--gray-500);
}
body.dark-mode .badge {
    background-color: var(--gray-600);
}
body.dark-mode .input-group-addon {
    background-color: var(--gray-700);
    border-color: var(--gray-700);
    color: var(--gray-400);
}
body.dark-mode .btn:not(.btn-primary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):not(.btn-link) {
    background-color: var(--gray-700) !important;
    border-color: var(--gray-600) !important;
    color: var(--gray-200) !important;
}
body.dark-mode .btn:not(.btn-primary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):not(.btn-link):hover {
    background-color: var(--gray-600) !important;
    color: var(--white) !important;
}
@layer legacy {
  body.dark-mode a.btn:not(.btn-primary):not(.btn-danger):not(.btn-red):not(.btn-success):not(.btn-warning):not(.btn-info):not(.btn-link),
body.dark-mode button.btn:not(.btn-primary):not(.btn-danger):not(.btn-red):not(.btn-success):not(.btn-warning):not(.btn-info):not(.btn-link),
body.dark-mode .btn:not(.btn-primary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):not(.btn-link) {
      background-color: var(--gray-700) !important;
      border-color: var(--gray-600) !important;
      color: var(--gray-200) !important;
  }
  body.dark-mode .btn:not(.btn-primary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info):not(.btn-link):hover {
      background-color: var(--gray-600) !important;
      color: var(--white) !important;
  }
}
body.dark-mode #register > thead > tr > th {
    background-color: var(--gray-700);
    color: var(--gray-300);
    border-color: var(--gray-600);
}
body.dark-mode [id$="_page_holder"] {
    background-color: var(--gray-900);
}
body.dark-mode button:not([class*="btn-"]),
body.dark-mode .btn-more,
body.dark-mode .btn-suspended {
    background-color: var(--gray-700);
    border-color: var(--gray-600);
    color: var(--gray-200);
}
body.dark-mode .btn.btn-more {
    background-color: var(--gray-700) !important;
    border-color: var(--gray-600) !important;
    color: var(--gray-200) !important;
}