/*
 * BT Digital admin skin — layers the public site's palette (dark background,
 * cyan accent, Space Grotesk / JetBrains Mono) on top of Backpack's Tabler theme
 * via its documented CSS custom-property hooks. Only variables are touched, so
 * the underlying Tabler component styles (tables, forms, buttons) stay intact.
 *
 * Applied unconditionally on :root (not scoped to [data-bs-theme=dark]) — the
 * admin panel is always dark, on purpose, regardless of any light/dark toggle
 * state a browser may have cached in localStorage from an earlier visit.
 */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    --tblr-primary: #00d9ff;
    --tblr-primary-rgb: 0, 217, 255;
    --tblr-primary-text-emphasis: #7be8ff;
    --tblr-link-color: #00d9ff;
    --tblr-link-hover-color: #33e1ff;
    --tblr-code-color: #00d9ff;
    --tblr-body-bg: #0b0d10;
    --tblr-body-bg-rgb: 11, 13, 16;
    --tblr-bg-main-color: #0b0d10;
    --tblr-bg-surface: #11151a;
    --tblr-navbar-bg: #11151a;
    --tblr-secondary-bg: #161b21;
    --tblr-tertiary-bg: #161b21;
    --tblr-border-color: #232a32;
    --tblr-dark-mode-border-color: #232a32;
    --tblr-bg-forms: #161b21;
}

html,
body {
    background-color: #0b0d10 !important;
}

/* Bright cyan reads poorly with white text — match the public site's own
   convention of dark text on accent-colored buttons. */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.page-item.active .page-link {
    color: #0b0d10;
}

body {
    font-family: 'Space Grotesk', 'Inter', 'Segoe UI', sans-serif;
}

.navbar-brand,
.navbar-brand:hover {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.navbar-brand b {
    color: var(--tblr-primary);
}

code,
pre,
kbd {
    font-family: 'JetBrains Mono', 'IBM Plex Mono', 'Courier New', monospace;
}

/* Tabler only ships a `color` alongside `background-color` for its combo
   `.text-bg-*` utilities (e.g. .text-bg-danger) - the plain `.bg-*` classes
   this admin actually uses for every status/type/priority badge (tickets,
   projects, customers, log viewer - see Ticket::statusBadgeClass() and
   friends) set ONLY the background. Without an explicit color, each one
   falls back to the base `.badge`'s default (var(--tblr-secondary), a muted
   grey) - unreadable against most of these backgrounds. Values mirror
   Tabler's own `.text-bg-*` color choices. `bg-warning` is deliberately not
   listed here - see the `!important` dark-text override for it already
   shipped in theme-tabler's style.css, kept because it was already correct.
   `-lt` (pastel) badge variants (e.g. bg-success-lt) are unaffected - Tabler
   already sets their own matching text color. */
.badge.bg-secondary,
.badge.bg-success,
.badge.bg-info,
.badge.bg-danger,
.badge.bg-dark,
.badge.bg-blue {
    color: #f9fafb;
}

/* Same reasoning as the existing .btn-primary override further up this file
   (--tblr-primary is remapped to the bright cyan brand accent) - white text
   on it is nearly as unreadable as the badge default grey was, so bg-primary
   badges (e.g. the "Funkció / ötlet kérése" ticket type) get dark text too,
   same treatment as bg-warning above and bg-yellow here. */
.badge.bg-primary,
.badge.bg-yellow {
    color: var(--tblr-dark);
}

/* Tabler's own `.navbar .navbar-nav .nav-link .badge` rule (tabler.min.css)
   styles a badge as a corner notification dot (position: absolute, floated
   top-right of the link) - meant for an icon-only bell, wrong for the
   "Hibajegyek" open-ticket counter, which is meant to sit inline right
   after its label (see menu_items.blade.php). The selector below matches
   that rule's specificity (4 classes) so this override actually wins rather
   than losing on specificity despite loading later. Also gives it explicit
   white text: `.bg-danger` only sets the background (Bootstrap/Tabler
   convention), so without this the badge falls back to the default badge
   text colour, unreadable against both the red badge and the dark sidebar. */
.navbar .navbar-nav .nav-link .nav-count-badge {
    position: static;
    transform: none;
    margin-left: 6px;
    color: #fff;
}