/* Fichier genere par le module Signaletique > Styles. */

/* Modifier les couleurs depuis le programme, pas a la main. */

html[data-app-theme="light"] {
    --app-bg: #eaf2fe;
    --app-surface: #f7faff;
    --app-surface-2: #d5e5fd;
    --app-text: #0d2345;
    --app-muted: #1f51a0;
    --app-border: #8db8fa;
    --app-field-bg: #fff4b8;
    --app-field-text: #0d2345;
    --app-field-border: #5f7cab;
    --app-primary: #2f7df6;
    --app-secondary: #3c67a8;
    --app-danger: #dc2626;
    --app-success: #16a34a;
    --app-warning: #ffd338;
}

html[data-app-theme="light"] body {
    background: #eaf2fe !important;
    color: #0d2345 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
}
html[data-app-theme="light"] h1,
html[data-app-theme="light"] h2,
html[data-app-theme="light"] h3,
html[data-app-theme="light"] legend,
html[data-app-theme="light"] .panel-header h2,
html[data-app-theme="light"] .page-header h2 {
    color: #5f7cab !important;
    font-weight: bold !important;
    font-style: normal !important;
}
html[data-app-theme="light"] .panel,
html[data-app-theme="light"] fieldset,
html[data-app-theme="light"] .listbox,
html[data-app-theme="light"] .table-shell,
html[data-app-theme="light"] .form-panel,
html[data-app-theme="light"] .home-reminder-card,
html[data-app-theme="light"] .rights-card,
html[data-app-theme="light"] .section-panel {
    background: #f7faff !important;
    border-color: #8db8fa !important;
    color: #0d2345 !important;
    border-radius: 6px !important;
}
html[data-app-theme="light"] .panel-header,
html[data-app-theme="light"] .table-header,
html[data-app-theme="light"] .signal-table-header,
html[data-app-theme="light"] .home-reminder-header {
    background: #d5e5fd !important;
    border-color: #8db8fa !important;
    color: #0d2345 !important;
}
html[data-app-theme="light"] input,
html[data-app-theme="light"] select,
html[data-app-theme="light"] textarea {
    background: #fff4b8 !important;
    color: #0d2345 !important;
    border-color: #5f7cab !important;
}
html[data-app-theme="light"] table th,
html[data-app-theme="light"] .dark-table th {
    background: #225ab1 !important;
    color: #ffffff !important;
    border-color: #8db8fa !important;
}
html[data-app-theme="light"] table td,
html[data-app-theme="light"] .dark-table td {
    background: #e6effe !important;
    color: #0d2345 !important;
    border-color: #8db8fa !important;
}
html[data-app-theme="light"] table tbody tr:nth-child(even) td,
html[data-app-theme="light"] .dark-table tbody tr:nth-child(even) td {
    background: #d1e2fd !important;
}
html[data-app-theme="light"] .button,
html[data-app-theme="light"] .btn,
html[data-app-theme="light"] button,
html[data-app-theme="light"] input[type="submit"] {
    border-radius: 6px !important;
}
html[data-app-theme="light"] .button:not(.button-secondary):not(.button-danger):not(.button-success):not(.button-orange):not(.button-purple),
html[data-app-theme="light"] .btn:not(.button-secondary):not(.button-danger):not(.button-success):not(.button-orange):not(.button-purple),
html[data-app-theme="light"] input[type="submit"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
}
html[data-app-theme="light"] [data-action-kind="new"] {
    background: #3c67a8 !important;
    color: #ffffff !important;
    border-color: #3c67a8 !important;
}
html[data-app-theme="light"] [data-action-kind="add"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="light"] [data-action-kind="delete"] {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}
html[data-app-theme="light"] [data-action-kind="edit"] {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
html[data-app-theme="light"] [data-action-kind="stats"] {
    background: #f59e0b !important;
    color: #111827 !important;
    border-color: #f59e0b !important;
}
html[data-app-theme="light"] [data-action-kind="view"] {
    background: #8b5cf6 !important;
    color: #ffffff !important;
    border-color: #8b5cf6 !important;
}
html[data-app-theme="light"] [data-action-kind="reset"] {
    background: #3c67a8 !important;
    color: #ffffff !important;
    border-color: #3c67a8 !important;
}
html[data-app-theme="light"] [data-action-kind="switch-user"] {
    background: #ca0ff0 !important;
    color: #100909 !important;
    border-color: #ca0ff0 !important;
}
html[data-app-theme="light"] [data-action-kind="quit"] {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}
html[data-app-theme="light"] [data-action-kind="export"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="light"] [data-action-kind="theme-light"] {
    background: #06ef21 !important;
    color: #0c1f3e !important;
    border-color: #06ef21 !important;
}
html[data-app-theme="light"] [data-action-kind="theme-dark"] {
    background: #3c67a8 !important;
    color: #ffffff !important;
    border-color: #3c67a8 !important;
}
html[data-app-theme="light"] .users-style-scope .rights-level-select.rights-choice-none {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}
html[data-app-theme="light"] .users-style-scope .rights-level-select.rights-choice-view {
    background: #f59e0b !important;
    color: #111827 !important;
    border-color: #f59e0b !important;
}
html[data-app-theme="light"] .users-style-scope .rights-level-select.rights-choice-edit {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
html[data-app-theme="light"] [data-status-kind="all"] {
    background: #a93da5 !important;
    color: #110808 !important;
    border-color: #a93da5 !important;
}
html[data-app-theme="light"] [data-status-kind="active"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="light"] [data-status-kind="done"] {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
html[data-app-theme="light"] [data-status-kind="request"] {
    background: #e8751a !important;
    color: #ffffff !important;
    border-color: #e8751a !important;
}
html[data-app-theme="light"] [data-status-kind="validated"] {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
html[data-app-theme="light"] [data-status-kind="archives"] {
    background: #66758a !important;
    color: #ffffff !important;
    border-color: #66758a !important;
}

html[data-app-theme="dark"] {
    --app-bg: #08172c;
    --app-surface: #0e264a;
    --app-surface-2: #143567;
    --app-text: #f6fbff;
    --app-muted: #a1c5fb;
    --app-border: #69a1f9;
    --app-field-bg: #153a75;
    --app-field-text: #f8fafc;
    --app-field-border: #76a9f9;
    --app-primary: #2f7df6;
    --app-secondary: #3f6296;
    --app-danger: #c23b1d;
    --app-success: #1f8d52;
    --app-warning: #ffd94d;
}

html[data-app-theme="dark"] body {
    background: #08172c !important;
    color: #f6fbff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
}
html[data-app-theme="dark"] h1,
html[data-app-theme="dark"] h2,
html[data-app-theme="dark"] h3,
html[data-app-theme="dark"] legend,
html[data-app-theme="dark"] .panel-header h2,
html[data-app-theme="dark"] .page-header h2 {
    color: #ffd94d !important;
    font-weight: bold !important;
    font-style: normal !important;
}
html[data-app-theme="dark"] .panel,
html[data-app-theme="dark"] fieldset,
html[data-app-theme="dark"] .listbox,
html[data-app-theme="dark"] .table-shell,
html[data-app-theme="dark"] .form-panel,
html[data-app-theme="dark"] .home-reminder-card,
html[data-app-theme="dark"] .rights-card,
html[data-app-theme="dark"] .section-panel {
    background: #0e264a !important;
    border-color: #69a1f9 !important;
    color: #f6fbff !important;
    border-radius: 6px !important;
}
html[data-app-theme="dark"] .panel-header,
html[data-app-theme="dark"] .table-header,
html[data-app-theme="dark"] .signal-table-header,
html[data-app-theme="dark"] .home-reminder-header {
    background: #143567 !important;
    border-color: #69a1f9 !important;
    color: #f6fbff !important;
}
html[data-app-theme="dark"] input,
html[data-app-theme="dark"] select,
html[data-app-theme="dark"] textarea {
    background: #153a75 !important;
    color: #f8fafc !important;
    border-color: #76a9f9 !important;
}
html[data-app-theme="dark"] table th,
html[data-app-theme="dark"] .dark-table th {
    background: #1b498f !important;
    color: #bde8ff !important;
    border-color: #69a1f9 !important;
}
html[data-app-theme="dark"] table td,
html[data-app-theme="dark"] .dark-table td {
    background: #0d2345 !important;
    color: #f6fbff !important;
    border-color: #69a1f9 !important;
}
html[data-app-theme="dark"] table tbody tr:nth-child(even) td,
html[data-app-theme="dark"] .dark-table tbody tr:nth-child(even) td {
    background: #12305d !important;
}
html[data-app-theme="dark"] .button,
html[data-app-theme="dark"] .btn,
html[data-app-theme="dark"] button,
html[data-app-theme="dark"] input[type="submit"] {
    border-radius: 6px !important;
}
html[data-app-theme="dark"] .button:not(.button-secondary):not(.button-danger):not(.button-success):not(.button-orange):not(.button-purple),
html[data-app-theme="dark"] .btn:not(.button-secondary):not(.button-danger):not(.button-success):not(.button-orange):not(.button-purple),
html[data-app-theme="dark"] input[type="submit"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
}
html[data-app-theme="dark"] [data-action-kind="new"] {
    background: #3f6296 !important;
    color: #ffffff !important;
    border-color: #3f6296 !important;
}
html[data-app-theme="dark"] [data-action-kind="add"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="dark"] [data-action-kind="delete"] {
    background: #c23b1d !important;
    color: #ffffff !important;
    border-color: #c23b1d !important;
}
html[data-app-theme="dark"] [data-action-kind="edit"] {
    background: #1f8d52 !important;
    color: #ffffff !important;
    border-color: #1f8d52 !important;
}
html[data-app-theme="dark"] [data-action-kind="stats"] {
    background: #f59e0b !important;
    color: #111827 !important;
    border-color: #f59e0b !important;
}
html[data-app-theme="dark"] [data-action-kind="view"] {
    background: #8b5cf6 !important;
    color: #ffffff !important;
    border-color: #8b5cf6 !important;
}
html[data-app-theme="dark"] [data-action-kind="reset"] {
    background: #3f6296 !important;
    color: #ffffff !important;
    border-color: #3f6296 !important;
}
html[data-app-theme="dark"] [data-action-kind="switch-user"] {
    background: #c308f7 !important;
    color: #f8f7f7 !important;
    border-color: #c308f7 !important;
}
html[data-app-theme="dark"] [data-action-kind="quit"] {
    background: #c23b1d !important;
    color: #ffffff !important;
    border-color: #c23b1d !important;
}
html[data-app-theme="dark"] [data-action-kind="export"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="dark"] [data-action-kind="theme-light"] {
    background: #2cd629 !important;
    color: #090101 !important;
    border-color: #2cd629 !important;
}
html[data-app-theme="dark"] [data-action-kind="theme-dark"] {
    background: #3f6296 !important;
    color: #ffffff !important;
    border-color: #3f6296 !important;
}
html[data-app-theme="dark"] .users-style-scope .rights-level-select.rights-choice-none {
    background: #c23b1d !important;
    color: #ffffff !important;
    border-color: #c23b1d !important;
}
html[data-app-theme="dark"] .users-style-scope .rights-level-select.rights-choice-view {
    background: #f59e0b !important;
    color: #111827 !important;
    border-color: #f59e0b !important;
}
html[data-app-theme="dark"] .users-style-scope .rights-level-select.rights-choice-edit {
    background: #1f8d52 !important;
    color: #ffffff !important;
    border-color: #1f8d52 !important;
}
html[data-app-theme="dark"] [data-status-kind="all"] {
    background: #973f87 !important;
    color: #0a0606 !important;
    border-color: #973f87 !important;
}
html[data-app-theme="dark"] [data-status-kind="active"] {
    background: #2f7df6 !important;
    color: #ffffff !important;
    border-color: #2f7df6 !important;
}
html[data-app-theme="dark"] [data-status-kind="done"] {
    background: #1f8d52 !important;
    color: #ffffff !important;
    border-color: #1f8d52 !important;
}
html[data-app-theme="dark"] [data-status-kind="request"] {
    background: #e8751a !important;
    color: #ffffff !important;
    border-color: #e8751a !important;
}
html[data-app-theme="dark"] [data-status-kind="validated"] {
    background: #1f8d52 !important;
    color: #ffffff !important;
    border-color: #1f8d52 !important;
}
html[data-app-theme="dark"] [data-status-kind="archives"] {
    background: #66758a !important;
    color: #ffffff !important;
    border-color: #66758a !important;
}

/* 20260529 - Universal common final layer: one-line desktop filter bars. */
@media (min-width: 761px) {
    html body .visite-pdv-stats-page form.visite-pdv-stats-filters,
    html body form.live-filters.visite-pdv-stats-filters {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-end !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        grid-template-columns: none !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters > *,
    html body form.live-filters.visite-pdv-stats-filters > * {
        grid-column: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters > label,
    html body form.live-filters.visite-pdv-stats-filters > label {
        flex: 0 0 128px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters > label:first-child,
    html body form.live-filters.visite-pdv-stats-filters > label:first-child {
        flex: 1 1 320px !important;
        min-width: 260px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters [data-period-field="year"],
    html body form.live-filters.visite-pdv-stats-filters [data-period-field="year"] {
        flex-basis: 86px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters [data-period-field="week"],
    html body .visite-pdv-stats-page form.visite-pdv-stats-filters [data-period-field="month"],
    html body form.live-filters.visite-pdv-stats-filters [data-period-field="week"],
    html body form.live-filters.visite-pdv-stats-filters [data-period-field="month"] {
        flex-basis: 158px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters [data-period-field="custom"],
    html body form.live-filters.visite-pdv-stats-filters [data-period-field="custom"] {
        flex-basis: 132px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters .visite-pdv-period-buttons,
    html body form.live-filters.visite-pdv-stats-filters .visite-pdv-period-buttons {
        flex: 0 0 236px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters > .button,
    html body form.live-filters.visite-pdv-stats-filters > .button {
        flex: 0 0 78px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    html body .visite-pdv-stats-page form.visite-pdv-stats-filters input,
    html body .visite-pdv-stats-page form.visite-pdv-stats-filters select,
    html body form.live-filters.visite-pdv-stats-filters input,
    html body form.live-filters.visite-pdv-stats-filters select {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body .planning-delhaize-filters.is-stats {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-end !important;
        gap: 8px !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
    }

    html body .planning-delhaize-filters.is-stats > label {
        flex: 0 0 170px !important;
        min-width: 0 !important;
        grid-column: auto !important;
    }

    html body .planning-delhaize-filters.is-stats > .button {
        flex: 0 0 92px !important;
    }
}