/* FASTLANE – Full Override Premium Black & Gold */

/* GLOBAL COLORS */
:root {
    --fastlane-bg: #000000;
    --fastlane-panel: #0f0f0f;
    --fastlane-panel-light: #1a1a1a;
    --fastlane-border: #2a2a2a;
    --fastlane-text: #ffffff;
    --fastlane-muted: #bbbbbb;
    --fastlane-gold: #D4AF37;
}

/* PAGE BACKGROUND */
body, html {
    background-color: var(--fastlane-bg) !important;
    color: var(--fastlane-text) !important;
}

/* UNIVERSAL PANEL OVERRIDE */
.x-panel, .x-panel-body, .x-window, .x-window-body,
.x-tab-bar, .x-toolbar, .x-grid, .x-container,
.x-form-item, .x-box-inner, .x-box-target {
    background-color: var(--fastlane-panel) !important;
    color: var(--fastlane-text) !important;
    border-color: var(--fastlane-border) !important;
}

/* BUTTON OVERRIDE */
.x-btn, .x-btn-default-small, .x-btn-default-medium, .x-btn-default-large,
.x-btn-inner, .x-btn-wrap, .x-btn-button {
    background-color: var(--fastlane-gold) !important;
    border-color: var(--fastlane-gold) !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.x-btn:hover {
    opacity: 0.85 !important;
}

/* INPUT FIELDS */
input, textarea, .x-form-field {
    background-color: var(--fastlane-panel-light) !important;
    color: var(--fastlane-text) !important;
    border: 1px solid var(--fastlane-border) !important;
}

/* LOGIN SCREEN */
.tr-login {
    background-color: var(--fastlane-panel-light) !important;
    border: 2px solid var(--fastlane-gold) !important;
}
.tr-login .x-btn {
    background-color: var(--fastlane-gold) !important;
    color: #000 !important;
}

/* LIST ITEMS */
.x-grid-item, .x-grid-row, .x-grid-cell-inner, .x-grid-cell {
    background-color: var(--fastlane-panel) !important;
    color: var(--fastlane-text) !important;
    border-color: var(--fastlane-border) !important;
}

/* TEXT OVERRIDES */
.x-title, .x-title-text, .x-label-text {
    color: var(--fastlane-gold) !important;
}
.x-panel-header-text {
    color: var(--fastlane-text) !important;
}

/* MAP TOOLBAR */
.leaflet-control, .leaflet-control button {
    background-color: var(--fastlane-panel-light) !important;
    color: var(--fastlane-text) !important;
    border: 1px solid var(--fastlane-border) !important;
}