/* _content/EspaceVision/Components/Pages/Gen/FlyoutGenDocFolder.razor.rz.scp.css */
[b-o82j20rpin] .form-label {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}


/* ── Label DxFormLayout (caption vertical) ── */
[b-o82j20rpin] .dxbl-fl-item-caption {
    font-family: var(--fontfamily);
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #2d3e50 !important;
    margin-bottom: 7px !important;
}

/* ── Arrondir le coin droit de l'icône dans les date pickers ── */
[b-o82j20rpin] .dxbl-btn,
[b-o82j20rpin] .dxbl-btn-outline-secondary,
[b-o82j20rpin] .dxbl-edit-btn-dropdown,
[b-o82j20rpin] .dsbl-btn-group,
[b-o82j20rpin] .dxbl-btn-group-right {
    border-radius: 0 8px 8px 0 !important;
}
/* _content/EspaceVision/Components/Pages/Gen/MessageInfoEditor.razor.rz.scp.css */
/* ── Labels ── */
[b-o4r75khwyk] .form-label {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}


/* ── Label DxFormLayout (caption vertical) ── */
[b-o4r75khwyk] .dxbl-fl-item-caption {
    font-family: var(--fontfamily);
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #2d3e50 !important;
    margin-bottom: 7px !important;
}

/* ── Arrondir le coin droit de l'icône dans les date pickers ── */
[b-o4r75khwyk] .dxbl-btn,
[b-o4r75khwyk] .dxbl-btn-outline-secondary,
[b-o4r75khwyk] .dxbl-edit-btn-dropdown,
[b-o4r75khwyk] .dsbl-btn-group,
[b-o4r75khwyk] .dxbl-btn-group-right {
    border-radius: 0 8px 8px 0 !important;
    /*overflow: hidden;*/
}
/* _content/EspaceVision/Components/Pages/Gen/PageGenDocumentation.razor.rz.scp.css */
/* ── Panneau gauche ── */
.doc-sidebar[b-czwwtvoujv] {
    height: 100%;
    background: var(--doc-panel-bg);
    color: var(--page-text);
    overflow: hidden;
    padding: 5px;
}

/* ── Arborescence (DxTreeList) ── */
.doc-treelist-container[b-czwwtvoujv] {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    scrollbar-width: thin;
    flex: 1;
}

.doc-treelist-container .dxbl-grid[b-czwwtvoujv] {
    background-color: transparent;
    border: unset;
}

.doc-treelist-container .dxbl-scroll-viewer[b-czwwtvoujv] {
    background-color: transparent;
    border: unset;
}

.doc-treelist-container .dxbl-grid-header-row[b-czwwtvoujv] {
    display: none;
}

.doc-treelist-container .dxbl-grid .dxbl-grid-tree-node-expand-controls-cell[b-czwwtvoujv] {
    display: flex !important;
    align-items: center !important;
    border: unset !important;
}

.doc-treelist-container .dxbl-grid tr[b-czwwtvoujv] {
    border: unset !important;
}

/* ── Ligne dossier — panneau gauche ── */
.folder-tree-item[b-czwwtvoujv] {
    cursor: pointer;
    color: black;
    margin-bottom: 6px;
}

.folder-tree-item:hover[b-czwwtvoujv] {
    text-decoration: underline;
}

/* ── Panneau droit ── */
.doc-content-panel .btn-light[b-czwwtvoujv] {
    background-color: transparent;
    border-color: var(--iccBackgroundColor);
}

/* ── Visionneuse de document ── */
.doc-viewer[b-czwwtvoujv] {
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 5px 5px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    flex: 1;
}

.doc-viewer-header[b-czwwtvoujv] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

.doc-viewer-title[b-czwwtvoujv] {
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    font-family: var(--fontfamily);
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    color: #2d3e50 !important;
}

.doc-viewer-body[b-czwwtvoujv] {
    padding: 10px;
    background-color: white;
    border: var(--doc-viewer-border);
    border-radius: 0px;
    overflow: visible;
    margin-top: 15px;
    margin-bottom: 0px;
    flex: 1;
    min-width: fit-content;
    border-radius: 6px;
}

/* ── État vide ── */
.empty-state[b-czwwtvoujv] {
    text-align: center;
    align-items: center;
    padding: 30px;
    color: #5a6a7a;
}

