/**
 * THEME BLUE/WHITE - Style HolyCloud
 * Sidebar bleu foncé, contenu blanc, accents bleu
 * Appliqué uniquement en mode light, exclut les pages auth
 */

/* ========================================
   SIDEBAR - Bleu foncé avec texte blanc
   ======================================== */
.sidebar {
    background: #0f1b3d !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.sidebar .sidebar__nav-item,
.sidebar .sidebar__nav-item span,
.sidebar .sidebar__back-btn,
.sidebar .sidebar-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar .sidebar__nav-item svg,
.sidebar .sidebar__back-btn svg,
.sidebar .sidebar-link svg {
    color: rgba(255, 255, 255, 0.65) !important;
}

.sidebar .sidebar__nav-item:hover,
.sidebar .sidebar__nav-item.active,
.sidebar .sidebar-link:hover,
.sidebar .sidebar-link.active {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.sidebar .sidebar__nav-item:hover svg,
.sidebar .sidebar__nav-item.active svg,
.sidebar .sidebar-link:hover svg,
.sidebar .sidebar-link.active svg {
    color: #ffffff !important;
}

.sidebar .sidebar__nav-group-title {
    color: rgba(255, 255, 255, 0.35) !important;
}

.sidebar .sidebar__footer,
.sidebar .sidebar__collapse-btn {
    color: rgba(255, 255, 255, 0.6) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.sidebar .sidebar__collapse-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.sidebar .sidebar__mobile-header,
.sidebar .sidebar__mobile-logo-text,
.sidebar .sidebar__mobile-user-name {
    color: #ffffff !important;
}

.sidebar .sidebar__mobile-user-email {
    color: rgba(255, 255, 255, 0.5) !important;
}

.sidebar .sidebar__mobile-user-avatar {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* ========================================
   CONTENT AREA - Fond blanc/gris très clair
   Scoped: only applies inside dashboard, not auth pages
   ======================================== */
[data-theme="light"] .main-content-wrapper {
    --bg-primary: #f0f4f8;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f0f4f8;
    --bg-card: #ffffff;
    --bg-elevated: #ffffff;

    /* Textes bleu foncé */
    --text-primary: #0f1b3d;
    --text-secondary: #3d5a80;
    --text-tertiary: #6b8ab5;
    --text-quaternary: #98b4d4;

    /* Accent bleu */
    --accent: #1a56db;
    --accent-hover: #1e40af;
    --accent-light: #e8f0fe;
    --accent-muted: rgba(26, 86, 219, 0.08);
    --accent-glow: rgba(26, 86, 219, 0.25);

    /* Bordures subtiles */
    --border: rgba(15, 27, 61, 0.08);
    --border-subtle: rgba(15, 27, 61, 0.04);
    --border-hover: rgba(15, 27, 61, 0.15);

    /* Ombres bleutées */
    --shadow-sm: 0 1px 3px rgba(15, 27, 61, 0.06);
    --shadow-md: 0 4px 12px rgba(15, 27, 61, 0.06);
    --shadow-lg: 0 8px 24px rgba(15, 27, 61, 0.08);
    --shadow-primary: 0 4px 16px rgba(26, 86, 219, 0.2);
}

/* ========================================
   CARDS & ELEMENTS - Mise en évidence bleu clair
   ======================================== */
[data-theme="light"] .main-content-wrapper .client-card,
[data-theme="light"] .main-content-wrapper .server-card,
[data-theme="light"] .main-content-wrapper [class*="card"] {
    border: 1px solid rgba(26, 86, 219, 0.06);
}

[data-theme="light"] .main-content-wrapper .client-card:hover,
[data-theme="light"] .main-content-wrapper .server-card:hover {
    border-color: rgba(26, 86, 219, 0.15);
    box-shadow: 0 4px 16px rgba(26, 86, 219, 0.08);
}

/* Boutons primaires */
[data-theme="light"] .main-content-wrapper .btn-primary,
[data-theme="light"] .main-content-wrapper [class*="btn-primary"],
[data-theme="light"] .main-content-wrapper button[class*="primary"] {
    background: #1a56db;
    color: #ffffff;
}

[data-theme="light"] .main-content-wrapper .btn-primary:hover,
[data-theme="light"] .main-content-wrapper [class*="btn-primary"]:hover {
    background: #1e40af;
}

/* ========================================
   NAVIGATION TOP BAR
   ======================================== */
[data-theme="light"] .main-content-wrapper .navigation-bar,
[data-theme="light"] .main-content-wrapper .nav-header,
[data-theme="light"] .main-content-wrapper [class*="navigation"] {
    background: #ffffff;
    border-bottom: 1px solid rgba(15, 27, 61, 0.06);
}

/* ========================================
   STAT CARDS - Accent bleu léger
   ======================================== */
[data-theme="light"] .main-content-wrapper [class*="stat-card"],
[data-theme="light"] .main-content-wrapper [class*="stat-item"] {
    background: #ffffff;
    border: 1px solid rgba(26, 86, 219, 0.06);
}

/* ========================================
   INPUTS & FORMS
   ======================================== */
[data-theme="light"] .main-content-wrapper input,
[data-theme="light"] .main-content-wrapper select,
[data-theme="light"] .main-content-wrapper textarea {
    border-color: rgba(15, 27, 61, 0.12);
    background: #ffffff;
}

[data-theme="light"] .main-content-wrapper input:focus,
[data-theme="light"] .main-content-wrapper select:focus,
[data-theme="light"] .main-content-wrapper textarea:focus {
    border-color: #1a56db;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}