/* EspaceVision — Variables CSS */


/* ── Thème Original ── */
:root {
    --accent: #e56919;
    --accent-hover: #e06010;
    --accent-lt: #ff8c3a;
    --login-visual-bg: url('/images/Fond_logiciel.jpg');
    /* Login panel */
    --login-ui-accent: var(--orange);
    --login-btn-bg: var(--orange);
    --login-btn-bg-hover: var(--orange-lt);
    --login-btn-shadow: 0 4px 20px rgba(244, 115, 32, .35);
    --login-btn-shadow-hover: 0 4px 20px rgba(244, 115, 32, .35);
    --login-btn-hover-transform: none;
    --login-visual-overlay: rgba(20, 35, 50, .20);
    /* button primary */
    --iccPrimaryTextColor: #077bff;
    --btnPrimaryBgColor: #e56919;
    --btnPrimaryBgColorHover: #e06010;
    /* Left Menu */
    --sidebar-logo-name-color: var(--gray-mid);
    --sidebar-logo-sub-color: var(--orange);
    --sidebar-item-hover-color: #00000050;
    /* Sidebar */
    --sidebar-bg: #1e2d3d;
    --sidebar-header-bg: #1e2d3d;
    --sidebar-bg-pattern: rgba(255, 255, 255, .04);
    --sidebar-text: rgba(255, 255, 255, .6);
    --sidebar-text-hover: rgba(255, 255, 255, .9);
    --sidebar-hover-bg: rgba(255, 255, 255, .06);
    --sidebar-active-bg: rgba(255, 255, 255, .08);
    --sidebar-active-border-color: rgba(255, 255, 255, .30);
    --sidebar-active-icon-color: var(--accent);
    --sidebar-active-text: #ffffff;
    --sidebar-label: rgba(255, 255, 255, .25);
    --sidebar-divider: var(--orange);
    --sidebar-footer-border: rgba(255, 255, 255, .06);
    --sidebar-footer-text: rgba(255, 255, 255, .20);
    /* Menu déroulant */
    --menu-bg: #1e2d3d;
    --menu-text: rgba(255, 255, 255, .6);
    --menu-text-hover: rgba(255, 255, 255, .9);
    --menu-hover-bg: rgba(255, 255, 255, .06);
    --menu-active-bg: rgba(244, 115, 32, .12);
    --menu-active-text: #ffffff;
    /* En-tête */
    --header-bg: #d5e0e4;
    --header-text: #2d3e50;
    --header-shadow: none;
    /* Hero band */
    --hero-bg: #2d3e50;
    --hero-bg-pattern: rgba(255, 255, 255, .04);
    --hero-title: #ffffff;
    --hero-sub: #c5cdd6;
    /* Page */
    --page-bg: #eef1f4;
    --page-bg-alt: #f5f7f9;
    --page-text: #2d3e50;
    --page-text-muted: #5a6a7a;
    --page-border: rgba(45, 62, 80, .22);
    /* Composants */
    --avatar-bg: #2d3e50;
    --avatar-text: #ffffff;
    --card-bg: #ffffff;
    --input-text: #2d3e50;
    --label-text: #2d3e50;
    --grid-header-bg: #eef1f4;
    --grid-row-alt-bg: #f5f7f9;
    --grid-hover-bg: rgba(244, 115, 32, .04);
    --grid-group-row-bg: #f473201a;
    --grid-border: rgba(45, 62, 80, .22);
    --grid-text: #5a6a7a;
    --splitter-bg: #00000005;
    /* documents */
    --doc-panel-bg: transparent;
    --doc-viewer-border: 1px solid rgba(45, 62, 80, .22);
    /* Footer */
    --footer-bg: #1e2d3d;
    --footer-logo-bg: #1e2d3d;
    --footer-border: 1px solid rgba(255, 255, 255, .06);
    --footer-text: rgba(255, 255, 255, .28);
    --footer-link: rgba(255, 255, 255, .25);
    --footer-link-hover: rgba(255, 255, 255, .6);
    --footer-sep: rgba(255, 255, 255, .15);
    --footer-lang-color: rgba(255, 255, 255, .35);
    --footer-lang-toggle: rgba(255, 255, 255, .45);
    --footer-lang-toggle-border: rgba(255, 255, 255, .12);
    --footer-lang-toggle-hover-bg: rgba(255, 255, 255, .05);
    --footer-lang-toggle-hover: #ffffff;
    --footer-logo-text: #ffffff;
    /* En-tête */
    --header-border: 5px solid var(--accent);
    /* Menu mobile bas */
    --tabmenu-bg: #1e2d3d;
    --tabmenu-border: rgba(255, 255, 255, .08);
    --tabmenu-text: rgba(255, 255, 255, .40);
    --tabmenu-text-hover: rgba(255, 255, 255, .70);
    --tabmenu-safe-label: rgba(255, 255, 255, .20);
    /* Liens documents */
    --doc-link-color: black;
    --doc-link-hover-color: var(--accent-hover);
    /* Tuiles / sections */
    --tile-bg: #ffffff;
    --tile-border-radius: 8px;
    --section-divider: rgba(45, 62, 80, .08);
    /* Toast */
    --toast-bg: #2d3e50;
    --toast-accent: #f47320;
    --toast-accent-line-color: #f47320;
    --toast-border-left: 3px solid #f47320;
    --toast-title: #ffffff;
    --toast-body: rgba(255, 255, 255, .65);
    --toast-icon: #f47320;
    --toast-close: rgba(255, 255, 255, .5);
    --toast-close-hover: #ffffff;
    --toast-close-hover-bg: rgba(255, 255, 255, .1);
    --toast-border: none;
    --toast-shadow: 0 4px 4px rgba(0, 0, 0, .3);
    --toast-btn-primary-bg: #f47320;
    --toast-btn-primary-hover-bg: #ff8c3a;
    --toast-btn-light-bg: rgba(255, 255, 255, .08);
    --toast-btn-light-border: rgba(255, 255, 255, .15);
    --toast-btn-light-color: rgba(255, 255, 255, .6);
    --toast-btn-light-hover-bg: rgba(255, 255, 255, .14);
    --toast-btn-light-hover-color: rgba(255, 255, 255, .9);
    /* Quicklinks */
    --quicklink-width: 120px;
    --quicklink-height: 100px;
    --quicklink-bg: #ffffff;
    --quicklink-border: rgba(45, 62, 80, .22);
    --quicklink-icon-bg: rgba(244, 115, 32, .10);
    --quicklink-icon-color: var(--accent);
    --quicklink-text: var(--page-text);
    --quicklink-hover-bg: rgba(244, 115, 32, .06);
    --quicklink-hover-border: var(--accent);
    --quicklink-hover-icon-bg: rgba(244, 115, 32, .18);
    --quicklink-hover-text: var(--accent);
    --quicklink-hover-shadow: 0 4px 14px rgba(244, 115, 32, .12);
    --quicklink-shadow: none;
    /* Standardlinks */
    --standardlink-width: 250px;
    --standardlink-height: 180px;
    --standardlink-bg: #ffffff;
    --standardlink-border: rgba(45, 62, 80, .22);
    --standardlink-icon-bg: rgba(244, 115, 32, .10);
    --standardlink-icon-color: var(--accent);
    --standardlink-text: var(--page-text);
    --standardlink-hover-bg: rgba(244, 115, 32, .06);
    --standardlink-hover-border: var(--accent);
    --standardlink-hover-icon-bg: rgba(244, 115, 32, .18);
    --standardlink-hover-text: var(--accent);
    --standardlink-hover-shadow: 0 4px 14px rgba(244, 115, 32, .12);
    --standardlink-shadow: none;
    /* Tile variants (primary/secondary) — fallbacks = identiques aux valeurs de base */
    --tile-primary-bg: var(--standardlink-bg);
    --tile-primary-border: var(--standardlink-border);
    --tile-primary-icon-bg: var(--standardlink-icon-bg);
    --tile-primary-icon-color: var(--standardlink-icon-color);
    --tile-primary-text: var(--standardlink-text);
    --tile-primary-hover-bg: var(--standardlink-hover-bg);
    --tile-primary-hover-border: var(--standardlink-hover-border);
    --tile-primary-hover-icon-bg: var(--standardlink-hover-icon-bg);
    --tile-primary-hover-text: var(--standardlink-hover-text);
    --tile-primary-hover-shadow: var(--standardlink-hover-shadow);
    --tile-primary-shadow: var(--standardlink-shadow);
    --tile-secondary-bg: var(--standardlink-bg);
    --tile-secondary-border: var(--standardlink-border);
    --tile-secondary-icon-bg: var(--standardlink-icon-bg);
    --tile-secondary-icon-color: var(--standardlink-icon-color);
    --tile-secondary-text: var(--standardlink-text);
    --tile-secondary-hover-bg: var(--standardlink-hover-bg);
    --tile-secondary-hover-border: var(--standardlink-hover-border);
    --tile-secondary-hover-icon-bg: var(--standardlink-hover-icon-bg);
    --tile-secondary-hover-text: var(--standardlink-hover-text);
    --tile-secondary-hover-shadow: var(--standardlink-hover-shadow);
    --tile-secondary-shadow: var(--standardlink-shadow);
    --quicklink-secondary-bg: var(--quicklink-bg);
    --quicklink-secondary-border: var(--quicklink-border);
    --quicklink-secondary-icon-bg: var(--quicklink-icon-bg);
    --quicklink-secondary-icon-color: var(--quicklink-icon-color);
    --quicklink-secondary-text: var(--quicklink-text);
    --quicklink-secondary-hover-bg: var(--quicklink-hover-bg);
    --quicklink-secondary-hover-border: var(--quicklink-hover-border);
    --quicklink-secondary-hover-icon-bg: var(--quicklink-hover-icon-bg);
    --quicklink-secondary-hover-text: var(--quicklink-hover-text);
    --quicklink-secondary-hover-shadow: var(--quicklink-hover-shadow);
    --quicklink-secondary-shadow: var(--quicklink-shadow);
}


/* ── Coins arrondis sur les grilles ── */
.dxbl-grid {
    border-radius: 6px;
    overflow: hidden;
}

/* ── Focus accent — variable DevExpress ── */
.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: var(--accent);
}

.dxbl-html-editor:focus-within {
    border-color: var(--accent) !important;
}