@import '_content/Phoenix.Shared/Phoenix.Shared.vc41ddjeu5.bundle.scp.css';

/* _content/Phoenix.Mom/Components/Layout/DoubleDrawerNavMenu.razor.rz.scp.css */
/* === Général === */
/* Mise en évidence des groupes de 1er niveau */
[b-wzro1tf3xb] .mud-nav-menu-1st-level-group > button {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

/* Icônes des menus */
[b-wzro1tf3xb] .mud-nav-link .mud-icon-root:not(.mud-nav-link-expand-icon) {
    padding-top: 4px;
} 

[b-wzro1tf3xb] .mud-nav-menu-1st-level-group > button .mud-icon-root {
    fill: var(--mud-palette-primary-text) !important;
}

[b-wzro1tf3xb] .mud-nav-menu-1st-level-group > button:hover {
    background-color: var(--mud-palette-primary-lighten);
}

/* === Menu 'Fonctionnalités' === */
/* Place les menus en contact avec la barre de titre */
/* Corrige le fait qu'utiliser le <div> autour des drawers ne permet 
/* plus au style .mud-appbar-dense~ de s'appliquer (il vise les frères
/* directs de la barre de titre, pas les frères au sein de <div>)
*/
[b-wzro1tf3xb] .mud-drawer {
    top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4) !important;
}

/* Décale le 2nd menu pour l'ouvrir à côté du 1er */
@media (min-width: 960px) {
    /* Pour les appareils autres que petits mobiles, le 2nd menu se déploie à droite du 1er */
    [b-wzro1tf3xb] .secondary-drawer-open#secondary-drawer {
        left: var(--mud-drawer-width-left) !important;
        /* Coulisse en-dessous du 1er drawer */
        z-index: calc(var(--mud-zindex-drawer) - 1);
    }

    [b-wzro1tf3xb] .secondary-drawer-closed#secondary-drawer {
        /* Coulisse en-dessous du 1er drawer */
        z-index: calc(var(--mud-zindex-drawer) - 1);
    }

    [b-wzro1tf3xb] .mud-drawer-overlay--open.mud-drawer-overlay-temporary {
        /* Ne recouvre pas la barre de titre */
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4) !important;
        /* Place l'overlay juste sous le drawer */
        z-index: calc(var(--mud-zindex-drawer) - 2);
    }
}
/* _content/Phoenix.Mom/Components/Pages/AndonTV/SynopticEdition.razor.rz.scp.css */
.screen-page[b-e78ug5sc71] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.screen-header[b-e78ug5sc71] {
    flex: 0 0 auto;
}

.screen-body[b-e78ug5sc71] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
/* _content/Phoenix.Mom/Components/Pages/Deblocage/LineAddOPManu.razor.rz.scp.css */
.traceability-tabs[b-gpvp67pen3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-gpvp67pen3]  .mud-tabs-panels {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-gpvp67pen3]  .mud-tabs-panels .mud-tab-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Onglet actif */
[b-gpvp67pen3] .active-tab { /* la classe est définie par l'attribut ActiveTabClass du composant */
    background-color: #91caff !important;
    color: #424242;
}
/* _content/Phoenix.Mom/Components/Pages/Deblocage/LineDPInfos.razor.rz.scp.css */
.traceability-tabs[b-08h6kgpi2t] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-08h6kgpi2t]  .mud-tabs-panels {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-08h6kgpi2t]  .mud-tabs-panels .mud-tab-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Onglet actif */
[b-08h6kgpi2t] .active-tab { /* la classe est définie par l'attribut ActiveTabClass du composant */
    background-color: #91caff !important;
    color: #424242;
}
/* _content/Phoenix.Mom/Components/Pages/Deblocage/LineGraph.razor.rz.scp.css */
html[b-9ab04lwakv], body[b-9ab04lwakv] {
    height: 100%;
}

