@import url("../../default/css/style.css?v=2026-07-15");

/* =====================================================================
   AURORA (GOLD) — a luxe, warm gold theme for ZeeqCRM.
   Light content, a rich dark sidebar, and metallic-gold accents.
   Override layer on the default compiled stylesheet, scoped to
   html.aurora for reliable precedence.
   ===================================================================== */

:root {
    /* deep gold used for fills where white text sits (contrast-safe) */
    --au-primary: #a67c00;
    --au-primary-600: #916b00;
    --au-primary-700: #6f5200;
    --au-primary-soft: #f8f0d6;
    /* bright metallic gold for accents, active bars, icons, highlights */
    --au-gold: #d4af37;
    --au-gold-bright: #e6c351;

    --au-success: #10b981;
    --au-warning: #f59e0b;
    --au-danger: #ef4444;
    --au-info: #3b82f6;

    --au-bg: #f6f5f0;
    --au-card: #ffffff;
    --au-text: #26221a;
    --au-muted: #7a725f;
    --au-border: #e9e5da;
    --au-border-strong: #ded7c6;

    --au-sidebar-from: #141310;
    --au-sidebar-to: #211d15;
    --au-sidebar-text: #cfc7b4;
    --au-sidebar-muted: #9a927e;

    --au-radius: 12px;
    --au-radius-sm: 8px;
    --au-shadow: 0 1px 3px rgba(40, 33, 10, .06), 0 8px 24px rgba(40, 33, 10, .07);
    --au-shadow-lg: 0 20px 60px rgba(40, 33, 10, .22);
}

