/* 2026 design refresh - aligns pool template with main mining-dutch.nl palette
   indigo #6366f1 / teal #14b8a6 / emerald #10b981 / amber #f59e0b / red #ef4444
   soft borders, subtle gradients, night-mode-aware via .night-mode body class */

:root {
    --md-indigo: #6366f1;
    --md-indigo-hover: #4f46e5;
    --md-teal: #14b8a6;
    --md-emerald: #10b981;
    --md-amber: #f59e0b;
    --md-red: #ef4444;
    --md-text-strong: #1f2937;
    --md-text: #374151;
    --md-muted: #6c757d;
    --md-surface: #ffffff;
    --md-soft-tint: rgba(99,102,241,0.06);
    --md-border: rgba(0,0,0,0.08);
    --md-border-soft: rgba(0,0,0,0.06);
    --md-shadow: 0 1px 3px rgba(0,0,0,0.04);
    --md-shadow-md: 0 4px 10px rgba(99,102,241,0.08);
}

body {
    background-color: var(--md-surface);
    color: var(--md-text);
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p { font-size: 12px; color: var(--md-text); }

#page-wrapper {
    background-color: var(--md-surface);
}
@media(min-width:768px) {
    #page-wrapper {
        border-left: 1px solid var(--md-border);
    }
}

a {
    color: inherit;
    text-decoration: none;
}
a[href] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(99,102,241,0.40);
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .15s ease, text-decoration-color .15s ease;
}
a[href]:hover,
a[href]:focus {
    color: var(--md-indigo);
    text-decoration-color: var(--md-indigo);
}

/* ===== Navbar ===== */
.navbar, .navbar-static-side, .navbar-default {
    background-color: var(--md-surface);
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.navbar-static-side {
    padding-top: 2px;
    z-index: 9999999;
    height: 100%;
    background: linear-gradient(180deg, rgba(99,102,241,0.025) 0%, rgba(20,184,166,0.010) 100%);
    border-right: 1px solid var(--md-border-soft);
}
.navbar-static-side ul li {
    border-bottom: 1px solid var(--md-border-soft);
}
.navbar .brand,
.navbar .nav > li > a {
    color: var(--md-text);
    font-weight: 600;
    transition: background-color .15s ease, color .15s ease;
}
.navbar .nav > li > a:hover,
.navbar .brand:hover {
    color: var(--md-indigo);
    background-color: var(--md-soft-tint);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: linear-gradient(135deg, var(--md-indigo) 0%, var(--md-teal) 100%);
    color: #ffffff;
    border-radius: .35rem;
}

/* ===== Panels (Bootstrap 3) ===== */
.panel {
    background-color: var(--md-surface);
    border: 1px solid var(--md-border);
    border-radius: .5rem;
    box-shadow: var(--md-shadow);
}
.panel-body {
    color: var(--md-text);
    background-color: var(--md-surface);
    border-color: var(--md-border);
}
.panel .panel-default {
    background-color: var(--md-surface);
    border-color: var(--md-border);
}
.panel-footer {
    color: var(--md-muted);
    background-color: var(--md-surface);
    border-top: 1px solid var(--md-border-soft);
}
.panel-info {
    border-color: rgba(99,102,241,0.20);
}
.panel-info > .panel-heading {
    color: var(--md-text-strong);
    background: linear-gradient(135deg, rgba(99,102,241,0.06) 0%, rgba(20,184,166,0.03) 100%);
    border-color: rgba(99,102,241,0.20);
    border-radius: .5rem .5rem 0 0;
}

/* ===== Pool-mode shells (replaces the old heavy purple shadows) ===== */
.lightblue {
    background-color: var(--md-surface);
    color: var(--md-muted) !important;
    border: 1px solid var(--md-border) !important;
    border-radius: .5rem;
}
.primaryColor {
    background-color: var(--md-surface);
    color: var(--md-muted) !important;
    border: 1px solid var(--md-border) !important;
    border-radius: .5rem;
}
.text-faded { color: var(--md-muted) !important; }

.pooledcolor {
    background-color: var(--md-surface);
    color: var(--md-text);
    border: 1px solid rgba(108,117,125,0.25);
    border-radius: .5rem;
    -webkit-box-shadow: 0 4px 12px rgba(108,117,125,0.10), 0 1px 2px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 4px 12px rgba(108,117,125,0.10), 0 1px 2px rgba(0,0,0,0.04);
    box-shadow: 0 4px 12px rgba(108,117,125,0.10), 0 1px 2px rgba(0,0,0,0.04);
}
.multiportcolor {
    background-color: var(--md-surface);
    color: var(--md-text);
    border: 1px solid rgba(99,102,241,0.30);
    border-radius: .5rem;
    -webkit-box-shadow: 0 4px 12px rgba(99,102,241,0.14), 0 1px 2px rgba(99,102,241,0.06);
    -moz-box-shadow: 0 4px 12px rgba(99,102,241,0.14), 0 1px 2px rgba(99,102,241,0.06);
    box-shadow: 0 4px 12px rgba(99,102,241,0.14), 0 1px 2px rgba(99,102,241,0.06);
}
.solocolor {
    background-color: var(--md-surface);
    color: var(--md-text);
    border: 1px solid rgba(34,169,34,0.30);
    border-radius: .5rem;
    -webkit-box-shadow: 0 4px 12px rgba(34,169,34,0.14), 0 1px 2px rgba(34,169,34,0.06);
    -moz-box-shadow: 0 4px 12px rgba(34,169,34,0.14), 0 1px 2px rgba(34,169,34,0.06);
    box-shadow: 0 4px 12px rgba(34,169,34,0.14), 0 1px 2px rgba(34,169,34,0.06);
}

.footer {
    color: var(--md-muted);
    border-top: 1px solid var(--md-border-soft);
}

/* ===== Tables ===== */
.table tbody tr:hover a,
.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color: var(--md-soft-tint);
    color: var(--md-text-strong);
    transition: background-color .15s ease;
}