@keyframes blink-b-9ab04lwakv {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.mud-main-content[b-9ab04lwakv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mud-main-content > div[role="group"][b-9ab04lwakv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.mud-paper[b-9ab04lwakv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.viewer-wrapper[b-9ab04lwakv] {
    position: relative;
    background: #f2f3f5;
    height: 100%;
    min-height: 0;
}

.fixedColumnTitles[b-9ab04lwakv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 15;
}

.fixedColumnTitle[b-9ab04lwakv] {
    font-family: Arial, sans-serif;
}

.svg-container[b-9ab04lwakv] {
    height: 100%;
    overflow: auto;
}

.tab-content[b-9ab04lwakv] {
    position: relative;
    min-height: 0;
}
[b-9ab04lwakv] .miniMap {
    position: absolute;
    left: 6px;
    top: 30px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #999;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    z-index: 10;
}

[b-9ab04lwakv] .legend {
    position: absolute;
    right: 16px;
    top: 30px;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #999;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    z-index: 10;
}


.traceability-tabs[b-9ab04lwakv] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

    .traceability-tabs[b-9ab04lwakv]  .mud-tabs-panels {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

        .traceability-tabs[b-9ab04lwakv]  .mud-tabs-panels .mud-tab-panel {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
        }

[b-9ab04lwakv] .postponed {
    animation: blink-b-9ab04lwakv 1s infinite;
    stroke: red;
    stroke-width: 3;
}

[b-9ab04lwakv] .noaction {
    animation: blink-b-9ab04lwakv 1s infinite;
    stroke: red;
    stroke-width: 3;
}

[b-9ab04lwakv] .tm-tab-active {
    background-color: #2e7d32 !important;
    color: white !important;
    border-radius: 4px 4px 0 0;
}

[b-9ab04lwakv] .tm-tab-postponed {
    background-color: #c62828 !important;
    color: white !important;
    border-radius: 4px 4px 0 0;
}

/* optionnel : quand l'onglet sélectionné doit rester lisible */
[b-9ab04lwakv] .mud-tab.mud-tab-active.tm-tab-active {
    background-color: #2e7d32 !important;
    color: white !important;
}

[b-9ab04lwakv] .mud-tab.mud-tab-active.tm-tab-postponed {
    background-color: #c62828 !important;
    color: white !important;
}

.PPtooltip[b-9ab04lwakv] {
    position: fixed;
    z-index: 9999;
    background: white;
    border: 1px solid #333;
    padding: 6px 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    pointer-events: none;
    white-space: pre-line;
}

    .PPtooltip.hidden[b-9ab04lwakv] {
        display: none;
    }

.page-loader[b-9ab04lwakv] {
    height: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.svg-loader[b-9ab04lwakv] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.85);
    z-index: 5;
}

.hidden-svg[b-9ab04lwakv] {
    visibility: hidden;
}

#customContextMenu[b-9ab04lwakv] {
    position: fixed;
    display: none;
    min-width: 220px;
    background: rgba(30, 30, 30, 0.96);
    color: #f3f3f3;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 6px;
    z-index: 99999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    user-select: none;
    overflow: hidden;
}

.ctx-item[b-9ab04lwakv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.05s ease;
    white-space: nowrap;
}

    .ctx-item:hover[b-9ab04lwakv] {
        background: rgba(255, 255, 255, 0.08);
    }

    .ctx-item:active[b-9ab04lwakv] {
        transform: scale(0.985);
    }

.ctx-icon[b-9ab04lwakv] {
    width: 18px;
    text-align: center;
    opacity: 0.9;
    font-size: 14px;
}

.ctx-label[b-9ab04lwakv] {
    flex: 1;
}

.ctx-separator[b-9ab04lwakv] {
    height: 1px;
    margin: 6px 4px;
    background: rgba(255, 255, 255, 0.08);
}

#historyPopupOverlay[b-9ab04lwakv] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

#historyPopupBox[b-9ab04lwakv] {
    width: min(900px, 90vw);
    max-height: 80vh;
    background: #1f1f1f;
    color: white;
    border: 1px solid #555;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    overflow: hidden;
}

#historyPopupHeader[b-9ab04lwakv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #2c2c2c;
    border-bottom: 1px solid #444;
}

#historyPopupTitle[b-9ab04lwakv] {
    font-size: 16px;
    font-weight: bold;
}

#historyPopupClose[b-9ab04lwakv] {
    background: transparent;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