/* ---------- Base ---------- */
html.aurora body,
html.aurora .page-wrapper {
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--au-bg);
    color: var(--au-text);
    -webkit-font-smoothing: antialiased;
    letter-spacing: .1px;
}
html.aurora h1, html.aurora h2, html.aurora h3,
html.aurora h4, html.aurora h5, html.aurora h6 { color: #1c1913; font-weight: 600; }
html.aurora a { color: var(--au-primary); }
html.aurora a:hover { color: var(--au-primary-700); }
html.aurora .text-muted { color: var(--au-muted) !important; }

/* ---------- Left sidebar (rich dark, gold accents) ---------- */
html.aurora .left-sidebar,
html.aurora .scroll-sidebar,
html.aurora .sidebar-nav {
    background: linear-gradient(185deg, var(--au-sidebar-from) 0%, var(--au-sidebar-to) 100%);
    border-right: 0;
}
html.aurora .sidebar-nav ul .sidenav-menu-item > a,
html.aurora .sidebar-nav > ul > li > a {
    color: var(--au-sidebar-text);
    font-weight: 500; border-radius: var(--au-radius-sm);
    margin: 2px 12px; padding: 11px 14px;
    transition: background .18s ease, color .18s ease;
}
html.aurora .sidebar-nav ul .sidenav-menu-item > a:hover,
html.aurora .sidebar-nav > ul > li > a:hover { background: rgba(212, 175, 55, .14); color: #fff; }
html.aurora .sidebar-nav ul .sidenav-menu-item > a i,
html.aurora .sidebar-nav > ul > li > a i { color: var(--au-gold); }
html.aurora .sidebar-nav .sidenav-menu-item.active > a,
html.aurora .sidebar-nav > ul > li.active > a,
html.aurora .sidebar-nav > ul > li > a.active {
    background: linear-gradient(90deg, rgba(212, 175, 55, .30), rgba(212, 175, 55, .08));
    color: #fff; box-shadow: inset 3px 0 0 var(--au-gold);
}
html.aurora .sidebar-nav .sidenav-submenu a,
html.aurora .sidebar-nav ul ul li a {
    color: var(--au-sidebar-muted); padding: 8px 14px 8px 30px; margin: 1px 12px;
    border-radius: var(--au-radius-sm); font-size: 13px;
}
html.aurora .sidebar-nav .sidenav-submenu a:hover,
html.aurora .sidebar-nav .sidenav-submenu.active a,
html.aurora .sidebar-nav ul ul li.active a { color: #fff; background: rgba(212, 175, 55, .16); }
html.aurora .sidebar-nav ul li ul { padding-left: 14px !important; }
html.aurora .user-profile, html.aurora .sidebar-footer { border-top: 1px solid rgba(255,255,255,.06); }

/* ---------- Topbar ---------- */
html.aurora .topbar,
html.aurora .topbar .top-navbar,
html.aurora .topbar .navbar-light {
    background: #ffffff; box-shadow: 0 1px 0 var(--au-border), 0 2px 12px rgba(40,33,10,.05);
}
html.aurora .topbar .navbar-header { background: none; }
html.aurora .topbar .navbar-header .navbar-brand { color: var(--au-gold) !important; }
html.aurora .topbar .nav-link { color: #4a4436 !important; }
html.aurora .topbar .nav-link:hover { color: var(--au-primary) !important; }

/* ---------- Cards & surfaces ---------- */
html.aurora .card,
html.aurora .white-box,
html.aurora .box,
html.aurora .tab-body {
    background: var(--au-card); border: 1px solid var(--au-border);
    border-radius: var(--au-radius); box-shadow: var(--au-shadow);
    transition: box-shadow .2s ease;
}
html.aurora .card:hover { box-shadow: 0 4px 14px rgba(40,33,10,.10), 0 16px 34px rgba(40,33,10,.09); }
html.aurora .card .card-body { padding: 1.35rem; }
html.aurora .card-header, html.aurora .card-footer { background: #fcfbf6; border-color: var(--au-border); }

/* ---------- Buttons ---------- */
html.aurora .btn { border-radius: 10px; font-weight: 600; letter-spacing: .2px; padding: .5rem 1.05rem; transition: transform .12s ease, box-shadow .15s ease, background .15s ease; }
html.aurora .btn:active { transform: translateY(1px); }
html.aurora .btn-primary, html.aurora .btn-info {
    background: linear-gradient(135deg, #b8860b 0%, var(--au-primary) 100%);
    border-color: var(--au-primary-600); color: #fff;
    box-shadow: 0 4px 12px rgba(166, 124, 0, .30);
}
html.aurora .btn-primary:hover, html.aurora .btn-info:hover {
    background: linear-gradient(135deg, var(--au-primary) 0%, var(--au-primary-700) 100%);
    box-shadow: 0 6px 16px rgba(166, 124, 0, .38); color: #fff;
}
html.aurora .btn-success { background: var(--au-success); border-color: var(--au-success); }
html.aurora .btn-danger  { background: var(--au-danger);  border-color: var(--au-danger); }
html.aurora .btn-warning { background: var(--au-warning); border-color: var(--au-warning); color: #fff; }
html.aurora .btn-outline-primary { color: var(--au-primary); border-color: var(--au-gold); }
html.aurora .btn-outline-primary:hover { background: var(--au-primary); border-color: var(--au-primary); color: #fff; }
html.aurora .btn-outline-info { color: var(--au-primary); border-color: var(--au-gold); }
html.aurora .btn-outline-info:hover { background: var(--au-primary); color: #fff; }

/* ---------- Forms ---------- */
html.aurora .form-control,
html.aurora .custom-select,
html.aurora .select2-container--default .select2-selection {
    border-radius: 10px; border: 1px solid var(--au-border-strong); color: var(--au-text);
    transition: border-color .15s ease, box-shadow .15s ease;
}
html.aurora .form-control:focus,
html.aurora .select2-container--default.select2-container--focus .select2-selection {
    border-color: var(--au-gold); box-shadow: 0 0 0 3px rgba(212, 175, 55, .22);
}
html.aurora label, html.aurora .control-label { color: #3a3427; font-weight: 500; }

/* ---------- Tables ---------- */
html.aurora .table { color: var(--au-text); }
html.aurora .table thead th {
    border-bottom: 1px solid var(--au-border); color: var(--au-muted);
    font-size: 11.5px; text-transform: uppercase; letter-spacing: .6px; font-weight: 700; background: #faf7ee;
}
html.aurora .table td, html.aurora .table th { border-top: 1px solid var(--au-border); vertical-align: middle; }
html.aurora .table-hover tbody tr { transition: background .12s ease; }
html.aurora .table-hover tbody tr:hover { background: var(--au-primary-soft); }

/* ---------- Badges & labels ---------- */
html.aurora .badge { border-radius: 999px; padding: .38em .8em; font-weight: 600; }
html.aurora .badge-info { background: var(--au-primary-soft); color: var(--au-primary-700); }
html.aurora .badge-success { background: #dcfce7; color: #047857; }
html.aurora .badge-warning { background: #fef3c7; color: #b45309; }
html.aurora .badge-danger { background: #fee2e2; color: #b91c1c; }
html.aurora .badge-secondary { background: #f0ece0; color: #6f6752; }
html.aurora .label-light-inverse, html.aurora .label-light-default { background: #f0ece0 !important; color: #4a4436 !important; }
html.aurora .label-outline-default, html.aurora .label-outline-inverse { border-color: var(--au-border-strong) !important; color: #4a4436 !important; }

/* ---------- Nav tabs & pills ---------- */
html.aurora .nav-tabs { border-bottom: 1px solid var(--au-border); }
html.aurora .nav-tabs .nav-link.active,
html.aurora .tabs-menu-item.active,
html.aurora .nav-tabs .nav-item.show .nav-link { color: var(--au-primary-700) !important; border-bottom: 2px solid var(--au-gold) !important; background: transparent !important; }
html.aurora .nav-tabs .nav-link:hover, html.aurora .tabs-menu-item:hover { color: var(--au-primary) !important; }
html.aurora .nav-pills .nav-link { color: #4a4436; border-radius: 10px; font-weight: 600; background: #fff; border: 1px solid var(--au-border); }
html.aurora .nav-pills .nav-link:hover { color: var(--au-primary); border-color: var(--au-gold); }
html.aurora .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #b8860b 0%, var(--au-primary) 100%);
    color: #fff; border-color: var(--au-primary-600); box-shadow: 0 4px 12px rgba(166,124,0,.28);
}

/* ---------- Dropdowns / modals / popovers / panels ---------- */
html.aurora .dropdown-menu { border: 1px solid var(--au-border); border-radius: var(--au-radius); box-shadow: var(--au-shadow); }
html.aurora .dropdown-item.active, html.aurora .dropdown-item:active { background: var(--au-primary) !important; color: #fff !important; }
html.aurora .modal-content { border: 0; border-radius: var(--au-radius); box-shadow: var(--au-shadow-lg); }
html.aurora .popover, html.aurora .card-popover { border: 1px solid var(--au-border); border-radius: var(--au-radius); box-shadow: var(--au-shadow); }
html.aurora .side-panel .x-top-header, html.aurora .x-top-header { background: #fcfbf6; border-bottom: 1px solid var(--au-border); }
html.aurora .reports-list-page-filter-container, html.aurora .folders-list-view ul li.active { background: var(--au-primary-soft) !important; }

/* ---------- Alerts ---------- */
html.aurora .alert { border-radius: var(--au-radius-sm); border: 0; }
html.aurora .alert-success { background: #ecfdf5; color: #065f46; }
html.aurora .alert-danger { background: #fef2f2; color: #991b1b; }
html.aurora .alert-info { background: var(--au-primary-soft); color: var(--au-primary-700); }

/* ---------- Progress / kanban / list toolbars ---------- */
html.aurora .progress { background-color: #ece7d8; }
html.aurora .progress-bar { background-color: var(--au-primary); }
html.aurora .list-actions-button:hover, html.aurora .list-table-action:hover { border-color: var(--au-gold); color: var(--au-primary); }
html.aurora .kanban-card { border-left: 3px solid var(--au-gold); }

/* ---------- Scrollbar ---------- */
html.aurora ::-webkit-scrollbar { width: 10px; height: 10px; }
html.aurora ::-webkit-scrollbar-thumb { background: #d8cfb8; border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
html.aurora ::-webkit-scrollbar-thumb:hover { background: var(--au-gold); background-clip: content-box; }
html.aurora .scroll-sidebar::-webkit-scrollbar-thumb { background: rgba(212,175,55,.22); background-clip: content-box; }

/* ---------- Table action icons: strip the button box, keep bare icons ---------- */
html.aurora .actions_column .btn-circle,
html.aurora .list-table-action .btn-circle,
html.aurora .table td .btn-circle {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important; height: auto !important;
    min-width: 0 !important; min-height: 0 !important;
    padding: 4px 7px !important;
    line-height: 1 !important;
    border-radius: 6px !important;
}
html.aurora .actions_column .btn-outline-danger:hover,
html.aurora .list-table-action .btn-outline-danger:hover { color: var(--au-danger) !important; background: rgba(239,68,68,.12) !important; }
html.aurora .actions_column .btn-outline-success:hover,
html.aurora .list-table-action .btn-outline-success:hover { color: var(--au-success) !important; background: rgba(16,185,129,.12) !important; }
html.aurora .actions_column .btn-outline-info:hover,
html.aurora .list-table-action .btn-outline-info:hover { color: var(--au-primary) !important; background: rgba(166,124,0,.12) !important; }
html.aurora .actions_column .btn-outline-warning:hover,
html.aurora .list-table-action .btn-outline-warning:hover { color: var(--au-warning) !important; background: rgba(245,158,11,.12) !important; }
html.aurora .actions_column .btn-outline-default:hover,
html.aurora .actions_column .btn-outline-default-light:hover,
html.aurora .list-table-action .btn-outline-default:hover,
html.aurora .list-table-action .btn-outline-default-light:hover { color: var(--au-muted) !important; background: rgba(0,0,0,.05) !important; }