/* ===== Nav hover / dropdowns ===== */
.nav > li > a:hover,
.nav > li > a:focus,
.nav .nav-second-level > li > a:hover,
.nav .nav-second-level > li > a:focus {
    background-color: var(--md-soft-tint);
    color: var(--md-indigo);
    border-radius: .3rem;
}
.navbar .nav > li.dropdown.open > .dropdown-toggle,
.navbar .nav > li.dropdown.active > .dropdown-toggle,
.navbar .nav > li.dropdown.open.active > .dropdown-toggle {
    background-color: var(--md-soft-tint);
    color: var(--md-indigo);
}
.dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: var(--md-surface);
    border: 1px solid var(--md-border);
    border-radius: .35rem;
    box-shadow: var(--md-shadow);
    color: var(--md-text);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--md-text);
    font-size: 12px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li a:hover {
    background-color: var(--md-soft-tint);
    color: var(--md-indigo);
}

/* ===== Night-mode overrides (.night-mode body class) ===== */
.night-mode,
.night-mode body,
body.night-mode {
    background-color: #1c2029;
    color: #c9d1d9;
}
.night-mode #page-wrapper { background-color: #1c2029; }
@media(min-width:768px) {
    .night-mode #page-wrapper { border-left-color: rgba(255,255,255,0.08); }
}
.night-mode a[href] { text-decoration-color: rgba(165,180,252,0.40); }
.night-mode a[href]:hover,
.night-mode a[href]:focus { color: #a5b4fc; text-decoration-color: #c7d2fe; }
.night-mode p { color: #c9d1d9; }

.night-mode .navbar,
.night-mode .navbar-static-side,
.night-mode .navbar-default {
    background-color: #1c2029;
    box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    border-color: rgba(255,255,255,0.08);
}
.night-mode .navbar-static-side {
    background: linear-gradient(180deg, rgba(99,102,241,0.06) 0%, rgba(20,184,166,0.02) 100%);
    border-right-color: rgba(255,255,255,0.06);
}
.night-mode .navbar-static-side ul li { border-bottom-color: rgba(255,255,255,0.06); }
.night-mode .navbar .brand,
.night-mode .navbar .nav > li > a { color: #c9d1d9; }
.night-mode .navbar .nav > li > a:hover,
.night-mode .navbar .brand:hover {
    color: #a5b4fc;
    background-color: rgba(99,102,241,0.14);
}

.night-mode .panel,
.night-mode .panel-body,
.night-mode .panel-footer,
.night-mode .panel .panel-default {
    background-color: #1c2029;
    color: #c9d1d9;
    border-color: rgba(255,255,255,0.08);
}
.night-mode .panel-info { border-color: rgba(99,102,241,0.32); }
.night-mode .panel-info > .panel-heading {
    background: linear-gradient(135deg, rgba(99,102,241,0.14) 0%, rgba(20,184,166,0.06) 100%);
    color: #e6e9ef;
    border-color: rgba(99,102,241,0.32);
}

.night-mode .lightblue,
.night-mode .primaryColor {
    background-color: #1c2029;
    border-color: rgba(255,255,255,0.10) !important;
    color: #a8b3c1 !important;
}
.night-mode .pooledcolor,
.night-mode .multiportcolor,
.night-mode .solocolor {
    background-color: #1c2029;
    color: #e6e9ef;
}
.night-mode .pooledcolor {
    border-color: rgba(168,179,193,0.30);
    box-shadow: 0 4px 14px rgba(0,0,0,0.30);
}
.night-mode .multiportcolor {
    border-color: rgba(165,180,252,0.42);
    box-shadow: 0 4px 14px rgba(99,102,241,0.30);
}
.night-mode .solocolor {
    border-color: rgba(126,231,135,0.38);
    box-shadow: 0 4px 14px rgba(34,169,34,0.22);
}
.night-mode .text-faded { color: #a8b3c1 !important; }

.night-mode .table tbody tr:hover a,
.night-mode .table tbody tr:hover td,
.night-mode .table tbody tr:hover th {
    background-color: rgba(99,102,241,0.12);
    color: #e6e9ef;
}

.night-mode .nav > li > a:hover,
.night-mode .nav > li > a:focus,
.night-mode .nav .nav-second-level > li > a:hover,
.night-mode .nav .nav-second-level > li > a:focus,
.night-mode .navbar .nav > li.dropdown.open > .dropdown-toggle,
.night-mode .navbar .nav > li.dropdown.active > .dropdown-toggle,
.night-mode .navbar .nav > li.dropdown.open.active > .dropdown-toggle {
    background-color: rgba(99,102,241,0.14);
    color: #a5b4fc;
}

.night-mode .dropdown-menu,
.night-mode .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #1c2029;
    border-color: rgba(255,255,255,0.08);
    color: #c9d1d9;
}
.night-mode .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #c9d1d9; }
.night-mode .navbar-default .navbar-nav .open .dropdown-menu > li a:hover {
    background-color: rgba(99,102,241,0.14);
    color: #a5b4fc;
}

.night-mode .footer {
    color: #a8b3c1;
    border-top-color: rgba(255,255,255,0.06);
}