/* =========================================================
   MantisBT - Modern Dark Theme Override (Complete Fix)
   ========================================================= */

:root {
    --bg-main: #0b0f19;          /* Deep dark background */
    --card-bg: #1e293b;          /* Dark card body */
    --card-header-bg: #111827;   /* Sleek card header */
    --sidebar-bg: #0f172a;       /* Left menu background */
    --text-primary: #f8fafc;     /* Primary text color */
    --text-muted: #94a3b8;       /* Muted subtext color */
    --border-color: #334155;     /* Card and section borders */
    --accent-blue: #38bdf8;      /* Vibrant link blue */
    --primary-btn: #4f46e5;     /* Main action buttons */
    --border-radius-sm: 8px;
    --border-radius-lg: 12px;
    --shadow-glow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}

/* 1. Global Page Body & Containers */
body, html, .main-container, .main-content, .page-content {
    background-color: var(--bg-main) !important;
    color: var(--text-primary) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. FIX: Left Navigation Sidebar */
.sidebar, 
.sidebar-inner, 
.nav-list, 
.nav-list > li, 
.sidebar-shortcuts, 
.sidebar-toggle {
    background-color: var(--sidebar-bg) !important;
    border-right: 1px solid var(--border-color) !important;
}

.nav-list > li > a {
    background-color: transparent !important;
    color: var(--text-muted) !important;
}

.nav-list > li:hover > a, 
.nav-list > li.active > a {
    background-color: #1e293b !important;
    color: var(--accent-blue) !important;
}

/* 3. FIX: Card Content / White Area inside Widgets */
.widget-box, .panel, .well {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius-lg) !important;
    box-shadow: var(--shadow-glow) !important;
    margin-bottom: 20px !important;
    overflow: hidden;
}

/* Inner card wrapper fix */
.widget-main, .widget-body, .panel-body {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border: none !important;
    padding: 16px !important;
}

/* 4. FIX: Widget Headers & Titles */
.widget-header, .panel-heading {
    background-color: var(--card-header-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 10px 16px !important;
}

.widget-title, .panel-title, h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

/* 5. Tables & Activity Timeline Fix */
.table, .timeline-container, .timeline-items, .timeline-item {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

.table th {
    background-color: var(--card-header-bg) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-color) !important;
}

.table td {
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.table-hover tbody tr:hover {
    background-color: #334155 !important;
}

/* 6. Form Inputs & Textareas */
input[type="text"], 
input[type="password"], 
textarea, 
select, 
.form-control {
    background-color: #0b0f19 !important;
    color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius-sm) !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: var(--accent-blue) !important;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25) !important;
}

/* 7. Links and Issue Numbers */
a, a:visited, .badge-link {
    color: var(--accent-blue) !important;
    text-decoration: none !important;
}

a:hover {
    color: #7dd3fc !important;
    text-decoration: underline !important;
}

/* Buttons */
.btn {
    border-radius: var(--border-radius-sm) !important;
    border: none !important;
}

.btn-primary {
    background-color: var(--primary-btn) !important;
    color: #ffffff !important;
}


/* =========================================================
   FIX: Table Rows, Stripping & Empty Card Boxes
   ========================================================= */

/* 1. Force table background & striping to Dark */
.table,
.table > tbody > tr,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* 2. Hover state consistency */
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > td {
    background-color: #334155 !important; /* Highlighted row on hover */
    color: #ffffff !important;
}

/* 3. Override MantisBT inline status row colors (NEW, ASSIGNED, RESOLVED, etc.) */
.status-10-color, .status-20-color, .status-30-color, 
.status-40-color, .status-50-color, .status-80-color, .status-90-color,
tr[class*="status-"] td,
td[class*="status-"] {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

/* 4. Fix empty containers / space blocks */
.space-2, .space-4, .space-6, .space-8, .space-10,
.widget-body .widget-main:empty,
.table-responsive {
    background-color: var(--card-bg) !important;
}

/* 5. Fix Timeline top control bar (Prev / Date buttons) */
.timeline-container .widget-box,
.btn-white, .btn-default {
    background-color: var(--card-header-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}