/*
 * Contraste transversal BS LOCATION.
 * Cette feuille est volontairement chargée après les styles propres aux pages.
 * Les surfaces qui restent sombres dans les deux thèmes doivent conserver des
 * libellés clairs, même lorsque le thème général de l'application est clair.
 */

/* Accueil public : bandeaux sombres. */
.bs-app .cta-banner,
.bs-app .platform-capabilities-shell,
.bs-app .showcase-shell.is-dark,
.bs-app .showcase-shell-dark {
    color:#f7f9fc!important;
}
.bs-app .cta-banner .cta-banner-title,
.bs-app .cta-banner h1,
.bs-app .cta-banner h2,
.bs-app .cta-banner h3,
.bs-app .cta-banner strong,
.bs-app .platform-capabilities-shell .section-title,
.bs-app .platform-capabilities-shell h1,
.bs-app .platform-capabilities-shell h2,
.bs-app .platform-capabilities-shell h3,
.bs-app .platform-capabilities-shell strong,
.bs-app .showcase-shell.is-dark h1,
.bs-app .showcase-shell.is-dark h2,
.bs-app .showcase-shell.is-dark h3,
.bs-app .showcase-shell-dark h1,
.bs-app .showcase-shell-dark h2,
.bs-app .showcase-shell-dark h3 {
    color:#fff!important;
}
.bs-app .cta-banner .cta-banner-copy,
.bs-app .platform-capabilities-shell .section-subtitle {
    color:#c9d3de!important;
}

/* Tableau de bord : grands bandeaux sombres. */
.bs-app.dashboard-page .executive-hero,
.bs-app.dashboard-page .stats-hero,
.bs-app.dashboard-page .pivot-hero,
.bs-app.dashboard-page .finance-hero,
.bs-app.dashboard-page .gps-hero,
.bs-app.dashboard-page .personnel-form-hero {
    color:#f7f9fc!important;
}
.bs-app.dashboard-page .executive-hero h1,
.bs-app.dashboard-page .executive-hero h2,
.bs-app.dashboard-page .executive-hero h3,
.bs-app.dashboard-page .executive-hero strong,
.bs-app.dashboard-page .stats-hero h1,
.bs-app.dashboard-page .stats-hero h2,
.bs-app.dashboard-page .pivot-hero h1,
.bs-app.dashboard-page .pivot-hero h2,
.bs-app.dashboard-page .finance-hero h1,
.bs-app.dashboard-page .finance-hero h2,
.bs-app.dashboard-page .gps-hero h1,
.bs-app.dashboard-page .gps-hero h2,
.bs-app.dashboard-page .gps-hero h3,
.bs-app.dashboard-page .personnel-form-hero h1,
.bs-app.dashboard-page .personnel-form-hero h2,
.bs-app.dashboard-page .personnel-form-hero h3 {
    color:#fff!important;
}
.bs-app.dashboard-page .executive-hero p,
.bs-app.dashboard-page .stats-hero p,
.bs-app.dashboard-page .pivot-hero p,
.bs-app.dashboard-page .finance-hero p,
.bs-app.dashboard-page .gps-hero p,
.bs-app.dashboard-page .personnel-form-hero p {
    color:#d0dae4!important;
}
.bs-app.dashboard-page .executive-hero .page-heading-eyebrow,
.bs-app.dashboard-page .stats-hero .page-heading-eyebrow,
.bs-app.dashboard-page .pivot-hero .page-heading-eyebrow,
.bs-app.dashboard-page .finance-hero .page-heading-eyebrow,
.bs-app.dashboard-page .gps-hero .page-heading-eyebrow,
.bs-app.dashboard-page .personnel-form-hero .page-heading-eyebrow {
    color:#ffad75!important;
}

/* Espaces client et partenaire : panneaux sombres permanents. */
.bs-app .client-main-header,
.bs-app .client-highlight,
.bs-app .auth-brand-panel,
.bs-app .partner-subscription-hero,
.bs-app .partner-exec-hero,
.bs-app .partner-kpi-dark {
    color:#f7f9fc!important;
}
.bs-app .client-main-header h1,
.bs-app .client-main-header h2,
.bs-app .client-highlight h1,
.bs-app .client-highlight h2,
.bs-app .auth-brand-panel h1,
.bs-app .auth-brand-panel h2,
.bs-app .partner-subscription-hero h1,
.bs-app .partner-subscription-hero h2,
.bs-app .partner-subscription-hero h3,
.bs-app .partner-exec-hero h1,
.bs-app .partner-exec-hero h2,
.bs-app .partner-exec-hero h3,
.bs-app .partner-kpi-dark h1,
.bs-app .partner-kpi-dark h2,
.bs-app .partner-kpi-dark strong {
    color:#fff!important;
}
.bs-app .client-main-header p,
.bs-app .client-highlight p,
.bs-app .auth-brand-panel p,
.bs-app .partner-subscription-hero p,
.bs-app .partner-exec-hero p {
    color:#ced8e2!important;
}

/* En-têtes et libellés directement posés sur les cartes GPS sombres. */
html[data-ui-theme="dark"] .bs-app.dashboard-page .gps-kpi-label,
html[data-ui-theme="dark"] .bs-app.dashboard-page .gps-card-head h2,
html[data-ui-theme="dark"] .bs-app.dashboard-page .gps-item-title,
html[data-ui-theme="dark"] .bs-app.dashboard-page .maint-kpi span,
html[data-ui-theme="dark"] .bs-app.dashboard-page .gps-alert-kpi span,
html[data-ui-theme="dark"] .bs-app.dashboard-page .route-summary-card span,
html[data-ui-theme="dark"] .bs-app.dashboard-page .drive-kpi span,
html[data-ui-theme="dark"] .bs-app.dashboard-page .card-header strong,
html[data-ui-theme="dark"] .bs-app.dashboard-page .form-label,
html[data-ui-theme="dark"] .bs-app.dashboard-page label,
html[data-ui-theme="dark"] .bs-app.dashboard-page .table thead th {
    color:#fff!important;
}

/* Toutes les pages GPS utilisent un bandeau page-heading sombre. */
.bs-app.dashboard-page.gps-module-page .page-heading,
.bs-app.dashboard-page.gps-module-page .gps-hero {
    color:#fff!important;
}
.bs-app.dashboard-page.gps-module-page .page-heading h1,
.bs-app.dashboard-page.gps-module-page .page-heading h2,
.bs-app.dashboard-page.gps-module-page .page-heading h3,
.bs-app.dashboard-page.gps-module-page .page-heading strong,
.bs-app.dashboard-page.gps-module-page .gps-hero h1,
.bs-app.dashboard-page.gps-module-page .gps-hero h2,
.bs-app.dashboard-page.gps-module-page .gps-hero h3 {
    color:#fff!important;
}
.bs-app.dashboard-page.gps-module-page .page-heading p,
.bs-app.dashboard-page.gps-module-page .gps-hero p {
    color:#d3dde7!important;
}
.bs-app.dashboard-page.gps-module-page .page-heading .page-heading-eyebrow,
.bs-app.dashboard-page.gps-module-page .gps-hero .page-heading-eyebrow {
    color:#ffad75!important;
}
html[data-ui-theme="dark"] .bs-app.dashboard-page.gps-module-page .gps-info span,
html[data-ui-theme="dark"] .bs-app.dashboard-page.gps-module-page .gps-info label,
html[data-ui-theme="dark"] .bs-app.dashboard-page.gps-module-page .gps-info-grid .gps-info span {
    color:#fff!important;
}