/* ════════════════════════════════════════════════════
   Variables applicatives Hotliner
   ════════════════════════════════════════════════════ */
:root {
    /* ── Couleurs Hotliner ── */
    --hw-orange: #E05A1C;
    --hw-orange-dk: #bf4c17;
    --hw-orange-lt: #fdf0e8;
    --hw-blue-dk: #1a2340;
    /* ── Variables CRM — utilisées par MainLayout.razor.css ──
       Nommées --CRM- pour rester compatibles sans modifier
       le CSS importé du CRM.
       Valeurs par défaut = mode Medium (identique CRM) */
    --CRM-icon-size: 1.25rem;
    --CRM-avatar-size: 2rem;
    --CRM-avatar-margin-left: 0.75rem;
    --CRM-header-padding: 0.625rem;
    --CRM-module-content-padding: 1rem;
}

/* ── Responsive SizeMode — écrase les variables selon la classe body ── */
.small-size {
    --CRM-icon-size: 1rem;
    --CRM-avatar-size: 1.5rem;
    --CRM-avatar-margin-left: 0.5rem;
}

.large-size {
    --CRM-icon-size: 1.5rem;
    --CRM-avatar-size: 2.5rem;
    --CRM-avatar-margin-left: 1rem;
}

/* ════════════════════════════════════════════════════
   Grid — en-tête coloré
   ════════════════════════════════════════════════════ */
.header-bold {
    background-color: var(--dxds-color-surface-primary-default-rest) !important;
    color: var(--dxds-color-content-neutral-default-static-dark-hovered) !important;
    font-weight: var(--dxds-font-weight-base-stronger) !important;
}

/* ── Lignes alternées ── */
.alt-item {
    --dxbl-grid-row-bg: var(--dxds-color-surface-neutral-subdued-rest);
}

/* ── Combo dans cellule de filtre ── */
.filter-combo {
    background-color: var(--dxds-color-surface-neutral-subdued-rest) !important;
}

/* ── Cellule de filtre active avec valeur renseignée ── */
.dxbl-grid-filter-row td.filter-cell-active:has(input:not(:placeholder-shown)) {
    background-color: var(--dxds-color-surface-neutral-subdued-rest) !important;
}


/* ── Compacter les options dans la popup aperçu licence ── */
.options-compact .dxbl-fl-item {
    margin-bottom: 4px !important;
    padding-bottom: 4px !important;
}

/* ════════════════════════════════════════════════════
   Panneau détail licence (splitter)
   ════════════════════════════════════════════════════ */
.licence-detail-form {
    padding: var(--dxds-spacing-240);
    overflow: visible;
}

    .licence-detail-form .dxbl-fl {
        overflow: visible;
    }

.licences-detail-panel {
    background: var(--dxds-color-surface-neutral-default-rest) !important;
    border: none !important;
    border-radius: var(--dxds-border-radius-80) !important;
    box-shadow: var(--dxds-box-shadow-2xl) !important;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 1 auto;
}

.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--dxds-spacing-240) var(--dxds-spacing-240);
    background-color: var(--dxds-color-surface-neutral-default-rest);
    color: var(--dxds-color-content-neutral-default-rest);
    font-weight: var(--dxds-font-weight-title-default);
    font-size: var(--dxds-font-size-title-md);
    border-radius: var(--dxds-border-radius-80) var(--dxds-border-radius-80) 0 0;
    border-bottom: var(--dxds-border-width-10) solid var(--dxds-color-border-neutral-default-rest);
    flex-shrink: 0;
}

.panel-body {
    padding: var(--dxds-spacing-240);
    overflow-y: auto;
    flex: 1 1 auto;
}

.btn-close-panel .dxbl-btn-icon {
    --dxbl-btn-image-color: var(--dxds-color-content-neutral-default-rest);
}

/* ── Splitter — forcer la hauteur ── */
.dxbl-splitter-pane {
    display: flex;
    flex-direction: column;
}

.licences-grid {
    height: 100%;
    flex: 1 1 auto;
}

/* ════════════════════════════════════════════════════
   Navigation TreeView — drawer principal
   Règles globales (non-scoped) nécessaires car ::deep
   ne pénètre pas assez dans les composants DevExpress
   imbriqués dans DxDrawer.
   La classe .main-menu-drawer (CRM) est utilisée dans
   MainLayout — le fond du panel est blanc (pattern CRM).
   ════════════════════════════════════════════════════ */

/* Nœud niveau 1 — gras, identique CRM */
.main-menu-drawer .dxbl-treeview [role="treeitem"][aria-level="1"] {
    font-weight: 500;
}

/* Bouton « mode debug » du header : voyant clair quand le suivi est actif */
.hw-suivi-actif {
    background-color: var(--hw-orange-lt);
    border-radius: 0.375rem;
}

    .hw-suivi-actif .icon {
        background-color: var(--hw-orange); /* surcharge le currentColor → icône orange */
    }
/* Masque le bouton d'expansion des produits sans historique (≤ 1 version) */
.tel-sans-historique .dxbl-grid-detail-expand-button {
    visibility: hidden;
    pointer-events: none;
}