/* =====================================================
   VIBRANT DARK THEME - ÁP DỤNG CHO CẢ SV1 VÀ SV2
   Scoped với body.server-sv1 và body.server-sv1,
   Scoped với body.server-sv1 và body.server-sv2
   ===================================================== */

/* ============ COLOR PALETTE ============ */
:root {
    /* Dark Background Colors */
    --dark-bg-primary: #0a0a0f;
    --dark-bg-secondary: #12121a;
    --dark-bg-tertiary: #1a1a28;
    --dark-bg-card: #1e1e2e;
    --dark-bg-hover: #252538;

    /* Vibrant Accent Colors */
    --vibrant-cyan: #00ffff;
    --vibrant-magenta: #ff00ff;
    --vibrant-yellow: #ffff00;
    --vibrant-orange: #ff8c00;
    --vibrant-green: #00ff88;
    --vibrant-purple: #bf5fff;
    --vibrant-pink: #ff6b9d;
    --vibrant-blue: #4da6ff;
    --vibrant-red: #ff4757;

    /* Text Colors - Xanh dương */
    --text-bright: #4da6ff;
    --text-light: #4da6ff;
    --text-secondary: #7ec8ff;

    /* Gradient Effects */
    --gradient-vibrant: linear-gradient(135deg, #ff00ff, #00ffff);
    --gradient-fire: linear-gradient(135deg, #ff4757, #ff8c00);
    --gradient-ocean: linear-gradient(135deg, #4da6ff, #00ffff);
    --gradient-nature: linear-gradient(135deg, #00ff88, #00ffff);
    --gradient-sunset: linear-gradient(135deg, #ff6b9d, #bf5fff);

    /* Shadows for glow effect */
    --glow-cyan: 0 0 20px rgba(0, 255, 255, 0.3);
    --glow-magenta: 0 0 20px rgba(255, 0, 255, 0.3);
    --glow-purple: 0 0 20px rgba(191, 95, 255, 0.3);

    /* Border Colors */
    --border-dark: #2a2a40;
    --border-accent: rgba(0, 255, 255, 0.3);
}

/* ============ BASE STYLES ============ */
body.server-sv1,
body.server-sv2 {
    background: var(--dark-bg-primary) !important;
    background-image:
        radial-gradient(ellipse at 20% 30%, rgba(0, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(255, 0, 255, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 100%) !important;
    background-attachment: fixed !important;
    color: #4da6ff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* ============ TYPOGRAPHY - Bold & Large ============ */
body.server-sv1 h1,
body.server-sv2 h1,
body.server-sv1 h2,
body.server-sv2 h2,
body.server-sv1 h3,
body.server-sv2 h3,
body.server-sv1 h4,
body.server-sv2 h4,
body.server-sv1 h5,
body.server-sv2 h5,
body.server-sv1 h6,
body.server-sv2 h6 {
    color: #4da6ff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 20px rgba(77, 166, 255, 0.5);
    letter-spacing: 0.5px;
}

body.server-sv1 h1,
body.server-sv2 h1 {
    font-size: 2.8rem !important;
    color: #4da6ff !important;
}

body.server-sv1 h2,
body.server-sv2 h2 {
    font-size: 2.2rem !important;
    color: #4da6ff !important;
}

body.server-sv1 h3,
body.server-sv2 h3 {
    font-size: 1.8rem !important;
    color: #4da6ff !important;
}

body.server-sv1 h4,
body.server-sv2 h4 {
    font-size: 1.5rem !important;
    color: #4da6ff !important;
}

body.server-sv1 h5,
body.server-sv2 h5 {
    font-size: 1.3rem !important;
    color: #4da6ff !important;
}

body.server-sv1 h6,
body.server-sv2 h6 {
    font-size: 1.1rem !important;
    color: #4da6ff !important;
}

body.server-sv1 p,
body.server-sv2 p,
body.server-sv1 span,
body.server-sv2 span,
body.server-sv1 li,
body.server-sv2 li,
body.server-sv1 td,
body.server-sv2 td,
body.server-sv1 th,
body.server-sv2 th,
body.server-sv1 label,
body.server-sv2 label,
body.server-sv1 div,
body.server-sv2 div {
    color: #4da6ff !important;
    font-weight: 600 !important;
}

body.server-sv1 .modal-body p,
body.server-sv2 .modal-body p,
body.server-sv1 .modal-body span,
body.server-sv2 .modal-body span,
body.server-sv1 .modal-body div,
body.server-sv2 .modal-body div,
body.server-sv1 .card-body p,
body.server-sv2 .card-body p,
body.server-sv1 .card-body span,
body.server-sv2 .card-body span,
body.server-sv1 .card-body div,
body.server-sv2 .card-body div {
    color: #4da6ff !important;
    font-weight: 600 !important;
}

body.server-sv1 strong,
body.server-sv2 strong,
body.server-sv1 b,
body.server-sv2 b {
    color: #4da6ff !important;
    font-weight: 800 !important;
}

/* ============ LINKS ============ */
body.server-sv1 a,
body.server-sv2 a {
    color: #4da6ff !important;
    font-weight: 600 !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

body.server-sv1 a:hover,
body.server-sv2 a:hover {
    color: #7ec8ff !important;
    text-shadow: 0 0 15px rgba(77, 166, 255, 0.5);
}

/* ============ CARDS & CONTAINERS ============ */
body.server-sv1 .card,
body.server-sv2 .card,
body.server-sv1 .modal-content,
body.server-sv2 .modal-content,
body.server-sv1 .dropdown-menu,
body.server-sv2 .dropdown-menu,
body.server-sv1 .offcanvas,
body.server-sv2 .offcanvas,
body.server-sv1 .list-group-item,
body.server-sv2 .list-group-item,
body.server-sv1 .table,
body.server-sv2 .table,
body.server-sv1 .form-control,
body.server-sv2 .form-control,
body.server-sv1 .form-select,
body.server-sv2 .form-select,
body.server-sv1 .input-group-text,
body.server-sv2 .input-group-text {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-dark) !important;
    color: var(--text-bright) !important;
    box-shadow: var(--glow-purple);
}

body.server-sv1 .card,
body.server-sv2 .card {
    border-radius: 16px !important;
    overflow: hidden;
    transition: all 0.3s ease;
}

body.server-sv1 .card:hover,
body.server-sv2 .card:hover {
    border-color: var(--vibrant-cyan) !important;
    box-shadow: var(--glow-cyan);
    transform: translateY(-4px);
}

body.server-sv1 .card-header,
body.server-sv2 .card-header {
    background: linear-gradient(90deg, var(--dark-bg-tertiary), var(--dark-bg-card)) !important;
    border-bottom: 2px solid var(--vibrant-cyan) !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .card-body,
body.server-sv2 .card-body {
    background: var(--dark-bg-card) !important;
    padding: 1.5rem !important;
}

body.server-sv1 .card-footer,
body.server-sv2 .card-footer {
    background: var(--dark-bg-tertiary) !important;
    border-top: 1px solid var(--border-dark) !important;
}

body.server-sv1 .card-title,
body.server-sv2 .card-title {
    color: var(--vibrant-cyan) !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
}

/* ============ NAVIGATION & NAVBAR ============ */
body.server-sv1 .navbar,
body.server-sv2 .navbar,
body.server-sv1 .app-header,
body.server-sv2 .app-header,
body.server-sv1 header,
body.server-sv2 header,
body.server-sv1 nav,
body.server-sv2 nav {
    background: linear-gradient(180deg, var(--dark-bg-primary), var(--dark-bg-secondary)) !important;
    border-bottom: 2px solid var(--vibrant-magenta) !important;
    box-shadow: 0 4px 20px rgba(255, 0, 255, 0.2);
}

body.server-sv1 .nav-link,
body.server-sv2 .nav-link,
body.server-sv1 .navbar-nav .nav-link,
body.server-sv2 .navbar-nav .nav-link {
    color: var(--text-bright) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease;
    padding: 0.7rem 1.2rem !important;
}

body.server-sv1 .nav-link:hover,
body.server-sv2 .nav-link:hover,
body.server-sv1 .navbar-nav .nav-link:hover,
body.server-sv2 .navbar-nav .nav-link:hover {
    color: var(--vibrant-cyan) !important;
    text-shadow: 0 0 15px rgba(0, 255, 255, 0.7);
    background: rgba(0, 255, 255, 0.1) !important;
    border-radius: 8px;
}

body.server-sv1 .nav-link.active,
body.server-sv2 .nav-link.active,
body.server-sv1 .navbar-nav .nav-link.active,
body.server-sv2 .navbar-nav .nav-link.active {
    color: var(--vibrant-magenta) !important;
    background: rgba(255, 0, 255, 0.1) !important;
    border-radius: 8px;
}

/* ============ BUTTONS ============ */
body.server-sv1 .btn,
body.server-sv2 .btn {
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 12px !important;
    padding: 0.8rem 1.5rem !important;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.server-sv1 .btn-primary,
body.server-sv2 .btn-primary {
    background: var(--gradient-ocean) !important;
    border: none !important;
    color: var(--dark-bg-primary) !important;
    box-shadow: var(--glow-cyan);
}

body.server-sv1 .btn-primary:hover,
body.server-sv2 .btn-primary:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);
}

body.server-sv1 .btn-success,
body.server-sv2 .btn-success {
    background: var(--gradient-nature) !important;
    border: none !important;
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .btn-danger,
body.server-sv2 .btn-danger {
    background: var(--gradient-fire) !important;
    border: none !important;
    color: var(--text-bright) !important;
}

body.server-sv1 .btn-warning,
body.server-sv2 .btn-warning {
    background: linear-gradient(135deg, var(--vibrant-yellow), var(--vibrant-orange)) !important;
    border: none !important;
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .btn-info,
body.server-sv2 .btn-info {
    background: var(--gradient-sunset) !important;
    border: none !important;
    color: var(--text-bright) !important;
}

body.server-sv1 .btn-secondary,
body.server-sv2 .btn-secondary,
body.server-sv1 .btn-light,
body.server-sv2 .btn-light {
    background: var(--dark-bg-tertiary) !important;
    border: 2px solid var(--vibrant-purple) !important;
    color: var(--vibrant-purple) !important;
}

body.server-sv1 .btn-secondary:hover,
body.server-sv2 .btn-secondary:hover,
body.server-sv1 .btn-light:hover,
body.server-sv2 .btn-light:hover {
    background: var(--vibrant-purple) !important;
    color: var(--text-bright) !important;
}

body.server-sv1 .btn-outline-primary,
body.server-sv2 .btn-outline-primary {
    border: 2px solid var(--vibrant-cyan) !important;
    color: var(--vibrant-cyan) !important;
    background: transparent !important;
}

body.server-sv1 .btn-outline-primary:hover,
body.server-sv2 .btn-outline-primary:hover {
    background: var(--vibrant-cyan) !important;
    color: var(--dark-bg-primary) !important;
}

/* ============ FORMS ============ */
body.server-sv1 .form-control,
body.server-sv2 .form-control,
body.server-sv1 .form-select,
body.server-sv2 .form-select,
body.server-sv1 input,
body.server-sv2 input,
body.server-sv1 textarea,
body.server-sv2 textarea,
body.server-sv1 select,
body.server-sv2 select {
    background: var(--dark-bg-tertiary) !important;
    border: 2px solid var(--border-dark) !important;
    color: var(--text-bright) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    border-radius: 10px !important;
    padding: 0.8rem 1rem !important;
    transition: all 0.3s ease;
}

body.server-sv1 .form-control:focus,
body.server-sv2 .form-control:focus,
body.server-sv1 .form-select:focus,
body.server-sv2 .form-select:focus,
body.server-sv1 input:focus,
body.server-sv2 input:focus,
body.server-sv1 textarea:focus,
body.server-sv2 textarea:focus {
    border-color: var(--vibrant-cyan) !important;
    box-shadow: var(--glow-cyan) !important;
    outline: none !important;
}

body.server-sv1 .form-control::placeholder,
body.server-sv2 .form-control::placeholder,
body.server-sv1 input::placeholder,
body.server-sv2 input::placeholder,
body.server-sv1 textarea::placeholder,
body.server-sv2 textarea::placeholder {
    color: var(--text-secondary) !important;
    opacity: 0.7;
}

body.server-sv1 .form-label,
body.server-sv2 .form-label,
body.server-sv1 label,
body.server-sv2 label {
    color: var(--vibrant-purple) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
}

/* ============ TABLES ============ */
body.server-sv1 .table,
body.server-sv2 .table {
    background: var(--dark-bg-card) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

body.server-sv1 .table th,
body.server-sv2 .table th {
    background: linear-gradient(90deg, var(--dark-bg-tertiary), var(--dark-bg-secondary)) !important;
    color: var(--vibrant-cyan) !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    border-bottom: 2px solid var(--vibrant-cyan) !important;
    padding: 1rem !important;
    text-transform: uppercase;
}

body.server-sv1 .table td,
body.server-sv2 .table td {
    background: var(--dark-bg-card) !important;
    color: var(--text-light) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--border-dark) !important;
    padding: 1rem !important;
}

body.server-sv1 .table-striped tbody tr:nth-of-type(odd) td,
body.server-sv2 .table-striped tbody tr:nth-of-type(odd) td {
    background: var(--dark-bg-tertiary) !important;
}

body.server-sv1 .table-hover tbody tr:hover td,
body.server-sv2 .table-hover tbody tr:hover td {
    background: var(--dark-bg-hover) !important;
    color: var(--vibrant-cyan) !important;
}

/* ============ BADGES ============ */
body.server-sv1 .badge,
body.server-sv2 .badge {
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 20px !important;
    text-transform: uppercase;
}

body.server-sv1 .badge.bg-primary,
body.server-sv2 .badge.bg-primary,
body.server-sv1 .badge-primary,
body.server-sv2 .badge-primary {
    background: var(--gradient-ocean) !important;
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .badge.bg-success,
body.server-sv2 .badge.bg-success,
body.server-sv1 .badge-success,
body.server-sv2 .badge-success {
    background: var(--gradient-nature) !important;
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .badge.bg-danger,
body.server-sv2 .badge.bg-danger,
body.server-sv1 .badge-danger,
body.server-sv2 .badge-danger {
    background: var(--gradient-fire) !important;
    color: var(--text-bright) !important;
}

body.server-sv1 .badge.bg-warning,
body.server-sv2 .badge.bg-warning,
body.server-sv1 .badge-warning,
body.server-sv2 .badge-warning {
    background: linear-gradient(135deg, var(--vibrant-yellow), var(--vibrant-orange)) !important;
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .badge.bg-info,
body.server-sv2 .badge.bg-info,
body.server-sv1 .badge-info,
body.server-sv2 .badge-info {
    background: var(--gradient-sunset) !important;
    color: var(--text-bright) !important;
}

/* ============ ALERTS ============ */
body.server-sv1 .alert,
body.server-sv2 .alert {
    background: var(--dark-bg-tertiary) !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    padding: 1rem 1.5rem !important;
}

body.server-sv1 .alert-success,
body.server-sv2 .alert-success {
    border-left: 4px solid var(--vibrant-green) !important;
    color: var(--vibrant-green) !important;
}

body.server-sv1 .alert-danger,
body.server-sv2 .alert-danger {
    border-left: 4px solid var(--vibrant-red) !important;
    color: var(--vibrant-red) !important;
}

body.server-sv1 .alert-warning,
body.server-sv2 .alert-warning {
    border-left: 4px solid var(--vibrant-yellow) !important;
    color: var(--vibrant-yellow) !important;
}

body.server-sv1 .alert-info,
body.server-sv2 .alert-info {
    border-left: 4px solid var(--vibrant-cyan) !important;
    color: var(--vibrant-cyan) !important;
}

/* ============ MODALS ============ */
body.server-sv1 .modal-content,
body.server-sv2 .modal-content {
    background: var(--dark-bg-card) !important;
    border: 2px solid var(--vibrant-purple) !important;
    border-radius: 16px !important;
    box-shadow: 0 0 50px rgba(191, 95, 255, 0.3);
}

body.server-sv1 .modal-header,
body.server-sv2 .modal-header {
    background: linear-gradient(90deg, var(--dark-bg-tertiary), var(--dark-bg-card)) !important;
    border-bottom: 2px solid var(--vibrant-magenta) !important;
    padding: 1.5rem !important;
}

body.server-sv1 .modal-title,
body.server-sv2 .modal-title {
    color: var(--vibrant-magenta) !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
}

body.server-sv1 .modal-body,
body.server-sv2 .modal-body {
    background: var(--dark-bg-card) !important;
    padding: 1.5rem !important;
}

body.server-sv1 .modal-footer,
body.server-sv2 .modal-footer {
    background: var(--dark-bg-tertiary) !important;
    border-top: 1px solid var(--border-dark) !important;
}

body.server-sv1 .btn-close,
body.server-sv2 .btn-close {
    filter: invert(1) brightness(2);
}

/* ============ DROPDOWN ============ */
body.server-sv1 .dropdown-menu,
body.server-sv2 .dropdown-menu {
    background: var(--dark-bg-card) !important;
    border: 2px solid var(--vibrant-purple) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    padding: 0.5rem !important;
}

body.server-sv1 .dropdown-item,
body.server-sv2 .dropdown-item {
    color: var(--text-light) !important;
    font-weight: 600 !important;
    padding: 0.8rem 1.2rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

body.server-sv1 .dropdown-item:hover,
body.server-sv2 .dropdown-item:hover {
    background: rgba(0, 255, 255, 0.1) !important;
    color: var(--vibrant-cyan) !important;
}

/* ============ SIDEBAR ============ */
body.server-sv1 .sidebar,
body.server-sv2 .sidebar,
body.server-sv1 .offcanvas,
body.server-sv2 .offcanvas {
    background: var(--dark-bg-secondary) !important;
    border-right: 2px solid var(--vibrant-purple) !important;
}

body.server-sv1 .sidebar-item a,
body.server-sv2 .sidebar-item a,
body.server-sv1 .offcanvas a,
body.server-sv2 .offcanvas a {
    color: var(--text-light) !important;
    font-weight: 600 !important;
}

body.server-sv1 .sidebar-item a:hover,
body.server-sv2 .sidebar-item a:hover,
body.server-sv1 .offcanvas a:hover,
body.server-sv2 .offcanvas a:hover {
    color: var(--vibrant-cyan) !important;
    background: rgba(0, 255, 255, 0.1) !important;
}

/* ============ PAGINATION ============ */
body.server-sv1 .pagination .page-link,
body.server-sv2 .pagination .page-link {
    background: var(--dark-bg-tertiary) !important;
    border: 2px solid var(--border-dark) !important;
    color: var(--text-light) !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
}

body.server-sv1 .pagination .page-link:hover,
body.server-sv2 .pagination .page-link:hover {
    background: var(--dark-bg-hover) !important;
    border-color: var(--vibrant-cyan) !important;
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .pagination .page-item.active .page-link,
body.server-sv2 .pagination .page-item.active .page-link {
    background: var(--gradient-vibrant) !important;
    border: none !important;
    color: var(--dark-bg-primary) !important;
}

/* ============ PROGRESS BARS ============ */
body.server-sv1 .progress,
body.server-sv2 .progress {
    background: var(--dark-bg-tertiary) !important;
    border-radius: 10px !important;
    height: 12px !important;
}

body.server-sv1 .progress-bar,
body.server-sv2 .progress-bar {
    background: var(--gradient-vibrant) !important;
    font-weight: 700 !important;
}

/* ============ FOOTER ============ */
body.server-sv1 footer,
body.server-sv2 footer,
body.server-sv1 .footer,
body.server-sv2 .footer {
    background: var(--dark-bg-primary) !important;
    border-top: 2px solid var(--vibrant-magenta) !important;
    color: var(--text-light) !important;
}

/* ============ SCROLLBAR ============ */
body.server-sv1::-webkit-scrollbar,
body.server-sv2::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body.server-sv1::-webkit-scrollbar-track,
body.server-sv2::-webkit-scrollbar-track {
    background: var(--dark-bg-primary);
}

body.server-sv1::-webkit-scrollbar-thumb,
body.server-sv2::-webkit-scrollbar-thumb {
    background: var(--gradient-vibrant);
    border-radius: 10px;
    border: 2px solid var(--dark-bg-primary);
}

body.server-sv1::-webkit-scrollbar-thumb:hover,
body.server-sv2::-webkit-scrollbar-thumb:hover {
    background: var(--vibrant-magenta);
}

/* ============ SPECIAL EFFECTS ============ */
@keyframes textGlow {
    0% {
        text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
    }

    100% {
        text-shadow: 0 0 20px rgba(255, 0, 255, 0.8), 0 0 30px rgba(0, 255, 255, 0.5);
    }
}

body.server-sv1 .glow-text,
body.server-sv2 .glow-text {
    animation: textGlow 2s ease-in-out infinite alternate;
}

@keyframes borderRotate {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

body.server-sv1 .gradient-border::before,
body.server-sv2 .gradient-border::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: var(--gradient-vibrant);
    border-radius: inherit;
    z-index: -1;
    animation: borderRotate 3s linear infinite;
}

/* ============ OVERRIDE DEFAULT LIGHT BACKGROUNDS ============ */
body.server-sv1 .bg-white,
body.server-sv2 .bg-white,
body.server-sv1 .bg-light,
body.server-sv2 .bg-light {
    background: var(--dark-bg-card) !important;
}

body.server-sv1 .bg-secondary,
body.server-sv2 .bg-secondary {
    background: var(--dark-bg-tertiary) !important;
}

body.server-sv1 .text-dark,
body.server-sv2 .text-dark {
    color: var(--text-bright) !important;
}

body.server-sv1 .text-muted,
body.server-sv2 .text-muted {
    color: var(--text-secondary) !important;
}

body.server-sv1 .text-primary,
body.server-sv2 .text-primary {
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .text-success,
body.server-sv2 .text-success {
    color: var(--vibrant-green) !important;
}

body.server-sv1 .text-danger,
body.server-sv2 .text-danger {
    color: var(--vibrant-red) !important;
}

body.server-sv1 .text-warning,
body.server-sv2 .text-warning {
    color: var(--vibrant-yellow) !important;
}

body.server-sv1 .text-info,
body.server-sv2 .text-info {
    color: var(--vibrant-purple) !important;
}

/* ============ BORDER UTILITIES ============ */
body.server-sv1 .border,
body.server-sv2 .border,
body.server-sv1 .border-top,
body.server-sv2 .border-top,
body.server-sv1 .border-bottom,
body.server-sv2 .border-bottom,
body.server-sv1 .border-left,
body.server-sv2 .border-left,
body.server-sv1 .border-right,
body.server-sv2 .border-right {
    border-color: var(--border-dark) !important;
}

/* ============ LIST GROUP ============ */
body.server-sv1 .list-group-item,
body.server-sv2 .list-group-item {
    background: var(--dark-bg-card) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-light) !important;
    font-weight: 600 !important;
}

body.server-sv1 .list-group-item:hover,
body.server-sv2 .list-group-item:hover {
    background: var(--dark-bg-hover) !important;
    color: var(--vibrant-cyan) !important;
}

/* ============ ACCORDION ============ */
body.server-sv1 .accordion-item,
body.server-sv2 .accordion-item {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-dark) !important;
}

body.server-sv1 .accordion-button,
body.server-sv2 .accordion-button {
    background: var(--dark-bg-tertiary) !important;
    color: var(--text-bright) !important;
    font-weight: 700 !important;
}

body.server-sv1 .accordion-button:not(.collapsed),
body.server-sv2 .accordion-button:not(.collapsed) {
    background: var(--dark-bg-hover) !important;
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .accordion-body,
body.server-sv2 .accordion-body {
    background: var(--dark-bg-card) !important;
    color: var(--text-light) !important;
}

/* ============ TOAST ============ */
body.server-sv1 .toast,
body.server-sv2 .toast {
    background: var(--dark-bg-card) !important;
    border: 2px solid var(--vibrant-purple) !important;
    color: var(--text-bright) !important;
}

/* ============ BREADCRUMB ============ */
body.server-sv1 .breadcrumb,
body.server-sv2 .breadcrumb {
    background: var(--dark-bg-tertiary) !important;
    border-radius: 8px !important;
    padding: 0.8rem 1rem !important;
}

body.server-sv1 .breadcrumb-item,
body.server-sv2 .breadcrumb-item {
    color: var(--text-light) !important;
    font-weight: 600 !important;
}

body.server-sv1 .breadcrumb-item.active,
body.server-sv2 .breadcrumb-item.active {
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .breadcrumb-item+.breadcrumb-item::before,
body.server-sv2 .breadcrumb-item+.breadcrumb-item::before {
    color: var(--vibrant-purple) !important;
}

/* ============ GLOBAL TEXT COLOR ============ */
body.server-sv1 *,
body.server-sv2 * {
    color: inherit;
}

body.server-sv1 *:not(.btn):not(.badge):not(.alert):not([class*="btn-"]),
body.server-sv2 *:not(.btn):not(.badge):not(.alert):not([class*="btn-"]) {
    color: #4da6ff !important;
}

/* ============ PRICING CARDS ============ */
body.server-sv1 .pricing-card,
body.server-sv2 .pricing-card,
body.server-sv1 .package-card,
body.server-sv2 .package-card,
body.server-sv1 [class*="pricing"],
body.server-sv2 [class*="pricing"],
body.server-sv1 [class*="package"],
body.server-sv2 [class*="package"],
body.server-sv1 [class*="plan"],
body.server-sv2 [class*="plan"] {
    background: var(--dark-bg-card) !important;
    border: 2px solid var(--vibrant-orange) !important;
    border-radius: 16px !important;
}

body.server-sv1 .pricing-card *,
body.server-sv2 .pricing-card *,
body.server-sv1 .package-card *,
body.server-sv2 .package-card *,
body.server-sv1 [class*="pricing"] *,
body.server-sv2 [class*="pricing"] *,
body.server-sv1 [class*="package"] *,
body.server-sv2 [class*="package"] *,
body.server-sv1 [class*="plan"] *,
body.server-sv2 [class*="plan"] * {
    color: var(--text-bright) !important;
}

body.server-sv1 .price,
body.server-sv2 .price,
body.server-sv1 [class*="price"],
body.server-sv2 [class*="price"],
body.server-sv1 .amount,
body.server-sv2 .amount,
body.server-sv1 [class*="amount"],
body.server-sv2 [class*="amount"] {
    color: var(--vibrant-yellow) !important;
    font-weight: 800 !important;
    font-size: 2rem !important;
    text-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
}

body.server-sv1 .description,
body.server-sv2 .description,
body.server-sv1 .product-description,
body.server-sv2 .product-description,
body.server-sv1 [class*="description"],
body.server-sv2 [class*="description"] {
    color: var(--text-light) !important;
    font-weight: 500 !important;
}

/* ============ ALL MODAL TEXT ============ */
body.server-sv1 .modal *,
body.server-sv2 .modal * {
    color: var(--text-bright) !important;
}

body.server-sv1 .modal h1,
body.server-sv2 .modal h1,
body.server-sv1 .modal h2,
body.server-sv2 .modal h2,
body.server-sv1 .modal h3,
body.server-sv2 .modal h3,
body.server-sv1 .modal h4,
body.server-sv2 .modal h4,
body.server-sv1 .modal h5,
body.server-sv2 .modal h5,
body.server-sv1 .modal h6,
body.server-sv2 .modal h6 {
    color: var(--vibrant-cyan) !important;
}

body.server-sv1 .modal .price,
body.server-sv2 .modal .price,
body.server-sv1 .modal [class*="price"],
body.server-sv2 .modal [class*="price"] {
    color: var(--vibrant-yellow) !important;
}

body.server-sv1 .modal .btn,
body.server-sv2 .modal .btn {
    color: var(--dark-bg-primary) !important;
}

body.server-sv1 .modal .btn-secondary,
body.server-sv2 .modal .btn-secondary,
body.server-sv1 .modal .btn-outline-primary,
body.server-sv2 .modal .btn-outline-primary,
body.server-sv1 .modal .btn-outline-secondary,
body.server-sv2 .modal .btn-outline-secondary {
    color: var(--vibrant-cyan) !important;
}

/* ============ ENSURE TEXT VISIBLE ============ */
body.server-sv1 [style*="color: white"],
body.server-sv2 [style*="color: white"],
body.server-sv1 [style*="color:#fff"],
body.server-sv2 [style*="color:#fff"],
body.server-sv1 [style*="color: #fff"],
body.server-sv2 [style*="color: #fff"] {
    color: var(--text-bright) !important;
}

body.server-sv1 [style*="color: black"],
body.server-sv2 [style*="color: black"],
body.server-sv1 [style*="color:#000"],
body.server-sv2 [style*="color:#000"],
body.server-sv1 [style*="color: #000"],
body.server-sv2 [style*="color: #000"] {
    color: var(--text-bright) !important;
}

body.server-sv1 small,
body.server-sv2 small,
body.server-sv1 .small,
body.server-sv2 .small,
body.server-sv1 .text-sm,
body.server-sv2 .text-sm {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
}

body.server-sv1 ul li,
body.server-sv2 ul li,
body.server-sv1 ol li,
body.server-sv2 ol li {
    color: var(--text-light) !important;
}

body.server-sv1 ul li::marker,
body.server-sv2 ul li::marker {
    color: var(--vibrant-cyan) !important;
}

/* ============ ICONS ============ */
body.server-sv1 i,
body.server-sv2 i,
body.server-sv1 .fa,
body.server-sv2 .fa,
body.server-sv1 .fas,
body.server-sv2 .fas,
body.server-sv1 .far,
body.server-sv2 .far,
body.server-sv1 .fab,
body.server-sv2 .fab,
body.server-sv1 .icon,
body.server-sv2 .icon {
    color: var(--vibrant-cyan) !important;
}

/* ============ SPECIAL ELEMENTS ============ */
body.server-sv1 .countdown,
body.server-sv2 .countdown,
body.server-sv1 .timer,
body.server-sv2 .timer,
body.server-sv1 [class*="countdown"],
body.server-sv2 [class*="countdown"],
body.server-sv1 [class*="timer"],
body.server-sv2 [class*="timer"] {
    color: var(--vibrant-yellow) !important;
    font-weight: 800 !important;
}

body.server-sv1 .status,
body.server-sv2 .status,
body.server-sv1 [class*="status"],
body.server-sv2 [class*="status"] {
    font-weight: 700 !important;
}

/* ============ FORCE DARK BACKGROUND ============ */
body.server-sv1 [style*="background: white"],
body.server-sv2 [style*="background: white"],
body.server-sv1 [style*="background:#fff"],
body.server-sv2 [style*="background:#fff"],
body.server-sv1 [style*="background-color: white"],
body.server-sv2 [style*="background-color: white"],
body.server-sv1 [style*="background-color:#fff"],
body.server-sv2 [style*="background-color:#fff"],
body.server-sv1 [style*="background: #fff"],
body.server-sv2 [style*="background: #fff"],
body.server-sv1 [style*="background-color: #fff"],
body.server-sv2 [style*="background-color: #fff"] {
    background: var(--dark-bg-card) !important;
}

body.server-sv1 .modal .card,
body.server-sv2 .modal .card,
body.server-sv1 .modal .card-body,
body.server-sv2 .modal .card-body {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--vibrant-purple) !important;
}

/* ============ VIP/PREMIUM TAGS ============ */
body.server-sv1 .vip,
body.server-sv2 .vip,
body.server-sv1 .premium,
body.server-sv2 .premium,
body.server-sv1 .hot,
body.server-sv2 .hot,
body.server-sv1 .new,
body.server-sv2 .new,
body.server-sv1 [class*="vip"],
body.server-sv2 [class*="vip"],
body.server-sv1 [class*="premium"],
body.server-sv2 [class*="premium"],
body.server-sv1 [class*="hot"],
body.server-sv2 [class*="hot"],
body.server-sv1 [class*="new"],
body.server-sv2 [class*="new"] {
    background: var(--gradient-fire) !important;
    color: var(--text-bright) !important;
    font-weight: 700 !important;
    padding: 0.3rem 0.8rem !important;
    border-radius: 8px !important;
}

/* ============ FIX MODAL GÓI TÂN THỦ ============ */
body.server-sv1 #firstPurchaseModal .modal-body,
body.server-sv2 #firstPurchaseModal .modal-body,
body.server-sv1 #purchaseModal .modal-body,
body.server-sv2 #purchaseModal .modal-body,
body.server-sv1 #firstPurchaseReminderModal .modal-body,
body.server-sv2 #firstPurchaseReminderModal .modal-body {
    background: var(--dark-bg-card) !important;
}

body.server-sv1 #firstPurchaseModal *,
body.server-sv2 #firstPurchaseModal *,
body.server-sv1 #purchaseModal *,
body.server-sv2 #purchaseModal *,
body.server-sv1 #firstPurchaseReminderModal *,
body.server-sv2 #firstPurchaseReminderModal *,
body.server-sv1 #giftcodeReminderModal *,
body.server-sv2 #giftcodeReminderModal * {
    color: #4da6ff !important;
}

body.server-sv1 #firstPurchaseModal .alert,
body.server-sv2 #firstPurchaseModal .alert,
body.server-sv1 #purchaseModal .alert,
body.server-sv2 #purchaseModal .alert {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid #4da6ff !important;
}

body.server-sv1 #firstPurchaseModal .card,
body.server-sv2 #firstPurchaseModal .card,
body.server-sv1 #firstPurchaseModal [class*="package"],
body.server-sv2 #firstPurchaseModal [class*="package"],
body.server-sv1 #firstPurchaseModal [class*="pricing"],
body.server-sv2 #firstPurchaseModal [class*="pricing"],
body.server-sv1 #packages-container>div,
body.server-sv2 #packages-container>div {
    background: var(--dark-bg-tertiary) !important;
    border: 2px solid #4da6ff !important;
    border-radius: 12px !important;
}

body.server-sv1 #firstPurchaseModal .price,
body.server-sv2 #firstPurchaseModal .price,
body.server-sv1 #firstPurchaseModal [class*="price"],
body.server-sv2 #firstPurchaseModal [class*="price"],
body.server-sv1 #purchaseModal .price,
body.server-sv2 #purchaseModal .price,
body.server-sv1 #purchaseModal [class*="price"],
body.server-sv2 #purchaseModal [class*="price"],
body.server-sv1 #modal-package-price,
body.server-sv2 #modal-package-price {
    color: #ffff00 !important;
    font-weight: 800 !important;
    font-size: 1.8rem !important;
    text-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
}

body.server-sv1 #firstPurchaseModal .btn,
body.server-sv2 #firstPurchaseModal .btn,
body.server-sv1 #purchaseModal .btn,
body.server-sv2 #purchaseModal .btn {
    color: #ffffff !important;
}

body.server-sv1 #purchaseModal .form-control,
body.server-sv2 #purchaseModal .form-control,
body.server-sv1 #purchaseModal input,
body.server-sv2 #purchaseModal input {
    background: var(--dark-bg-tertiary) !important;
    border: 2px solid #4da6ff !important;
    color: #4da6ff !important;
}

body.server-sv1 #firstPurchaseModal .modal-header *,
body.server-sv2 #firstPurchaseModal .modal-header *,
body.server-sv1 #purchaseModal .modal-header *,
body.server-sv2 #purchaseModal .modal-header *,
body.server-sv1 .modal-header.bg-gradient-warning *,
body.server-sv2 .modal-header.bg-gradient-warning * {
    color: #ffffff !important;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {

    body.server-sv1 h1,
    body.server-sv2 h1 {
        font-size: 2rem !important;
    }

    body.server-sv1 h2,
    body.server-sv2 h2 {
        font-size: 1.6rem !important;
    }

    body.server-sv1 h3,
    body.server-sv2 h3 {
        font-size: 1.4rem !important;
    }

    body.server-sv1 h4,
    body.server-sv2 h4 {
        font-size: 1.2rem !important;
    }

    body.server-sv1 .btn,
    body.server-sv2 .btn {
        font-size: 0.9rem !important;
        padding: 0.6rem 1rem !important;
    }
}

/* ============ GLOBAL TEXT COLOR FIX ============ */
body.server-sv1,
body.server-sv2,
body.server-sv1 *:not(.btn):not(.badge):not(.alert):not([class*="btn-"]),
body.server-sv2 *:not(.btn):not(.badge):not(.alert):not([class*="btn-"]) {
    color: #4da6ff !important;
}

body.server-sv1 .text-dark,
body.server-sv2 .text-dark,
body.server-sv1 .text-black,
body.server-sv2 .text-black,
body.server-sv1 .text-body,
body.server-sv2 .text-body,
body.server-sv1 .text-reset,
body.server-sv2 .text-reset,
body.server-sv1 [class*="text-dark"],
body.server-sv2 [class*="text-dark"],
body.server-sv1 [class*="text-black"],
body.server-sv2 [class*="text-black"] {
    color: #4da6ff !important;
}

body.server-sv1 [style*="color: #000"],
body.server-sv2 [style*="color: #000"],
body.server-sv1 [style*="color:#000"],
body.server-sv2 [style*="color:#000"],
body.server-sv1 [style*="color: black"],
body.server-sv2 [style*="color: black"],
body.server-sv1 [style*="color:black"],
body.server-sv2 [style*="color:black"],
body.server-sv1 [style*="color: rgb(0"],
body.server-sv2 [style*="color: rgb(0"],
body.server-sv1 [style*="color:rgb(0"],
body.server-sv2 [style*="color:rgb(0"],
body.server-sv1 [style*="color: #333"],
body.server-sv2 [style*="color: #333"],
body.server-sv1 [style*="color:#333"],
body.server-sv2 [style*="color:#333"],
body.server-sv1 [style*="color: #212529"],
body.server-sv2 [style*="color: #212529"],
body.server-sv1 [style*="color:#212529"],
body.server-sv2 [style*="color:#212529"] {
    color: #4da6ff !important;
}

/* ============ PAGE-LEVEL TEXT FIX ============ */
body.server-sv1 .page-wrapper *,
body.server-sv2 .page-wrapper *,
body.server-sv1 .container *,
body.server-sv2 .container *,
body.server-sv1 .container-fluid *,
body.server-sv2 .container-fluid *,
body.server-sv1 .main-wrapper *,
body.server-sv2 .main-wrapper *,
body.server-sv1 #main-wrapper *,
body.server-sv2 #main-wrapper * {
    color: #4da6ff !important;
}

body.server-sv1 .card *,
body.server-sv2 .card *,
body.server-sv1 .card-header *,
body.server-sv2 .card-header *,
body.server-sv1 .card-body *,
body.server-sv2 .card-body *,
body.server-sv1 .card-footer *,
body.server-sv2 .card-footer *,
body.server-sv1 .card-title,
body.server-sv2 .card-title,
body.server-sv1 .card-text,
body.server-sv2 .card-text {
    color: #4da6ff !important;
}

body.server-sv1 .form-group *,
body.server-sv2 .form-group *,
body.server-sv1 .form-label,
body.server-sv2 .form-label,
body.server-sv1 .form-text,
body.server-sv2 .form-text,
body.server-sv1 .form-check-label,
body.server-sv2 .form-check-label,
body.server-sv1 .input-group-text,
body.server-sv2 .input-group-text {
    color: #4da6ff !important;
}

body.server-sv1 table *,
body.server-sv2 table *,
body.server-sv1 .table *,
body.server-sv2 .table *,
body.server-sv1 thead *,
body.server-sv2 thead *,
body.server-sv1 tbody *,
body.server-sv2 tbody *,
body.server-sv1 th,
body.server-sv2 th,
body.server-sv1 td,
body.server-sv2 td {
    color: #4da6ff !important;
}

body.server-sv1 ul *,
body.server-sv2 ul *,
body.server-sv1 ol *,
body.server-sv2 ol *,
body.server-sv1 li,
body.server-sv2 li,
body.server-sv1 .list-group *,
body.server-sv2 .list-group *,
body.server-sv1 .list-group-item *,
body.server-sv2 .list-group-item * {
    color: #4da6ff !important;
}

body.server-sv1 .nav *,
body.server-sv2 .nav *,
body.server-sv1 .navbar *,
body.server-sv2 .navbar *,
body.server-sv1 .nav-link,
body.server-sv2 .nav-link,
body.server-sv1 .nav-item *,
body.server-sv2 .nav-item *,
body.server-sv1 .dropdown-menu *,
body.server-sv2 .dropdown-menu *,
body.server-sv1 .dropdown-item,
body.server-sv2 .dropdown-item {
    color: #4da6ff !important;
}

body.server-sv1 .sidebar *,
body.server-sv2 .sidebar *,
body.server-sv1 .offcanvas *,
body.server-sv2 .offcanvas *,
body.server-sv1 .offcanvas-header *,
body.server-sv2 .offcanvas-header *,
body.server-sv1 .offcanvas-body *,
body.server-sv2 .offcanvas-body * {
    color: #4da6ff !important;
}

body.server-sv1 footer *,
body.server-sv2 footer *,
body.server-sv1 .footer *,
body.server-sv2 .footer * {
    color: #4da6ff !important;
}

body.server-sv1 .breadcrumb *,
body.server-sv2 .breadcrumb *,
body.server-sv1 .breadcrumb-item,
body.server-sv2 .breadcrumb-item {
    color: #4da6ff !important;
}

body.server-sv1 .nav-tabs *,
body.server-sv2 .nav-tabs *,
body.server-sv1 .nav-pills *,
body.server-sv2 .nav-pills *,
body.server-sv1 .tab-content *,
body.server-sv2 .tab-content *,
body.server-sv1 .tab-pane *,
body.server-sv2 .tab-pane * {
    color: #4da6ff !important;
}

body.server-sv1 .accordion *,
body.server-sv2 .accordion *,
body.server-sv1 .accordion-item *,
body.server-sv2 .accordion-item *,
body.server-sv1 .accordion-header *,
body.server-sv2 .accordion-header *,
body.server-sv1 .accordion-body *,
body.server-sv2 .accordion-body *,
body.server-sv1 .accordion-button,
body.server-sv2 .accordion-button {
    color: #4da6ff !important;
}

body.server-sv1 .alert *,
body.server-sv2 .alert *,
body.server-sv1 .alert-info *,
body.server-sv2 .alert-info *,
body.server-sv1 .alert-success *,
body.server-sv2 .alert-success *,
body.server-sv1 .alert-warning *,
body.server-sv2 .alert-warning *,
body.server-sv1 .alert-danger *,
body.server-sv2 .alert-danger * {
    color: #4da6ff !important;
}

body.server-sv1 code,
body.server-sv2 code,
body.server-sv1 pre,
body.server-sv2 pre,
body.server-sv1 .code,
body.server-sv2 .code {
    color: #7ec8ff !important;
    background: var(--dark-bg-tertiary) !important;
}

body.server-sv1 ::selection,
body.server-sv2 ::selection {
    background: #4da6ff !important;
    color: #0a0a0f !important;
}

/* ============ BUTTONS TEXT - WHITE ============ */
body.server-sv1 .btn,
body.server-sv2 .btn,
body.server-sv1 .btn *,
body.server-sv2 .btn *,
body.server-sv1 [class*="btn-"],
body.server-sv2 [class*="btn-"],
body.server-sv1 [class*="btn-"] *,
body.server-sv2 [class*="btn-"] *,
body.server-sv1 button,
body.server-sv2 button,
body.server-sv1 button *,
body.server-sv2 button * {
    color: #ffffff !important;
}

body.server-sv1 .btn-outline-primary,
body.server-sv2 .btn-outline-primary,
body.server-sv1 .btn-outline-secondary,
body.server-sv2 .btn-outline-secondary,
body.server-sv1 .btn-outline-info,
body.server-sv2 .btn-outline-info {
    color: #4da6ff !important;
    border-color: #4da6ff !important;
}

body.server-sv1 .btn-outline-primary:hover,
body.server-sv2 .btn-outline-primary:hover,
body.server-sv1 .btn-outline-secondary:hover,
body.server-sv2 .btn-outline-secondary:hover,
body.server-sv1 .btn-outline-info:hover,
body.server-sv2 .btn-outline-info:hover {
    color: #ffffff !important;
    background: #4da6ff !important;
}

/* ============ BADGES - WHITE TEXT ============ */
body.server-sv1 .badge,
body.server-sv2 .badge,
body.server-sv1 .badge *,
body.server-sv2 .badge *,
body.server-sv1 [class*="badge-"],
body.server-sv2 [class*="badge-"],
body.server-sv1 [class*="badge-"] *,
body.server-sv2 [class*="badge-"] * {
    color: #ffffff !important;
}

/* ============ SPECIFIC PAGE FIXES ============ */
body.server-sv1 .recharge-card *,
body.server-sv2 .recharge-card *,
body.server-sv1 .payment-method *,
body.server-sv2 .payment-method *,
body.server-sv1 .payment-info *,
body.server-sv2 .payment-info *,
body.server-sv1 [class*="recharge"] *,
body.server-sv2 [class*="recharge"] *,
body.server-sv1 [class*="payment"] *,
body.server-sv2 [class*="payment"] * {
    color: #4da6ff !important;
}

body.server-sv1 .profile-card *,
body.server-sv2 .profile-card *,
body.server-sv1 .member-info *,
body.server-sv2 .member-info *,
body.server-sv1 .user-info *,
body.server-sv2 .user-info *,
body.server-sv1 .account-info *,
body.server-sv2 .account-info *,
body.server-sv1 [class*="profile"] *,
body.server-sv2 [class*="profile"] *,
body.server-sv1 [class*="member"] *,
body.server-sv2 [class*="member"] *,
body.server-sv1 [class*="user-"] *,
body.server-sv2 [class*="user-"] * {
    color: #4da6ff !important;
}

body.server-sv1 .password-form *,
body.server-sv2 .password-form *,
body.server-sv1 [class*="password"] *,
body.server-sv2 [class*="password"] * {
    color: #4da6ff !important;
}

body.server-sv1 .download-card *,
body.server-sv2 .download-card *,
body.server-sv1 [class*="download"] *,
body.server-sv2 [class*="download"] * {
    color: #4da6ff !important;
}

body.server-sv1 .ranking-table *,
body.server-sv2 .ranking-table *,
body.server-sv1 .leaderboard *,
body.server-sv2 .leaderboard *,
body.server-sv1 [class*="ranking"] *,
body.server-sv2 [class*="ranking"] *,
body.server-sv1 [class*="leaderboard"] *,
body.server-sv2 [class*="leaderboard"] *,
body.server-sv1 [class*="top-"] *,
body.server-sv2 [class*="top-"] * {
    color: #4da6ff !important;
}

/* ============ INPUTS ALWAYS BLUE TEXT ============ */
body.server-sv1 input,
body.server-sv2 input,
body.server-sv1 textarea,
body.server-sv2 textarea,
body.server-sv1 select,
body.server-sv2 select,
body.server-sv1 .form-control,
body.server-sv2 .form-control,
body.server-sv1 .form-select,
body.server-sv2 .form-select {
    color: #4da6ff !important;
    background: var(--dark-bg-tertiary) !important;
    border-color: #4da6ff !important;
}

body.server-sv1 input:focus,
body.server-sv2 input:focus,
body.server-sv1 textarea:focus,
body.server-sv2 textarea:focus,
body.server-sv1 select:focus,
body.server-sv2 select:focus,
body.server-sv1 .form-control:focus,
body.server-sv2 .form-control:focus,
body.server-sv1 .form-select:focus,
body.server-sv2 .form-select:focus {
    color: #4da6ff !important;
    border-color: #7ec8ff !important;
    box-shadow: 0 0 10px rgba(77, 166, 255, 0.3) !important;
}

/* ============ FIX REMAINING DARK TEXT ============ */
body.server-sv1 .fw-bold,
body.server-sv2 .fw-bold,
body.server-sv1 .fw-semibold,
body.server-sv2 .fw-semibold,
body.server-sv1 .fw-normal,
body.server-sv2 .fw-normal,
body.server-sv1 .fw-light,
body.server-sv2 .fw-light,
body.server-sv1 strong,
body.server-sv2 strong,
body.server-sv1 b,
body.server-sv2 b,
body.server-sv1 em,
body.server-sv2 em,
body.server-sv1 i:not(.fas):not(.far):not(.fab):not(.fa),
body.server-sv2 i:not(.fas):not(.far):not(.fab):not(.fa) {
    color: #4da6ff !important;
}

body.server-sv1 .user-name,
body.server-sv2 .user-name,
body.server-sv1 .user-meta-info *,
body.server-sv2 .user-meta-info *,
body.server-sv1 .simplebar-content *,
body.server-sv2 .simplebar-content * {
    color: #4da6ff !important;
}