/* DeadState RP - red theme for txAdmin 8.x
 * Installed by /home/FiveM/txadmin-theme/apply.sh  |  remove with restore.sh
 * Only overrides CSS variables + a few legacy (CoreUI) classes. */

/* ---------- React panel (login + all pages), dark theme (default) ---------- */
.dark {
  --background: 0 10% 6.5%;
  --foreground: 0 0% 96%;
  --card: 0 9% 10%;
  --card-foreground: 0 0% 96%;
  --popover: 0 10% 8%;
  --popover-foreground: 0 0% 96%;
  --primary: 1.6 100% 46%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 10% 19%;
  --secondary-foreground: 0 0% 96%;
  --muted: 0 9% 13%;
  --muted-foreground: 0 6% 70%;
  --accent: 1.6 100% 50%;
  --accent-foreground: 0 0% 100%;
  --border: 0 14% 18%;
  --input: 0 11% 22%;
  --ring: 1.6 100% 50%;
  --destructive: 350 90% 62%;
  --destructive-inline: 350 90% 66%;
}

/* ---------- light theme: keep light background, red accents ---------- */
:root:not(.dark) {
  --primary: 1.6 100% 42%;
  --primary-foreground: 0 0% 100%;
  --accent: 1.6 100% 44%;
  --accent-foreground: 0 0% 100%;
  --ring: 1.6 100% 44%;
}

/* small extras */
::selection { background: hsl(1.6 100% 46% / .45); color: #fff; }
html.dark { scrollbar-color: hsl(1.6 70% 35%) hsl(var(--background)); }
.dark a:not([class]) { color: hsl(1.6 100% 62%); }
.dark :focus-visible { outline-color: hsl(var(--ring)); }

/* ---------- legacy iframe pages (CoreUI: cfg editor, server log, ...) ---------- */
body.c-app a:not(.btn):not(.nav-link):not(.dropdown-item) { color: #ff4a3d; }
body.c-app .btn-primary,
body.c-app .bg-primary,
body.c-app .badge-primary,
body.c-app .progress-bar,
body.c-app .page-item.active .page-link,
body.c-app .nav-tabs .nav-link.active,
body.c-app .nav-pills .nav-link.active { background-color: #e10600 !important; border-color: #e10600 !important; color: #fff !important; }
body.c-app .btn-primary:hover,
body.c-app .btn-primary:focus { background-color: #b80500 !important; border-color: #b80500 !important; }
body.c-app .btn-outline-primary { color: #ff4a3d !important; border-color: #e10600 !important; }
body.c-app .btn-outline-primary:hover { background-color: #e10600 !important; color: #fff !important; }
body.c-app .text-primary { color: #ff4a3d !important; }
body.c-app .border-primary { border-color: #e10600 !important; }
body.c-app .form-control:focus,
body.c-app .custom-select:focus { border-color: #e10600 !important; box-shadow: 0 0 0 .2rem rgba(225,6,0,.3) !important; }
body.c-app .custom-control-input:checked ~ .custom-control-label::before { background-color: #e10600 !important; border-color: #e10600 !important; }