/* ============================================================
   FIRST WATCH DARK THEME OVERRIDE
   Applied to all location views to maintain the franchise
   dashboard dark aesthetic across the entire app.
   ============================================================ */

/* Base */
body { background: #0b0b0b !important; color: #e0ddd8 !important; }
.page-wrapper { background: #0b0b0b !important; }
.body-wrapper { background: #0b0b0b !important; }

/* Sidebar dark */
.left-sidebar, .left-sidebar .sidebar-nav {
    background: #111 !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
}
.sidebar-nav .sidebar-item .sidebar-link {
    color: rgba(255,255,255,0.5) !important;
}
.sidebar-nav .sidebar-item .sidebar-link:hover,
.sidebar-nav .sidebar-item .sidebar-link.active {
    color: #fff !important;
    background: rgba(200,169,126,0.1) !important;
}
.sidebar-nav .sidebar-item .sidebar-link.active {
    border-left: 3px solid #c8a97e;
}
.sidebar-nav .sidebar-item .sidebar-link i { color: rgba(255,255,255,0.3) !important; }
.sidebar-nav .sidebar-item .sidebar-link:hover i,
.sidebar-nav .sidebar-item .sidebar-link.active i { color: #c8a97e !important; }
.nav-small-cap { color: rgba(255,255,255,0.2) !important; }
.brand-logo { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.brand-logo img { filter: brightness(2) !important; }
.scroll-sidebar { background: #111 !important; }

/* Topbar dark */
.topbar, header.topbar {
    background: rgba(15,15,15,0.95) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.topbar .navbar-nav .nav-link { color: rgba(255,255,255,0.5) !important; }
.topbar .navbar-nav .nav-link:hover { color: #fff !important; }

/* Cards & containers */
.card {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 10px !important;
    color: #e0ddd8 !important;
}
.card-header {
    background: rgba(255,255,255,0.02) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    color: #fff !important;
}
.card-header.text-bg-danger,
.card-header.text-bg-primary,
.card-header.text-bg-success,
.card-header.text-bg-warning,
.card-header.text-bg-info {
    background: rgba(200,169,126,0.15) !important;
    color: #f5f0e8 !important;
}
.card-title { color: #fff !important; }
.card-body { color: #e0ddd8 !important; }

/* Tables */
.table { color: rgba(255,255,255,0.7) !important; --bs-table-bg: transparent !important; }
.table thead th {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.4) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.table td { border-color: rgba(255,255,255,0.04) !important; }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: rgba(255,255,255,0.02) !important; }
.table-hover > tbody > tr:hover > * { --bs-table-bg-state: rgba(255,255,255,0.04) !important; }

/* Forms */
.form-control, .form-select, input, select, textarea {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
}
.form-control:focus, .form-select:focus {
    border-color: #c8a97e !important;
    box-shadow: 0 0 0 2px rgba(200,169,126,0.15) !important;
}
.form-label, label { color: rgba(255,255,255,0.5) !important; }

/* Buttons */
.btn-primary { background: #c8a97e !important; border-color: #c8a97e !important; color: #000 !important; }
.btn-primary:hover { background: #b89868 !important; }
.btn-success { background: #22c55e !important; border-color: #22c55e !important; }
.btn-danger { background: #ef4444 !important; border-color: #ef4444 !important; }
.btn-warning { background: #eab308 !important; border-color: #eab308 !important; color: #000 !important; }
.btn-outline-primary { border-color: #c8a97e !important; color: #c8a97e !important; }
.btn-outline-primary:hover { background: #c8a97e !important; color: #000 !important; }
.btn-light { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.08) !important; color: #fff !important; }

/* Alerts */
.alert { border-radius: 8px !important; }
.alert-danger { background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; color: #fca5a5 !important; }
.alert-warning { background: rgba(234,179,8,0.1) !important; border-color: rgba(234,179,8,0.2) !important; color: #fde047 !important; }
.alert-success { background: rgba(34,197,94,0.1) !important; border-color: rgba(34,197,94,0.2) !important; color: #86efac !important; }
.alert-info { background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.2) !important; color: #93c5fd !important; }

/* Badges & pills */
.badge.bg-primary { background: #c8a97e !important; color: #000 !important; }
.badge.bg-success { background: rgba(34,197,94,0.15) !important; color: #22c55e !important; }
.badge.bg-danger { background: rgba(239,68,68,0.15) !important; color: #ef4444 !important; }
.badge.bg-warning { background: rgba(234,179,8,0.15) !important; color: #eab308 !important; }
.badge.bg-info { background: rgba(59,130,246,0.15) !important; color: #3b82f6 !important; }
.badge.bg-light { background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.6) !important; }

/* Nav tabs */
.nav-tabs { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.nav-tabs .nav-link { color: rgba(255,255,255,0.4) !important; }
.nav-tabs .nav-link.active { color: #c8a97e !important; background: transparent !important; border-color: transparent transparent #c8a97e !important; }
.nav-tabs .nav-link:hover { color: #fff !important; border-color: transparent !important; }

/* Modal */
.modal-content { background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #fff !important; }
.modal-header { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.modal-footer { border-top: 1px solid rgba(255,255,255,0.06) !important; }
.btn-close { filter: invert(1) !important; }

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #fff !important; }
.text-muted { color: rgba(255,255,255,0.35) !important; }
a { color: #c8a97e; }
a:hover { color: #b89868; }

/* Pagination */
.page-link { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.5) !important; }
.page-item.active .page-link { background: #c8a97e !important; border-color: #c8a97e !important; color: #000 !important; }

/* DataTables override */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; color: #fff !important; }
.dataTables_wrapper .dataTables_info { color: rgba(255,255,255,0.3) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { color: rgba(255,255,255,0.4) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #c8a97e !important; color: #000 !important; border-color: #c8a97e !important; }

/* Charts background fix */
.apexcharts-canvas { background: transparent !important; }
.apexcharts-text { fill: rgba(255,255,255,0.4) !important; }
.apexcharts-gridline { stroke: rgba(255,255,255,0.04) !important; }

/* Misc */
.border { border-color: rgba(255,255,255,0.06) !important; }
.shadow-sm { box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important; }
.bg-white, .bg-light { background: rgba(255,255,255,0.03) !important; }
.text-dark { color: #e0ddd8 !important; }
hr { border-color: rgba(255,255,255,0.06) !important; }
.dropdown-menu { background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.dropdown-item { color: rgba(255,255,255,0.6) !important; }
.dropdown-item:hover { background: rgba(255,255,255,0.05) !important; color: #fff !important; }
.preloader { background: #0b0b0b !important; }
.progress { background: rgba(255,255,255,0.06) !important; }

/* Back to dashboard button */
.fw-back-btn {
    position: fixed;
    top: 12px;
    right: 16px;
    z-index: 9999;
    padding: 6px 16px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgba(200,169,126,0.15);
    border: 1px solid rgba(200,169,126,0.3);
    border-radius: 6px;
    color: #c8a97e;
    text-decoration: none;
    transition: all 0.2s;
    font-family: 'Inter', -apple-system, sans-serif;
}
.fw-back-btn:hover {
    background: #c8a97e;
    color: #000;
}

/* Select2 dark */
.select2-container--default .select2-selection--single { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff !important; }
.select2-dropdown { background: #1a1a1a !important; border-color: rgba(255,255,255,0.08) !important; }
.select2-results__option { color: rgba(255,255,255,0.6) !important; }
.select2-results__option--highlighted { background: rgba(200,169,126,0.15) !important; color: #fff !important; }