/*
 * Admin Dark Theme — Bootstrap 5.3 variable overrides
 * Applies MC brand palette on top of data-bs-theme="dark"
 */

/* ============================================================
   Bootstrap 5.3 CSS variable overrides — MC brand colors
   ============================================================ */
[data-bs-theme="dark"] {
    --bs-body-bg:             #0A0F1F;
    --bs-body-bg-rgb:         10, 15, 31;
    --bs-body-color:          #FFFFFF;
    --bs-body-color-rgb:      255, 255, 255;

    --bs-primary:             #512BD4;
    --bs-primary-rgb:         81, 43, 212;
    --bs-primary-text-emphasis: #a07fea;
    --bs-primary-bg-subtle:   #1e1040;
    --bs-primary-border-subtle: #3b1fa0;

    --bs-secondary-color:     #D3D3D3;
    --bs-tertiary-color:      #8899AA;
    --bs-tertiary-bg:         #141F33;
    --bs-emphasis-color:      #FFFFFF;

    --bs-link-color:          #7c55e8;
    --bs-link-hover-color:    #a07fea;

    --bs-card-bg:             #141F33;
    --bs-card-border-color:   #253554;
    --bs-card-cap-bg:         #0A0F1F;

    --bs-modal-bg:            #141F33;
    --bs-modal-header-bg:     #0A0F1F;
    --bs-modal-border-color:  #253554;

    --bs-dropdown-bg:         #141F33;
    --bs-dropdown-border-color: #253554;
    --bs-dropdown-link-color: #FFFFFF;
    --bs-dropdown-link-hover-bg: #1e2d4a;
    --bs-dropdown-link-active-bg: #512BD4;

    --bs-nav-tabs-border-color:        #253554;
    --bs-nav-tabs-link-hover-border-color: #253554;
    --bs-nav-tabs-link-active-color:   #FFFFFF;
    --bs-nav-tabs-link-active-bg:      #141F33;
    --bs-nav-tabs-link-active-border-color: #253554 #253554 #141F33;

    --bs-nav-pills-link-active-bg:     #512BD4;

    --bs-list-group-bg:         #141F33;
    --bs-list-group-border-color: #253554;
    --bs-list-group-color:      #FFFFFF;
    --bs-list-group-action-color: #D3D3D3;
    --bs-list-group-action-hover-color: #FFFFFF;
    --bs-list-group-action-hover-bg:  #1e2d4a;
    --bs-list-group-action-active-bg: #253554;
    --bs-list-group-active-bg:  #512BD4;
    --bs-list-group-active-border-color: #512BD4;

    --bs-input-bg:              #0A0F1F;
    --bs-input-border-color:    #253554;
    --bs-input-color:           #FFFFFF;
    --bs-input-placeholder-color: #8899AA;
    --bs-input-focus-border-color: #512BD4;
    --bs-input-focus-box-shadow: 0 0 0 0.2rem rgba(81,43,212,.35);

    --bs-table-bg:              transparent;
    --bs-table-striped-bg:      rgba(255,255,255,0.03);
    --bs-table-hover-bg:        rgba(81,43,212,0.12);
    --bs-table-border-color:    #253554;

    --bs-border-color:          #253554;
    --bs-border-color-translucent: rgba(37,53,84,0.8);

    --bs-success:               #28A745;
    --bs-info:                  #17A2B8;
    --bs-warning:               #FFC107;
    --bs-danger:                #DC3545;
    --bs-light:                 #1a2540;
    --bs-dark:                  #0A0F1F;
}

/* ============================================================
   Body & page background
   ============================================================ */
[data-bs-theme="dark"] body {
    background-color: #0A0F1F;
}

/* ============================================================
   Navbar — MC card background + purple border
   ============================================================ */