.empty-state .icon[b-czwwtvoujv] {
    font-size: 32px;
    margin-bottom: 10px;
}

.empty-state .title[b-czwwtvoujv] {
    font-weight: 600;
}

.empty-state .subtitle[b-czwwtvoujv] {
    font-size: 0.8rem;
    opacity: 0.7;
}

/* ── Formulaire d'édition ── */
.form-label[b-czwwtvoujv] {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}

/* ── Navigation mobile ── */
.mobile-folder-nav-bar[b-czwwtvoujv] {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    max-height: 196px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    background: transparent;
    flex-shrink: 0;
}

.mobile-folder-nav-bar[b-czwwtvoujv]::-webkit-scrollbar {
    display: none;
}

.mobile-nav-back-btn[b-czwwtvoujv] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--page-border);
    background: var(--card-bg);
    color: var(--page-text-muted);
    cursor: pointer;
    transition: color .15s, background .15s;
}

.mobile-nav-back-btn:hover[b-czwwtvoujv] {
    color: var(--page-text);
    background: var(--sidebar-hover-bg);
}

.mobile-nav-chip[b-czwwtvoujv] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid var(--page-border);
    background: var(--card-bg);
    color: var(--page-text);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, border-color .15s;
}

.mobile-nav-chip:hover[b-czwwtvoujv] {
    background: var(--sidebar-hover-bg);
    border-color: var(--accent);
}

.mobile-nav-chip.active[b-czwwtvoujv] {
    background: var(--sidebar-active-bg);
    color: var(--sidebar-active-text);
    border-color: var(--sidebar-active-border-color);
}

/* ── Responsive ── */
@media (max-width: 767.98px) {
    .dxbl-splitter-separator[b-czwwtvoujv] {
        display: none !important;
    }
}
/* _content/EspaceVision/Components/Pages/Gen/PageGenFormNousContacter.razor.rz.scp.css */
/* ── Labels ── */
[b-engic2556s] .form-label {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}


/* ── Label DxFormLayout (caption vertical) ── */
[b-engic2556s] .dxbl-fl-item-caption {
    font-family: var(--fontfamily);
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #2d3e50 !important;
    margin-bottom: 7px !important;
}


/* ── Arrondir le coin droit de l'icône a droite des chemps (dropdown, date) ── */
[b-engic2556s] .dxbl-btn,
[b-engic2556s] .dxbl-btn-outline-secondary,
[b-engic2556s] .dxbl-edit-btn-dropdown,
[b-engic2556s] .dsbl-btn-group,
[b-engic2556s] .dxbl-btn-group-right {
    border-radius: 0 8px 8px 0 !important;
    /*overflow: hidden;*/
}
/* _content/EspaceVision/Components/Pages/Gen/PageGenMessageInfos.razor.rz.scp.css */
[b-bzcr27b5ec] .form-label {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}

/* ── Label DxFormLayout (caption vertical) ── */
[b-bzcr27b5ec] .dxbl-fl-item-caption {
    font-family: var(--fontfamily);
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #2d3e50 !important;
    margin-bottom: 7px !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .panel-flexcolumn-100[b-bzcr27b5ec] {
        width: 100%;
    }
    .panel-flex-grow[b-bzcr27b5ec] {
        flex-direction: column;
    }
}
/* empty-state */
.empty-state[b-bzcr27b5ec] {
    text-align: center;
    align-items: center;
    padding: 30px;
    color: #5a6a7a;
}

.empty-state .icon[b-bzcr27b5ec] {
    font-size: 32px;
    margin-bottom: 10px;
}

.empty-state .title[b-bzcr27b5ec] {
    font-weight: 600;
}

.empty-state .subtitle[b-bzcr27b5ec] {
    font-size: 0.8rem;
    opacity: 0.7;
}
/* ============================================================
   PageGenMessageInfos — Vue carte mobile (hors mode édition)
   À ajouter dans PageGenMessageInfos.razor.css
   ============================================================ */

/* Conteneur de la liste de cartes */
.msginfo-card-list[b-bzcr27b5ec] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 4px;
}

