/*
 * Consolidated NexusDashboard CSS
 * Combined from nexus-theme.css and dashboard.css to provide a single
 * consistent stylesheet for the DarkflameServer dashboard.
 */

/* ------------------------ Nexus theme (dark) variables ------------------------ */
:root {
    --nexus-dark-bg: #212529;
    --nexus-darker-bg: #1a1d20;
    --nexus-card-bg: #2c3034;
    --nexus-border: #404448;
    --nexus-text: #f8f9fa;
    --nexus-text-muted: #adb5bd;
    --nexus-primary: #0d6efd;
    --nexus-success: #198754;
    --nexus-warning: #ffc107;
    --nexus-danger: #dc3545;
    --nexus-info: #0dcaf0;
    /* legacy dashboard variables */
    --primary-color: #0d6efd;
    --success-color: #198754;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --dark-bg: #1a1a1a;
    --light-bg: #f8f9fa;
}

/* ------------------------ Base layout, navbar, cards ------------------------ */
body {
    background-color: var(--nexus-dark-bg);
    color: var(--nexus-text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main { flex: 1; padding-bottom: 60px; }
.footer { margin-top: auto; border-top: 1px solid var(--nexus-border); background-color: var(--nexus-dark-bg); }

/* Ensure footer text is visible on dark background */
.footer, .footer .text-muted { color: var(--nexus-text-muted) !important; }

.navbar { box-shadow: 0 2px 4px rgba(0,0,0,.1); }
.navbar-brand { font-weight: bold; font-size: 1.25rem; }
.nav-link { transition: all 0.3s ease; }
.nav-link:hover { background-color: rgba(255,255,255,0.05); border-radius: 4px; }
.nav-link.active { background-color: rgba(255,255,255,0.08); border-radius: 4px; }

.card { background-color: var(--nexus-card-bg); border-color: var(--nexus-border); color: var(--nexus-text); border: none; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 1.5rem; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.card-header { background-color: var(--nexus-darker-bg); border-bottom-color: var(--nexus-border); color: var(--nexus-text); font-weight: 600; }

/* ------------------------ Tables and DataTables ------------------------ */
.table { color: var(--nexus-text); background-color: #1e1e1e; }
.table thead th { background-color: #242526; color: var(--nexus-text); border-bottom: 1px solid var(--nexus-border); font-weight: 600; }
.table tbody td { color: var(--nexus-text); }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255,255,255,0.02); }
.table-hover > tbody > tr:hover > * { background-color: rgba(255,255,255,0.035); }

/* DataTables adds `odd`/`even` classes and sometimes doesn't use `.table-striped`.
   Normalize striping across Bootstrap tables and DataTables instances so every
   other row has a visible background in dark mode. Use slightly stronger contrast
   and cover different DOM shapes that DataTables can produce (cells or `*`). */
.dataTable tbody tr.odd > *,
.dataTable tbody tr.odd td,
.table.table-striped tbody tr.odd > *,
.table.table-striped tbody tr.odd td {
    background-color: rgba(255,255,255,0.03);
}
.dataTable tbody tr.even > *,
.dataTable tbody tr.even td,
.table.table-striped tbody tr.even > *,
.table.table-striped tbody tr.even td {
    background-color: transparent;
}

/* Some DataTables setups use nested wrappers (.dataTables_scrollBody) so ensure
   striping still applies inside scroll bodies. */
.dataTables_scrollBody table tbody tr.odd > *,
.dataTables_scrollBody table tbody tr.odd td {
    background-color: rgba(255,255,255,0.03);
}
.dataTables_scrollBody table tbody tr.even > *,
.dataTables_scrollBody table tbody tr.even td {
    background-color: transparent;
}

/* Keep hover state clear above striping */
.dataTable tbody tr:hover > *,
.table tbody tr:hover > * {
    background-color: rgba(255,255,255,0.05);
}
.table > :not(caption) > * > * { border-bottom-color: var(--nexus-border); }

/* Light-theme overrides (explicit) */
@media (prefers-color-scheme: light) {
    body { background-color: var(--light-bg); color: #212529; }
    .card { background-color: #fff; color: #212529; }
    .card-header { background-color: #fff; border-bottom: 2px solid var(--primary-color); color: #212529; }
    .table { background-color: white; color: #212529; }
    .table thead th { background-color: #f8f9fa; color: #212529; border-bottom: 2px solid #dee2e6; font-weight: 600; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; }
    .dataTables_wrapper select, .dataTables_wrapper input { background-color: #fff; border-color: #ced4da; color: #212529; }
}

/* Dark mode explicit styling (prefers-color-scheme: dark) */
@media (prefers-color-scheme: dark) {
    body { background-color: var(--nexus-dark-bg); color: var(--nexus-text); }
    .card { background-color: var(--nexus-card-bg); color: var(--nexus-text); }
    .card-header { background-color: var(--nexus-darker-bg); color: var(--nexus-text); }
    .table { background-color: #1e1e1e; color: var(--nexus-text); }
    .table thead th { background-color: #252525; border-bottom-color: #3a3a3a; color: var(--nexus-text); }
    .dataTables_wrapper select, .dataTables_wrapper input { background-color: var(--nexus-darker-bg); border-color: var(--nexus-border); color: var(--nexus-text); }
}

/* DataTables specific visual rules */
.dataTables_wrapper { padding: 0; }
.dataTables_filter input { margin-left: 0.5rem; padding: 0.375rem 0.75rem; border: 1px solid #ced4da; border-radius: 0.25rem; }
.dataTables_length select { padding: 0.375rem 2rem 0.375rem 0.75rem; border: 1px solid #ced4da; border-radius: 0.25rem; margin: 0 0.5rem; }
.dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--nexus-text) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--nexus-primary); border-color: var(--nexus-primary); color: white !important; }

/* Forms, badges, buttons, utilities */
.form-control, .form-select { background-color: var(--nexus-darker-bg); border-color: var(--nexus-border); color: var(--nexus-text); }
.form-control::placeholder { color: var(--nexus-text-muted); }
.form-label { color: var(--nexus-text); }
.badge { padding: 0.35em 0.65em; font-weight: 500; }
.btn { transition: all 0.2s ease; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }

/* Utilities and accessibility */
.loading { position: relative; pointer-events: none; opacity: 0.6; }
.loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem; border: 0.25rem solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner 0.75s linear infinite; }
@keyframes spinner { to { transform: rotate(360deg); } }

/* Responsive tweaks */
@media (max-width: 768px) { .navbar-brand { font-size: 1rem; } .card { margin-bottom: 1rem; } .alerts-container { left: 10px; right: 10px; max-width: none; } .btn-group { flex-wrap: wrap; } }

/* Extra helpers */
.cursor-pointer { cursor: pointer; }
.text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ws-nowrap { white-space: nowrap; }

/* End of consolidated stylesheet */