/*
 * VialLen brand theme: dark maroon + light grey + orange-brown accent.
 * Loaded after metronic-template/dist/assets/css/style.bundle.css so these
 * rules win the cascade without needing to recompile Metronic's SASS (that
 * pipeline isn't wired into this app — see app.blade.php's <link> order).
 *
 * Metronic bakes each Bootstrap button variant's colors into literal hex
 * values inside its own component-scoped custom properties at SASS-compile
 * time (e.g. .btn-primary{--bs-btn-bg:#50cd89}), so overriding the root
 * --bs-primary/--bs-dark variables alone only reaches the *utility* classes
 * (.bg-dark, .text-dark, .bg-primary, .text-primary, ...) — buttons need
 * their own explicit override block below.
 */
:root {
    --bs-dark: #6d1f2e;
    --bs-dark-rgb: 109, 31, 46;
    --bs-primary: #b5651d;
    --bs-primary-rgb: 181, 101, 29;
    --bs-light: #f4f1ef;
    --bs-light-rgb: 244, 241, 239;
    --bs-light-bg-subtle: #f7f5f3;
}

.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #6d1f2e;
    --bs-btn-border-color: #6d1f2e;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #591926;
    --bs-btn-hover-border-color: #4d1521;
    --bs-btn-focus-shadow-rgb: 109, 31, 46;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4d1521;
    --bs-btn-active-border-color: #4d1521;
    --bs-btn-disabled-bg: #6d1f2e;
    --bs-btn-disabled-border-color: #6d1f2e;
}

.btn-outline-dark {
    --bs-btn-color: #6d1f2e;
    --bs-btn-border-color: #6d1f2e;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6d1f2e;
    --bs-btn-hover-border-color: #6d1f2e;
    --bs-btn-focus-shadow-rgb: 109, 31, 46;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6d1f2e;
    --bs-btn-active-border-color: #6d1f2e;
    --bs-btn-disabled-color: #6d1f2e;
    --bs-btn-disabled-border-color: #6d1f2e;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #b5651d;
    --bs-btn-border-color: #b5651d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #9c5419;
    --bs-btn-hover-border-color: #8a4a16;
    --bs-btn-focus-shadow-rgb: 181, 101, 29;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #8a4a16;
    --bs-btn-active-border-color: #8a4a16;
    --bs-btn-disabled-bg: #b5651d;
    --bs-btn-disabled-border-color: #b5651d;
}

.btn-outline-primary {
    --bs-btn-color: #b5651d;
    --bs-btn-border-color: #b5651d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #b5651d;
    --bs-btn-hover-border-color: #b5651d;
    --bs-btn-focus-shadow-rgb: 181, 101, 29;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #b5651d;
    --bs-btn-active-border-color: #b5651d;
    --bs-btn-disabled-color: #b5651d;
    --bs-btn-disabled-border-color: #b5651d;
}

/* Sidebar: tie the persistent "here" nav-section highlight to the brand maroon */
.menu-item.here > .menu-link,
.menu-item.active .menu-link {
    color: #6d1f2e !important;
}
.menu-item.here > .menu-link .menu-icon i,
.menu-item.active .menu-link .menu-icon i {
    color: #6d1f2e !important;
}

/* Table header convention used across the app (bg-dark text-white) now
   reads as dark maroon via the --bs-dark override above; no extra rule
   needed here since .bg-dark/.text-dark already reference the CSS var. */

/* Compact table convention, applied app-wide (station/model/user/role/
   analysis/predict/training listings + the analysis "show" bottle report
   table): tighter cell padding and a slightly smaller type scale than
   Bootstrap's default table, so dense operational data reads cleanly
   without needing horizontal scrolling as often. Combine with Bootstrap's
   own .table-sm (halves default padding) for the deepest tables. */
.table-compact {
    font-size: 0.8125rem;
}
.table-compact th,
.table-compact td {
    padding: 0.45rem 0.65rem;
    vertical-align: middle;
}
.table-compact thead th {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.table-compact .btn-sm {
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
}