/* Carte de base */
.msginfo-card[b-bzcr27b5ec] {
    background: var(--white);
    border: 1px solid rgba(45, 62, 80, .12);
    border-radius: 6px;
    padding: 12px 14px;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.msginfo-card:hover[b-bzcr27b5ec] {
    border-color: var(--orange);
    background: rgba(244, 115, 32, .04);
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(45, 62, 80, .10);
}

/* Carte non lue : accent orange sur la bordure gauche */
.msginfo-card--unread[b-bzcr27b5ec] {
    border-left: 3px solid var(--orange);
}

/* Ligne 1 : icône + titre */
.msginfo-card-row1[b-bzcr27b5ec] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Icône enveloppe */
.msginfo-icon[b-bzcr27b5ec] {
    font-size: 13px;
    flex-shrink: 0;
}

.msginfo-icon--unread[b-bzcr27b5ec] {
    color: var(--orange);
}

.msginfo-icon--read[b-bzcr27b5ec] {
    color: #adb5bd;
}

/* Titre */
.msginfo-title[b-bzcr27b5ec] {
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.msginfo-title--unread[b-bzcr27b5ec] {
    color: var(--orange);
}

.msginfo-title--read[b-bzcr27b5ec] {
    color: rgba(45, 62, 80, .45);
}

/* Description courte */
.msginfo-desc[b-bzcr27b5ec] {
    font-size: 12px;
    color: rgba(45, 62, 80, .55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 21px;
}

/* Pied de carte : date + badge */
.msginfo-footer[b-bzcr27b5ec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 21px;
    margin-top: 2px;
}

.msginfo-date[b-bzcr27b5ec] {
    font-family: var(--fontfamily);
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: rgba(45, 62, 80, .40);
}

/* Badges statut */
.msginfo-badge[b-bzcr27b5ec] {
    font-family: var(--fontfamily);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 8px;
    border-radius: 4px;
}

.msginfo-badge--actif[b-bzcr27b5ec] {
    background: rgba(244, 115, 32, .12);
    color: #c45a0a;
}

.msginfo-badge--expire[b-bzcr27b5ec] {
    background: rgba(45, 62, 80, .08);
    color: rgba(45, 62, 80, .50);
}
/* _content/EspaceVision/Components/Pages/Pai/PagePaiT4R1.razor.rz.scp.css */
.empty-state[b-ncii2k0ojm] {
    text-align: center;
    align-items: center;
    padding: 30px;
    color: #5a6a7a;
}

.empty-state .icon[b-ncii2k0ojm] {
    font-size: 32px;
    margin-bottom: 10px;
}

.empty-state .title[b-ncii2k0ojm] {
    font-weight: 600;
}

.empty-state .subtitle[b-ncii2k0ojm] {
    font-size: 0.8rem;
    opacity: 0.7;
}
/* _content/EspaceVision/Components/Pages/Pai/PagePaiTalons.razor.rz.scp.css */
.empty-state[b-sa8bovf3qw] {
    text-align: center;
    align-items: center;
    padding: 30px;
    color: #5a6a7a;
}

.empty-state .icon[b-sa8bovf3qw] {
    font-size: 32px;
    margin-bottom: 10px;
}

.empty-state .title[b-sa8bovf3qw] {
    font-weight: 600;
}

.empty-state .subtitle[b-sa8bovf3qw] {
    font-size: 0.8rem;
    opacity: 0.7;
}
/* _content/EspaceVision/Components/Pages/Sys/PageSysDivision.razor.rz.scp.css */
[b-95jjklym7t] .form-label {
    display: block;
    font-family: var(--fontfamily);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d3e50;
    margin-bottom: 7px;
}

/* ── Boîte logo ── */
[b-95jjklym7t] .logo-preview-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1.5px solid rgba(45, 62, 80, .22);
    border-radius: 8px;
    width: 280px;
    height: 160px;
    overflow: hidden;
    transition: border-color .2s;
}

[b-95jjklym7t] .logo-preview-box:hover {
    border-color: rgba(45, 62, 80, .4);
}

/* ── Placeholder centré ── */
[b-95jjklym7t] .logo-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #c5cdd6;
    text-align: center;
}

[b-95jjklym7t] .logo-placeholder i {
    font-size: 2rem;
    opacity: .5;
}

[b-95jjklym7t] .logo-placeholder .small {
    font-size: .75rem;
    font-family: var(--fontfamily);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}