#historyPopupContent[b-9ab04lwakv] {
    padding: 16px;
    overflow: auto;
    max-height: calc(80vh - 56px);
}

.history-subtitle[b-9ab04lwakv] {
    margin-bottom: 12px;
    color: #ccc;
}

.history-empty[b-9ab04lwakv] {
    color: #bbb;
    font-style: italic;
}

.history-table[b-9ab04lwakv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .history-table th[b-9ab04lwakv],
    .history-table td[b-9ab04lwakv] {
        padding: 8px 10px;
        border-bottom: 1px solid #3d3d3d;
        text-align: left;
        vertical-align: top;
    }

    .history-table th[b-9ab04lwakv] {
        position: sticky;
        top: 0;
        background: #2a2a2a;
        z-index: 1;
    }
/* _content/Phoenix.Mom/Components/Pages/Deblocage/UnlockPostponedDialog.razor.rz.scp.css */
.confirm-details-wrapper[b-dbudcdnv7p] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.confirm-details[b-dbudcdnv7p] {
    display: grid;
    grid-template-columns: 120px minmax(220px, auto);
    column-gap: 18px;
    row-gap: 10px;
    align-items: start;
    text-align: left;
}

.label[b-dbudcdnv7p] {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
}

.value[b-dbudcdnv7p] {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.alerte[b-dbudcdnv7p] {
    word-break: break-word;
    overflow-wrap: anywhere;
    font-weight: bold;
    color: red;
}
/* _content/Phoenix.Mom/Components/Pages/Settings/OPCUACheck.razor.rz.scp.css */
/* ================================
   Synoptique Component Styles
   ================================ */

/* Thème principal */
.emotors-theme[b-yyi1lwoa54] {
    font-family: 'Segoe UI', sans-serif;
}

/* Titres */
.emotors-title[b-yyi1lwoa54] {
    color: #051C2C;
    border-bottom: 2px solid #309B42;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

/* Tableau compact */
.compact-table td[b-yyi1lwoa54] {
    vertical-align: middle;
}

.compact-table .actions[b-yyi1lwoa54] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Boutons personnalisés */
.btn-emotors-blue[b-yyi1lwoa54] {
    background-color: #051C2C;
    color: white;
    border: none;
    border-radius: 6px;
}

    .btn-emotors-blue:hover[b-yyi1lwoa54] {
        background-color: #07243a;
    }

.btn-emotors-green[b-yyi1lwoa54] {
    background-color: #309B42;
    color: white;
    border: none;
    border-radius: 6px;
}

    .btn-emotors-green:hover[b-yyi1lwoa54] {
        background-color: #268a38;
    }

/* Inputs */
.form-control[b-yyi1lwoa54],
.form-select[b-yyi1lwoa54] {
    border-radius: 6px;
    border: 1px solid #051C2C;
}


.synoptique[b-yyi1lwoa54] {
    display: block;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/* _content/Phoenix.Mom/Components/Pages/Settings/SettingsLines.razor.rz.scp.css */
/* Main Container */
.synoptic-settings-container[b-zu12l538iy] {
    padding: 2rem;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.header[b-zu12l538iy] {
    margin-bottom: 2rem;
    border-bottom: 1px solid #333;
    padding-bottom: 1rem;
    flex: 0 0 auto;
}

.header-content[b-zu12l538iy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loading[b-zu12l538iy] {
    display: flex;
    justify-content: center;
    padding: 2rem;
    flex: 1 1 auto;
    min-height: 0;
}

/* Modals & Tables styles removed in favor of MudBlazor default styles */

/* PREVIEW POPUP STYLES (CRITICAL) */
/* PREVIEW POPUP STYLES */
/* Note: MudPopover handles position/z-index. We just style the inside. */
.synoptic-preview-popup[b-zu12l538iy] {
    /* Background and Border handled by MudPopover if Paper=true, but we can override */
    background-color: #f0f0f0;
    border: 1px solid #444;
    display: flex;
    flex-direction: column;
}

.preview-header[b-zu12l538iy] {
    background-color: #252525;
    color: #eee;
    padding: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #444;
    flex: 0 0 auto;
}

.preview-content[b-zu12l538iy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background-color: white;
    position: relative;
}

.preview-stage[b-zu12l538iy] {
    transform-origin: top left;
    /* Determine wrapper width: 100% / scale makes it physically large enough to contain the scaled canvas */
    width: calc(100% / var(--scale));
    height: calc(100% / var(--scale));
    transform: scale(var(--scale));
}

.preview-canvas[b-zu12l538iy] {
    position: relative;
    /* Force explicit dimensions based on calculated canvas size */
    width: var(--canvas-w);
    height: var(--canvas-h);
    overflow: hidden;
    /* Ensure content stays within bounds */
}
/* _content/Phoenix.Mom/Components/Pages/Traceability/PartTraceability.razor.rz.scp.css */
.traceability-tabs[b-42x34ga5jq] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-42x34ga5jq]  .mud-tabs-panels {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.traceability-tabs[b-42x34ga5jq]  .mud-tabs-panels .mud-tab-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Onglet actif */
[b-42x34ga5jq] .active-tab { /* la classe est définie par l'attribut ActiveTabClass du composant */
    background-color: #91caff !important;
    color: #424242;
}
/* _content/Phoenix.Mom/Components/Shared/CustomDataGrid/CustomDataGrid.razor.rz.scp.css */
/* === DataGrid global === */
[b-fn6x8an50n] .custom-datagrid {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-fn6x8an50n] .custom-datagrid .mud-table-container {
    flex: 1 1 auto;
}

/* === En-tête === */
[b-fn6x8an50n] .custom-datagrid .mud-table-head .mud-table-cell {
    height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Icônes de tri de l'en-tête */
[b-fn6x8an50n] .mud-table-cell :is(.sort-direction-icon, .mud-icon-button-label) {
    color: white;
    opacity: 1 !important;
}

/* === Contenu === */
/* Toutes les lignes */
[b-fn6x8an50n] .mud-table-container .mud-table-row {
    white-space: nowrap;
}

/* Ligne sélectionnée */
/*::deep .mud-table-container .mud-table-row.highlight {
    background-color: #91caff !important;
}*/

/* === Footer === */
[b-fn6x8an50n] .custom-datagrid .mud-table-pagination {
    flex: 0 0 auto;
}

/* Navigateur de pagination */
[b-fn6x8an50n] .mud-table-pagination .mud-table-pagination-toolbar {
    margin-left: auto; /*Force l'alignement à droite quand le bouton d'export n'est pas affiché à gauche */
    border-top: none;
    height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    align-items: center;
}

/* Etiquette et boutons de pagination */
[b-fn6x8an50n] .custom-datagrid .mud-table-pagination-caption,
[b-fn6x8an50n] .custom-datagrid .mud-table-pagination-actions {
    min-height: 42px;
    height: 42px;
    overflow: hidden;
    align-items: center;
}

/* Icônes des boutons de pagination */
[b-fn6x8an50n] .custom-datagrid .mud-table-pagination-actions .mud-icon-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

/* Boutons d'action du footer */
[b-fn6x8an50n] .custom-datagrid .custom-datagrid-pager-action-buttons .mud-button-root {
    min-height: 26px;
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    overflow: hidden;
}

/* Label des boutons d'action */
[b-fn6x8an50n] .custom-datagrid .custom-datagrid-pager-action-buttons .mud-typography {
    font-size: 0.875rem;
}

/* Icônes des boutons d'action du footer */
[b-fn6x8an50n] .custom-datagrid .custom-datagrid-pager-action-buttons .mud-icon-root {
    font-size: 16px;
}

/* === Menu contextuel === */
.custom-datagrid-context-menu[b-fn6x8an50n] {
    position: fixed;
    z-index: 99999;
    min-width: 220px;
    max-width: 360px;
    background: white;
    border: 1px solid #b7c4d4;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    padding: 6px;
}

.custom-datagrid-context-menu-title[b-fn6x8an50n] {
    font-weight: 600;
    font-size: 13px;
    padding: 6px 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
    color: #2f4f6f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-datagrid-context-menu button[b-fn6x8an50n] {
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: 8px 10px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.custom-datagrid-context-menu button:hover[b-fn6x8an50n] {
    background-color: #e8f1fb;
}