/**
 * Flatboard 5 - Bundle UI commun
 *
 * Concaténation de theme-dark-inline.css, navbar-logo.css, search-dropdown.css,
 * notifications-dropdown.css et toast-container.css en un seul fichier pour
 * réduire le nombre de requêtes en tête de page.
 *
 * Les fichiers source restent disponibles individuellement pour
 * le backend ou la maintenance.
 */

/* ===== theme-dark-inline.css ===== */
html[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #121212;
    --bg-tertiary: #2a2a2a;
    --bg-dark: #0d0d0d;
    --bg-darker: #050505;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-light: #808080;
    --text-muted: #606060;
    --border-color: #333333;
    --border-color-light: #2a2a2a;
    --border-color-dark: #404040;
}

html[data-theme="dark"] body {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid {
    background-color: transparent !important;
}

html[data-theme="dark"] main {
    background-color: var(--bg-secondary) !important;
}

/* ===== navbar-logo.css ===== */
.navbar-logo {
    height: var(--logo-height, 40px);
    width: var(--logo-width, auto);
}

/* ===== search-dropdown.css ===== */
#search-results-dropdown {
    display: none;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1050;
    min-width: 100%;
    top: 100%;
    left: 0;
    right: auto;
}

/* ===== notifications-dropdown.css ===== */
#notification-count {
    display: none;
    font-size: 0.65rem;
    padding: 0.25em 0.5em;
    min-width: 18px;
    height: 18px;
    line-height: 1.2;
    font-weight: 700;
    box-shadow: 0 0 0 2px var(--primary-color);
}

.admin-header #notification-bell-icon {
    font-size: 1rem;
    vertical-align: middle;
}

#notification-dropdown-menu {
    min-width: 320px;
    max-width: 400px;
}

#mark-all-notifications-read {
    font-size: 0.75rem;
    line-height: 1;
    white-space: nowrap;
}

/* ===== toast-container.css ===== */
.toast-container {
    z-index: 9999;
    pointer-events: none;
}