/* Elite Sales Pro AI - Premium Brown Theme 2026 */
/* Override Ace Admin default blue theme with elegant brown/gold palette */

:root {
    --elite-brown: #6B3A2A;
    --elite-brown-dark: #4A2518;
    --elite-brown-light: #8B5E3C;
    --elite-gold: #D4A853;
    --elite-gold-light: #E8C97A;
    --elite-cream: #FFF8F0;
    --elite-brown-hover: #7D4630;
}

/* ===== NAVBAR ===== */
.navbar.navbar-default {
    background: linear-gradient(135deg, var(--elite-brown-dark) 0%, var(--elite-brown) 50%, var(--elite-brown-light) 100%) !important;
    border-bottom: 3px solid var(--elite-gold) !important;
    box-shadow: 0 4px 20px rgba(74, 37, 24, 0.4) !important;
}
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: var(--elite-gold-light) !important;
    font-weight: 800 !important;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.navbar .navbar-toggle .menu-toggler,
.navbar .navbar-toggle {
    color: var(--elite-gold) !important;
}
.navbar .navbar-container {
    background: transparent !important;
}

/* ===== SIDEBAR ===== */
.sidebar {
    background: linear-gradient(180deg, var(--elite-brown-dark) 0%, #3D1F14 100%) !important;
    border-right: 2px solid var(--elite-gold) !important;
}
.sidebar .nav-list > li > a {
    color: #E8D5C4 !important;
    border-bottom: 1px solid rgba(212, 168, 83, 0.15) !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}
.sidebar .nav-list > li > a:hover {
    background: var(--elite-brown) !important;
    color: var(--elite-gold-light) !important;
    padding-left: 22px !important;
}
.sidebar .nav-list > li.active > a,
.sidebar .nav-list > li.active > a:hover {
    background: linear-gradient(90deg, var(--elite-gold) 0%, var(--elite-brown-light) 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-left: 4px solid var(--elite-gold-light) !important;
}
.sidebar .nav-list > li > a > .menu-icon {
    color: var(--elite-gold) !important;
}
.sidebar .nav-list > li.active > a > .menu-icon {
    color: #fff !important;
}

/* Sidebar Shortcuts */
.sidebar-shortcuts {
    background: rgba(212, 168, 83, 0.1) !important;
    border-bottom: 1px solid rgba(212, 168, 83, 0.25) !important;
}
.sidebar-shortcuts .btn-success { background: var(--elite-gold) !important; border-color: var(--elite-gold) !important; }
.sidebar-shortcuts .btn-info { background: var(--elite-brown-light) !important; border-color: var(--elite-brown-light) !important; }
.sidebar-shortcuts .btn-warning { background: #C9943A !important; border-color: #C9943A !important; }
.sidebar-shortcuts .btn-danger { background: var(--elite-brown-dark) !important; border-color: var(--elite-brown-dark) !important; }

/* Sidebar Toggle */
.sidebar-toggle {
    background: var(--elite-brown-dark) !important;
    border-top: 1px solid rgba(212, 168, 83, 0.3) !important;
    color: var(--elite-gold) !important;
}

/* ===== WIDGET BOXES ===== */
.widget-header {
    background: linear-gradient(90deg, var(--elite-brown) 0%, var(--elite-brown-light) 100%) !important;
    border-bottom: 2px solid var(--elite-gold) !important;
    color: #fff !important;
}
.widget-header .widget-title {
    color: var(--elite-gold-light) !important;
}
.widget-header .widget-title a {
    color: var(--elite-gold-light) !important;
}
.widget-header .widget-title font[color="GREEN"] {
    color: var(--elite-gold-light) !important;
}
.widget-header .widget-title font[color="red"] {
    color: #FFD4A8 !important;
}

/* ===== BUTTONS ===== */
.btn-primary,
.bg-primary {
    background-color: var(--elite-brown) !important;
    border-color: var(--elite-brown-dark) !important;
    color: #fff !important;
}
.btn-primary:hover,
.bg-primary:hover {
    background-color: var(--elite-brown-hover) !important;
    box-shadow: 0 4px 12px rgba(107, 58, 42, 0.4) !important;
}
.btn-success {
    background-color: var(--elite-gold) !important;
    border-color: #C9943A !important;
    color: var(--elite-brown-dark) !important;
    font-weight: 700 !important;
}
.btn-success:hover {
    background-color: var(--elite-gold-light) !important;
}
.btn-info {
    background-color: var(--elite-brown-light) !important;
    border-color: var(--elite-brown) !important;
}
.btn-warning {
    background-color: #D4A853 !important;
    border-color: #C9943A !important;
}
.btn-danger {
    background-color: #8B3A2A !important;
    border-color: #6B2A1A !important;
}

/* ===== TABLES ===== */
.table thead > tr > th,
.table thead > tr > td {
    background: var(--elite-brown) !important;
    color: var(--elite-cream) !important;
    border-color: rgba(212, 168, 83, 0.3) !important;
    font-weight: 700 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FFF5EB !important;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #FFFAF5 !important;
}
.table-hover > tbody > tr:hover {
    background-color: rgba(212, 168, 83, 0.15) !important;
}
.table-bordered {
    border-color: rgba(107, 58, 42, 0.2) !important;
}

/* ===== FOOTER ===== */
.footer {
    background: linear-gradient(135deg, var(--elite-brown-dark) 0%, var(--elite-brown) 100%) !important;
    border-top: 3px solid var(--elite-gold) !important;
}
.footer .footer-content {
    color: var(--elite-cream) !important;
}
.footer .footer-content .blue.bolder {
    color: var(--elite-gold-light) !important;
}

/* ===== BREADCRUMBS ===== */
.breadcrumbs {
    background: linear-gradient(90deg, #FFF5EB, var(--elite-cream)) !important;
    border-bottom: 1px solid rgba(212, 168, 83, 0.3) !important;
}

/* ===== MODAL DIALOGS ===== */
.modal-header {
    background: linear-gradient(90deg, var(--elite-brown) 0%, var(--elite-brown-light) 100%) !important;
    border-bottom: 2px solid var(--elite-gold) !important;
}
.modal-header h3,
.modal-header .lighter {
    color: var(--elite-gold-light) !important;
}
.modal-header .close {
    color: var(--elite-cream) !important;
    opacity: 0.8;
}

/* ===== LINKS ===== */
a { color: var(--elite-brown) !important; }
a:hover { color: var(--elite-gold) !important; }

/* ===== PAGE BACKGROUND ===== */
body {
    background: #F5EDE5 !important;
}

/* ===== BADGE & LABEL OVERRIDES ===== */
.badge-primary, .label-primary { background: var(--elite-brown) !important; }
.badge-success, .label-success { background: var(--elite-gold) !important; color: var(--elite-brown-dark) !important; }

/* ===== SCROLL TO TOP ===== */
.btn-scroll-up {
    background: var(--elite-brown) !important;
    border-color: var(--elite-gold) !important;
    color: var(--elite-gold) !important;
}

/* ===== INFOBOX ===== */
.infobox {
    border-color: var(--elite-brown-light) !important;
}

/* ===== FORM INPUTS ===== */
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: var(--elite-gold) !important;
    box-shadow: 0 0 0 3px rgba(212, 168, 83, 0.2) !important;
}

/* ===== PAGINATION ===== */
.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--elite-brown) !important;
    border-color: var(--elite-brown) !important;
}

/* ===== PROGRESS BAR ===== */
.progress-bar {
    background-color: var(--elite-gold) !important;
}

/* ===== ACE SPECIFIC OVERRIDES ===== */
.ace-nav > li > a {
    color: var(--elite-gold-light) !important;
}
.ace-nav > li.open > a,
.ace-nav > li > a:hover,
.ace-nav > li > a:focus {
    background: var(--elite-brown-dark) !important;
}

/* ===== DROPDOWN ===== */
.dropdown-menu > li > a:hover {
    background: var(--elite-brown-light) !important;
    color: #fff !important;
}