[data-bs-theme="dark"] .navbar {
    background-color: #141F33 !important;
    border-bottom: 1px solid #253554 !important;
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .nav-link {
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .nav-link:hover,
[data-bs-theme="dark"] .nav-link:focus {
    color: #a07fea !important;
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    filter: invert(1);
}

/* ============================================================
   Card overrides
   ============================================================ */
[data-bs-theme="dark"] .card {
    background-color: #141F33;
    border-color: #253554;
}

[data-bs-theme="dark"] .card-header {
    background-color: #0A0F1F;
    border-bottom-color: #253554;
}

[data-bs-theme="dark"] .card-footer {
    background-color: #0A0F1F;
    border-top-color: #253554;
}

/* ============================================================
   bg-white / bg-light — Bootstrap dark mode doesn't auto-fix these
   ============================================================ */
[data-bs-theme="dark"] .bg-white {
    background-color: #141F33 !important;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .bg-light {
    background-color: #1a2540 !important;
    color: #FFFFFF !important;
}

/* ============================================================
   Forms — inputs, selects, textareas
   ============================================================ */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #0A0F1F;
    border-color: #253554;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    border-color: #512BD4;
    box-shadow: 0 0 0 0.2rem rgba(81,43,212,.35);
    background-color: #0A0F1F;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #8899AA;
}

[data-bs-theme="dark"] .form-control:read-only {
    background-color: #141F33;
    color: #D3D3D3;
}

[data-bs-theme="dark"] .form-text {
    color: #8899AA;
}

[data-bs-theme="dark"] .input-group-text {
    background-color: #141F33;
    border-color: #253554;
    color: #D3D3D3;
}

/* ============================================================
   Buttons — primary uses MC purple
   ============================================================ */
[data-bs-theme="dark"] .btn-primary {
    background-color: #512BD4;
    border-color: #512BD4;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .btn-primary:hover,
[data-bs-theme="dark"] .btn-primary:active {
    background-color: #6B3FE8;
    border-color: #6B3FE8;
}

[data-bs-theme="dark"] .btn-outline-primary {
    color: #a07fea;
    border-color: #512BD4;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
    background-color: #512BD4;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .btn-secondary {
    background-color: #253554;
    border-color: #253554;
    color: #D3D3D3;
}

[data-bs-theme="dark"] .btn-secondary:hover {
    background-color: #1e2d4a;
    border-color: #1e2d4a;
}

[data-bs-theme="dark"] .btn-warning {
    background-color: #FFC107;
    border-color: #FFC107;
    color: #000000;
}

[data-bs-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ============================================================
   Tables
   ============================================================ */
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255,255,255,0.03);
    --bs-table-hover-bg: rgba(81,43,212,0.12);
    --bs-table-border-color: #253554;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .table-hover tbody tr:hover {
    color: #FFFFFF;
}

[data-bs-theme="dark"] .table thead th {
    border-bottom-color: #512BD4;
    color: #D3D3D3;
}

[data-bs-theme="dark"] .table-warning {
    --bs-table-bg: rgba(255,193,7,0.12);
    --bs-table-border-color: rgba(255,193,7,0.3);
    color: #FFFFFF;
}

[data-bs-theme="dark"] .sticky-top {
    background-color: #141F33 !important;
}

/* ============================================================
   List groups
   ============================================================ */
[data-bs-theme="dark"] .list-group-item {
    background-color: #141F33;
    border-color: #253554;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .list-group-item-action:hover,
[data-bs-theme="dark"] .list-group-item-action:focus {
    background-color: #1e2d4a;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .list-group-item.active {
    background-color: #512BD4;
    border-color: #512BD4;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .list-group-item-danger {
    background-color: rgba(220,53,69,0.15);
    color: #ff8896;
    border-color: rgba(220,53,69,0.3);
}

[data-bs-theme="dark"] .list-group-item-warning {
    background-color: rgba(255,193,7,0.12);
    color: #ffd966;
    border-color: rgba(255,193,7,0.3);
}

[data-bs-theme="dark"] .list-group-flush .list-group-item {
    border-color: #253554;
}

/* ============================================================
   Alerts
   ============================================================ */
[data-bs-theme="dark"] .alert-info {
    background-color: rgba(23,162,184,0.12);
    border-color: rgba(23,162,184,0.4);
    color: #5dd7ea;
}

[data-bs-theme="dark"] .alert-success {
    background-color: rgba(40,167,69,0.12);
    border-color: rgba(40,167,69,0.4);
    color: #72d58a;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: rgba(220,53,69,0.12);
    border-color: rgba(220,53,69,0.4);
    color: #ff8896;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: rgba(255,193,7,0.12);
    border-color: rgba(255,193,7,0.4);
    color: #ffd966;
}

/* ============================================================
   Modals
   ============================================================ */
[data-bs-theme="dark"] .modal-content {
    background-color: #141F33;
    border-color: #253554;
}

[data-bs-theme="dark"] .modal-header {
    background-color: #0A0F1F;
    border-bottom-color: #253554;
}

[data-bs-theme="dark"] .modal-footer {
    background-color: #0A0F1F;
    border-top-color: #253554;
}

/* ============================================================
   Dropdowns
   ============================================================ */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #141F33;
    border-color: #253554;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #FFFFFF;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: #1e2d4a;
    color: #a07fea;
}

[data-bs-theme="dark"] .dropdown-divider {
    border-color: #253554;
}

[data-bs-theme="dark"] .dropdown-toggle::after {
    border-top-color: #D3D3D3;
}

/* ============================================================
   Badges — warning needs dark text, rest stay as-is
   ============================================================ */
[data-bs-theme="dark"] .badge.bg-primary,
[data-bs-theme="dark"] .badge.text-bg-primary {
    background-color: #512BD4 !important;
}

/* ============================================================
   Nav tabs
   ============================================================ */
[data-bs-theme="dark"] .nav-tabs {
    border-bottom-color: #253554;
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #D3D3D3;
    border-color: transparent;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: #253554;
    color: #FFFFFF;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: #141F33;
    border-color: #253554 #253554 #141F33;
    color: #FFFFFF;
}

/* ============================================================
   Pre / code (log viewer)
   ============================================================ */
[data-bs-theme="dark"] pre {
    background-color: #0A0F1F;
    color: #D3D3D3;
    border: 1px solid #253554;
    border-radius: 6px;
    padding: 12px;
}

/* ============================================================
   Footer
   ============================================================ */
[data-bs-theme="dark"] footer.footer {
    background-color: #141F33;
    border-top-color: #253554 !important;
    color: #8899AA;
}

[data-bs-theme="dark"] footer.footer a {
    color: #a07fea;
}

/* ============================================================
   Chat page — message bubbles
   ============================================================ */
[data-bs-theme="dark"] .p-2.rounded.bg-light {
    background-color: #1a2540 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #8899AA !important;
}

/* ============================================================
   Tracking page sidebar override (inline style override)
   ============================================================ */
[data-bs-theme="dark"] .tracking-sidebar {
    background: rgba(20, 31, 51, 0.98) !important;
    color: #FFFFFF;
}

/* ============================================================
   Misc
   ============================================================ */
[data-bs-theme="dark"] hr {
    border-color: #253554;
}

[data-bs-theme="dark"] .border {
    border-color: #253554 !important;
}

[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom {
    border-color: #253554 !important;
}

[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6 {
    color: #FFFFFF;
}

[data-bs-theme="dark"] a {
    color: #a07fea;
}

[data-bs-theme="dark"] a:hover {
    color: #c3a8f5;
}

/* Keep danger links red */
[data-bs-theme="dark"] .text-danger {
    color: #ff8896 !important;
}

[data-bs-theme="dark"] .text-success {
    color: #72d58a !important;
}

[data-bs-theme="dark"] .text-warning {
    color: #ffd966 !important;
}

[data-bs-theme="dark"] .text-info {
    color: #5dd7ea !important;
}