/* [WIFIX] Responsive commun POS 2.0 : charge sur toutes les pages (layouts/partials/css.blade.php).
   Reperes : grand ecran > 1600 px, portable 1025-1600 px, tablette 768-1024 px, smartphone < 768 px.
   Les selecteurs commencent par "html body" pour passer devant les styles propres a chaque page. */

/* ---------- Tableaux (toutes les listes DataTables) ---------- */
html body table.dataTable thead th, html body table.dataTable tfoot td, html body table.dataTable tfoot th { white-space: nowrap; }
/* un mot sans espace (ex. le texte du menu Actions colle) ne doit pas elargir une colonne */
html body table.dataTable tbody td { overflow-wrap: anywhere; }
html body table.dataTable tbody td.wfx-nw { white-space: nowrap; }
html body table.dataTable tbody td.wfx-long { white-space: normal; min-width: 200px; max-width: 360px; }
.dataTables_scrollBody { -webkit-overflow-scrolling: touch; }

/* ---------- Portable (1025 - 1600 px) : en-tetes plus compacts pour que le tableau commence plus haut ---------- */
@media (max-width: 1600px) {
    html body .wfx-pg-tete { margin: 8px 15px 10px; }
    html body .wfx-pg-tete h1 { font-size: 22px; }
    html body .wfx-pg-tete .s { font-size: 12px; }
    html body .wfx-pg-kpi, html body .wfx-cl-kpi { gap: 10px !important; margin-bottom: 10px !important; }
    html body .wfx-pg-kpi > div, html body .wfx-cl-kpi > div { padding: 8px 12px 8px 15px !important; }
    html body .wfx-pg-kpi .v, html body .wfx-cl-kpi .v { font-size: 20px; }
    html body .wfx-pg-kpi .k, html body .wfx-cl-kpi .k { font-size: 10.5px; }
    html body .wfx-pg-kpi .d, html body .wfx-cl-kpi .d { font-size: 11.5px; }
    html body .wfx-pg-filtres, html body .wfx-cl-filtres { padding: 7px 12px !important; margin-bottom: 10px !important; gap: 6px; }
    html body .wfx-pg-filtres .ligne { gap: 6px; }
    html body .wfx-pg-filtres .ligne + .ligne { padding-top: 7px; }
    html body .wfx-pg-filtres .p, html body .wfx-cl-filtres .p { padding: 4px 11px; font-size: 12.5px; }
    html body.wfx-pg .box-header { padding: 10px 14px 4px; }
    html body.wfx-pg table.dataTable tbody td { padding: 7px 8px; font-size: 13px; }
    html body.wfx-pg .dataTables_scrollHead table.dataTable thead th { padding: 8px 8px !important; }
}

/* ---------- Tablette (768 - 1024 px) ---------- */
@media (max-width: 1024px) {
    html body .wfx-pg-kpi, html body .wfx-cl-kpi { grid-template-columns: 1fr 1fr !important; }
    html body .wfx-pg-filtres .rech, html body .wfx-cl-filtres .rech { margin-left: 0; width: 100%; min-width: 0; }
    html body .wfx-outils .grp .lib { display: none; }
}

/* ---------- Smartphone (< 768 px) : chaque ligne de tableau devient une carte ---------- */
@media (max-width: 767px) {
    html body .wfx-cartes .dataTables_scrollHead, html body .wfx-cartes .dataTables_scrollFoot, html body .wfx-cartes .dataTables_scrollBody thead { display: none !important; }
    html body .wfx-cartes .dataTables_scroll { border: 0 !important; }
    html body .wfx-cartes .dataTables_scrollBody { max-height: none !important; overflow: visible !important; border: 0 !important; }
    html body .wfx-cartes table.dataTable { display: block; width: 100% !important; border: 0 !important; }
    html body table.fixedHeader-floating, html body table.fixedHeader-locked { display: none !important; }
    html body .wfx-cartes table.dataTable tbody, html body .wfx-cartes table.dataTable tbody tr { display: block; width: 100%; }
    html body .wfx-cartes table.dataTable tbody tr { background: #fff !important; border: 1px solid #e3e7ee; border-radius: 12px; margin: 0 0 10px; padding: 8px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
    html body .wfx-cartes table.dataTable tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0 !important; padding: 4px 0 !important; white-space: normal !important; overflow-wrap: break-word; word-break: normal; text-align: right; min-width: 0 !important; max-width: none !important; width: auto !important; }
    html body .wfx-cartes table.dataTable tbody td:before { content: attr(data-label); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #8d96a6; text-align: left; flex: 0 0 auto; }
    html body .wfx-cartes table.dataTable tbody td.wfx-vide { display: none; }
    html body .wfx-cartes table.dataTable tbody td.dataTables_empty { display: block; text-align: center; }
    html body .wfx-cartes table.dataTable tbody td.dataTables_empty:before { content: none; }
    html body .wfx-pg-kpi .v, html body .wfx-cl-kpi .v { font-size: 18px; }
    html body .wfx-pg-tete h1 { font-size: 20px; }
    html body .wfx-pg-filtres .wfx-sel, html body .wfx-pg-filtres select { flex: 1 1 140px; }
    html body .wfx-bas { justify-content: center; }
}
/* ---------- Barre du haut sur smartphone : une seule ligne d'icones ---------- */
@media (max-width: 767px) {
    html body .main-header #view_todays_profit, html body .main-header .btn.bg-yellow { display: none !important; }
    html body .main-header .navbar .btn.m-8 { margin: 8px 3px !important; padding: 5px 9px !important; }
    html body .main-header .navbar a.btn.m-8 { font-size: 0 !important; }
    html body .main-header .navbar a.btn.m-8 i, html body .main-header .navbar a.btn.m-8 .fa, html body .main-header .navbar a.btn.m-8 .fas { font-size: 14px !important; }
    html body .main-header .navbar-custom-menu > .navbar-nav > li > a.dropdown-toggle:not(.load_notifications) { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html body .main-header .navbar { min-height: 50px; }
}
/* ---------- Caisse compacte (ecran de moins de 1000 px de haut et >= 900 px de large) ----------
   Tout tient sur un ecran : le panier defile dans son cadre, canal + paiements + total restent visibles.
   Les grands ecrans ne sont pas concernes. */
@media (min-width: 900px) and (max-height: 1000px) {
    html body:has(#wfx_paybar) { overflow: hidden; }
    html body:has(#wfx_paybar) .pos-header > .row { display: flex; flex-wrap: nowrap; align-items: center; }
    html body:has(#wfx_paybar) .pos-header .wfx-hdr-col { flex: 0 1 auto; min-width: 0; width: auto; overflow: hidden; }
    html body:has(#wfx_paybar) .pos-header .wfx-hdr-right { flex: 1 0 auto; width: auto; display: flex; justify-content: flex-end; flex-wrap: nowrap; }
    html body:has(#wfx_paybar) .pos-header { padding-top: 4px !important; padding-bottom: 4px !important; }
    html body:has(#wfx_paybar) #add_pos_sell_form > .row { margin-bottom: 0 !important; }
    html body:has(#wfx_paybar) #add_pos_sell_form > .row > .col-md-12 > .row { display: flex; height: calc(100vh - 90px); }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-7 { display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 0; }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-7 > .box { flex: 1 1 auto; min-height: 0; margin: 0 !important; display: flex; flex-direction: column; }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-7 > .box > .box-body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding-top: 8px; padding-bottom: 6px; }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-7 > .box > .box-body > .row { flex: 0 0 auto; }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-7 > .box > .box-body > .row:has(table) { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
    html body:has(#wfx_paybar) .pos_product_div { max-height: none !important; height: auto !important; min-height: 0 !important; }
    html body:has(#wfx_paybar) .pos_form_totals { padding-top: 4px !important; margin: 0 !important; }
    /* barre de paiement : ligne 1 canal + actions, ligne 2 reglages, lignes 3-4 paiements, total a droite */
    html body:has(#wfx_paybar) #wfx_paybar { flex: 0 0 auto; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "side side" "pays total"; gap: 6px; padding: 8px !important; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-side { grid-area: side; width: auto !important; flex: none !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 6px; align-items: stretch; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-canal-row { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-canal-row select, html body:has(#wfx_paybar) #wfx_paybar .wfx-canal-row button { height: 40px !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-canal-row select { width: 128px !important; font-size: 12.5px !important; padding-left: 8px !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-canal-row button { padding: 0 8px !important; font-size: 12.5px !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-round { white-space: nowrap !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-small { flex: 1 1 auto; display: flex !important; gap: 4px; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-small button { flex: 1 1 0; height: 40px !important; min-width: 0; padding: 0 2px !important; font-size: 11.5px !important; letter-spacing: -.1px; white-space: nowrap; overflow: hidden; text-overflow: clip; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-pays { grid-area: pays; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0 !important; width: auto !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-adjust { grid-column: 1 / -1; display: flex !important; flex-wrap: nowrap !important; width: auto !important; gap: 6px; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-adjust .wfx-adj { height: 40px !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-pays .wfx-btn, html body:has(#wfx_paybar) #wfx_paybar .wfx-pays > div > .wfx-btn { height: 46px !important; min-height: 0 !important; width: 100% !important; font-size: 14px !important; padding: 0 6px !important; margin: 0 !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-pays > div { margin: 0 !important; min-width: 0; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-adjust .wfx-round { margin-left: auto !important; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-pays .wfx-btn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; gap: 6px; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-small { display: flex !important; grid-template-columns: none !important; }
    html body:has(#wfx_paybar) .pos-header .g-msg, html body:has(#wfx_paybar) .pos-header .g-bar, html body:has(#wfx_paybar) .pos-header .curr_datetime { display: none !important; }
    html body:has(#wfx_paybar) .pos-header .wfx-hdr-right { flex: 1 1 auto !important; min-width: 0; }
    html body:has(#wfx_paybar) .pos-header .wfx-tools { width: auto !important; flex-wrap: nowrap !important; justify-content: flex-end; }
    html body:has(#wfx_paybar) .pos-header .wfx-chip.clock { flex: 0 0 auto !important; max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html body:has(#wfx_paybar) footer.no-print { display: none !important; }
    html body:has(#wfx_paybar) .pos-header .wfx-loc-pill { flex: 0 0 auto !important; min-width: 120px; }
    html body:has(#wfx_paybar) #wfx_paybar .wfx-total { grid-area: total; align-self: end; margin: 0 !important; padding: 10px 14px !important; min-width: 150px; }
    html body:has(#wfx_paybar) #wfx_cat { height: calc(100vh - 90px) !important; max-height: none !important; display: flex; flex-direction: column; margin: 0 !important; }
    html body:has(#wfx_paybar) #add_pos_sell_form .col-md-5 { height: 100%; }
    html body:has(#wfx_paybar) .main-footer, html body:has(#wfx_paybar) footer.main-footer { display: none !important; }
}
/* ---------- Accueil : objectif + alertes cote a cote, tuiles reparties sur la largeur ---------- */
html body .wifix-tiles { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; gap: 16px !important; }
@media (max-width: 1599px) { html body .wifix-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 599px) { html body .wifix-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
/* chiffres du graphique CA : 4 colonnes regulieres, ou 2 x 2 quand la colonne est etroite */
html body .wfx-ct { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1599px) { html body .wfx-ct { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
/* Ce mois-ci : camembert au-dessus de la legende quand la colonne est etroite */
@media (max-width: 1599px) {
    html body .wfx-side .duo { flex-direction: column !important; align-items: center !important; gap: 14px !important; height: auto !important; }
    html body .wfx-side .duo .donut-wrap { height: auto !important; width: auto !important; }
    html body .wfx-side .duo .duo-d { width: 100% !important; max-width: 420px; }
}
@media (min-width: 1200px) {
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: 16px; align-items: start; }
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) > .wifix-goal { max-width: none !important; margin: 0 !important; }
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) > .wfx-al-ligne.wfx-al-sous { max-width: none !important; grid-column: 1; grid-row: 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; margin: 0 !important; gap: 16px !important; }
}
/* ---------- Caisse : pas de pied de page (gagne la hauteur d'une ligne sur tous les ecrans) ---------- */
html body:has(#wfx_paybar) footer.no-print { display: none !important; }
/* ---------- Accueil tous les magasins : les 2 alertes de chaque magasin tiennent dans sa colonne ---------- */
html body section.content-custom .col-md-4 > .wfx-al-ligne { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; margin-top: 16px !important; gap: 16px !important; }
html body section.content-custom .col-md-4 > .wfx-al-ligne .wfx-al { min-width: 0; flex-wrap: wrap; row-gap: 2px; }
@media (max-width: 1599px) {
    html body section.content-custom .col-md-4 > .wfx-al-ligne .wfx-al { padding: 10px 14px !important; }
    html body section.content-custom .col-md-4 > .wfx-al-ligne .wfx-al a { font-size: 12px; }
}
/* ---------- Accueil : onglets des graphiques ---------- */
html body .wfx-gtabs { display: flex; gap: 8px; margin: 6px 0 12px; }
html body .wfx-gtabs button { border: 1px solid #d5dae2; background: #fff; color: #3c4452; border-radius: 999px; padding: 8px 18px; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }
html body .wfx-gtabs button:hover { border-color: #9fb6d6; }
html body .wfx-gtabs button.on { background: #2a78d6; border-color: #2a78d6; color: #fff; }
html body .row.wfx-gtab-mode > div { display: none; width: 100% !important; float: none !important; height: auto !important; min-height: 0 !important; }
html body .row.wfx-gtab-mode > div.wfx-gtab-on { display: block; }
html body .row.wfx-gtab-mode > div > .box { height: auto !important; min-height: 0 !important; }
html body .row.wfx-gtab-mode .wfx-side .duo { flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 48px !important; }
html body .row.wfx-gtab-mode .wfx-side .duo .duo-d { width: auto !important; max-width: 520px; flex: 1 1 380px; }html body .row.wfx-gtab-mode .wfx-side .duo .donut-wrap { height: 340px !important; width: 340px !important; flex: 0 0 340px !important; }
@media (min-width: 1000px) { html body .row.wfx-gtab-mode .wfx-ct { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
/* ---------- Accueil : onglets Activite / Tresorerie / Stock dans le meme style que les onglets des graphiques ---------- */
html body .wfx-onglets { display: flex !important; gap: 8px !important; margin: 18px 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html body .wfx-onglets > button { border: 1px solid #d5dae2 !important; background: #fff !important; color: #3c4452 !important; border-radius: 999px !important; padding: 8px 18px !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .06) !important; margin: 0 !important; height: auto !important; }
html body .wfx-onglets > button:hover { border-color: #9fb6d6 !important; }
html body .wfx-onglets > button[aria-selected="true"] { background: #2a78d6 !important; border-color: #2a78d6 !important; color: #fff !important; }
html body .wfx-onglets > button[aria-selected="true"] * { color: #fff !important; }
html body .wfx-onglets > button[aria-selected="true"] .badge, html body .wfx-onglets > button[aria-selected="true"] span[class*="n"] { background: rgba(255, 255, 255, .25) !important; }
/* ---------- Accueil : conseil vente croisee en tete (vue d'un magasin) ---------- */
html body #wfx_tip.wfx-tip-cache { display: none !important; }
html body #wfx_tip.wfx-tip-haut { margin: 12px 0 0 !important; }
@media (min-width: 1200px) {
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) { grid-template-rows: auto auto; }
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) > .wifix-goal { grid-column: 1; grid-row: 1; }
    html body section.content-custom > .row > .col-md-12:has(> .wifix-goal) > #wfx_tip.wfx-tip-haut { grid-column: 2; grid-row: 1 / 3; margin: 0 !important; align-self: stretch; }
}/* espace sous le bloc objectif (avant les tuiles) */
html body section.content-custom > .row:has(> .col-md-12 > .wifix-goal), html body section.content-custom > .row:has(> .col-md-4 > .wifix-goal) { margin-bottom: 18px !important; }
/* ---------- Accueil : alignement et aeration (meme espacement de 16 px partout) ---------- */
html body section.content-custom > .row:has(> .col-md-12 > .wifix-goal), html body section.content-custom > .row:has(> .col-md-4 > .wifix-goal) { margin-bottom: 20px !important; }
html body section.content-custom > .row > .col-md-4:has(> .wifix-goal) > .wifix-goal { margin: 0 !important; }
html body section.content-custom .wifix-tiles { margin: 0 0 24px !important; }
html body .wfx-gtabs { margin: 0 0 12px !important; }
html body .wfx-onglets { margin: 28px 0 12px !important; }
html body section.content-custom .wfx-al { border-radius: 14px !important; }/* vue tous les magasins : cartes objectif de meme hauteur, alertes alignees sur une meme ligne */
@media (min-width: 992px) {
    html body section.content-custom > .row:has(> .col-md-4 > .wifix-goal) { display: flex; flex-wrap: wrap; }
    html body section.content-custom > .row > .col-md-4:has(> .wifix-goal) { display: flex; flex-direction: column; float: none; }
    html body section.content-custom > .row > .col-md-4:has(> .wifix-goal) > .wifix-goal { flex: 1 1 auto; }
}
/* ---------- Accueil, Ce mois-ci : camembert | legende | En bref ---------- */
html body .row.wfx-gtab-mode .wfx-side .duo { display: grid !important; grid-template-columns: 340px minmax(0, 1fr) minmax(260px, 320px); gap: 36px !important; align-items: center !important; justify-content: stretch !important; }
html body .row.wfx-gtab-mode .wfx-side .duo .duo-d { max-width: none !important; width: 100% !important; }
html body .row.wfx-gtab-mode #wfx_donut_leg > div[data-i] { background: linear-gradient(90deg, color-mix(in srgb, var(--c, #2a78d6) 16%, transparent) var(--p, 0%), transparent var(--p, 0%)); border-radius: 8px; padding: 6px 8px !important; margin: 3px 0; }
html body .row.wfx-gtab-mode #wfx_donut_leg .nm { font-weight: 600; }
html body .row.wfx-gtab-mode .wfx-side #wfx_bascule { margin-bottom: 8px !important; }
.wfx-resume { border-left: 1px solid #eef1f5; padding-left: 28px; }
.wfx-resume .titre { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8d96a6; margin-bottom: 10px; }
.wfx-resume .it { padding: 10px 0; border-bottom: 1px solid #f0f2f5; }
.wfx-resume .it:last-child { border-bottom: 0; }
.wfx-resume .k { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8d96a6; }
.wfx-resume b { font-size: 22px; font-weight: 800; color: #1d2433; font-variant-numeric: tabular-nums; margin-right: 8px; }
.wfx-resume b.vert { color: #0f8a46; }
.wfx-resume b.pt { font-size: 15px; }
.wfx-resume small { display: block; font-size: 12px; color: #6b7482; margin-top: 1px; }
.wfx-resume .evo { font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; vertical-align: middle; }
.wfx-resume .evo.up { background: #e6f5ec; color: #0f8a46; }
.wfx-resume .evo.down { background: #fdeeee; color: #b42c2c; }
.wfx-resume .duo2 { display: grid; grid-template-columns: 1fr; gap: 8px; }
.wfx-resume .duo2 > div { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
.wfx-resume .duo2 .k { flex-basis: 100%; }
.wfx-resume .evo { white-space: nowrap; }
@media (max-width: 1299px) {
    html body .row.wfx-gtab-mode .wfx-side .duo { grid-template-columns: 300px minmax(0, 1fr); }
    .wfx-resume { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 1px solid #eef1f5; padding-top: 12px; }
    .wfx-resume .corps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 24px; }
}

/* [WIFIX] Activite du magasin : 3 blocs bien separes + marge lisible */
html body .wfx-pm .wfx-bloc { background:#fff; border:1px solid #e3e7ee; border-radius:14px; padding:0 18px 14px; box-shadow:0 1px 3px rgba(16,24,40,.05); min-width:0; }
html body .wfx-pm .wfx-bloc-act { margin-top:22px; }
html body .wfx-pm .deux { gap:22px !important; margin-top:22px; align-items:start; }
html body .wfx-pm .wfx-bloc > .tete { margin:0 -18px 6px; padding:11px 18px; min-height:50px; border-bottom:1px solid #eef1f5; background:#f8fafc; border-radius:14px 14px 0 0; }
html body .wfx-pm .wfx-bloc > .tete b { font-size:15px; display:inline-flex; align-items:center; }
html body .wfx-pm .wfx-ic { display:inline-flex; width:28px; height:28px; border-radius:8px; align-items:center; justify-content:center; margin-right:10px; font-size:13px; color:#fff; flex:0 0 auto; }
html body .wfx-pm .wfx-bloc-act .wfx-ic { background:#2a78d6; }
html body .wfx-pm .wfx-bloc-rep .wfx-ic { background:#e2a50f; color:#2a1f00; }
html body .wfx-pm .wfx-bloc-top .wfx-ic { background:#7c4ddb; }
html body .wfx-pm .wfx-bloc table { margin-top:2px; }
html body .wfx-pm .wfx-bloc tbody tr:last-child td { border-bottom:0; }
html body .wfx-pm .wfx-bloc .note { margin:10px 0 0; }
html body .wfx-pm #wfx_pm_leg { margin-top:10px; padding-top:10px; border-top:1px solid #eef1f5; }
html body .wfx-pm > #wfx_pm_note, html body .wfx-pm > #wfx_pm_alerte { margin-top:16px; }
html body #wfx_pm_poles .pole:not(.ent) { border-bottom:1px solid #f1f4f8; }
html body #wfx_pm_poles .pole:not(.ent):last-of-type { border-bottom:0; }
html body #wfx_pm_poles .piste .mg { display:none !important; }
html body #wfx_pm_poles:has(.wfx-mj) .pole { grid-template-columns:220px minmax(0,1fr) 110px 150px 84px !important; }
html body .wfx-pm .wfx-mj { display:inline-flex; align-items:center; justify-content:flex-end; gap:8px; width:100%; }
html body .wfx-pm .wfx-mj-t { flex:0 0 64px; height:8px; border-radius:999px; background:#e9edf2; overflow:hidden; }
html body .wfx-pm .wfx-mj-t i { display:block; height:100%; border-radius:999px; background:var(--mc); }
html body .wfx-pm .wfx-mj b { min-width:38px; text-align:right; font-weight:700; color:var(--mt); }
html body .wfx-pm .wfx-n-haut { --mc:#16a34a; --mt:#0f7a3e; }
html body .wfx-pm .wfx-n-moyen { --mc:#e0a106; --mt:#8a6400; }
html body .wfx-pm .wfx-n-bas { --mc:#dc2626; --mt:#b42318; }
html body .wfx-pm .wfx-mleg { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
html body .wfx-pm .wfx-mleg i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-left:6px; }
html body .wfx-pm .wfx-mleg i.h { background:#16a34a; } html body .wfx-pm .wfx-mleg i.m { background:#e0a106; } html body .wfx-pm .wfx-mleg i.b { background:#dc2626; }
html body .wfx-pm tr.wfx-replie { display:none; }
html body .wfx-pm .wfx-voir { display:block; margin:12px auto 0; font-size:12.5px; font-weight:600; color:#2a78d6; background:#f1f6fd; border:1px solid #d7e5f8; border-radius:999px; padding:6px 18px; cursor:pointer; }
html body .wfx-pm .wfx-voir:hover { background:#e4eefb; }
@media (max-width:991px) { html body .wfx-pm .deux { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width:767px) {
  html body .wfx-pm .wfx-bloc { padding:0 12px 12px; }
  html body .wfx-pm .wfx-bloc > .tete { margin:0 -12px 6px; padding:10px 12px; }
  html body #wfx_pm_poles:has(.wfx-mj) .pole { grid-template-columns:minmax(0,1fr) 84px 70px !important; }
  html body #wfx_pm_poles .pole > .piste, html body #wfx_pm_poles .pole > .ev { display:none; }
  html body .wfx-pm .wfx-mj-t { display:none; }
}
html body .wfx-pm .wfx-bloc > .tete b > .d { margin-left:6px; }

/* [WIFIX] Caisse : la carte objectif s'arrete avant les boutons (plus de barre cachee dessous) */
@media (min-width:992px) and (max-width:1199px) {
  html body #wfx_goalbar { width:max-content; max-width:100%; flex:0 0 auto; }
  html body:has(#wfx_paybar) .pos-header .wfx-loc-pill, html body .wfx-tools .wfx-loc-pill { min-width:0 !important; max-width:150px !important; flex:0 1 150px !important; overflow:hidden; }
  html body .wfx-tools .wfx-loc-pill select { width:112px !important; max-width:112px !important; min-width:0 !important; text-overflow:ellipsis; }
  html body .wfx-tools .wfx-chip.clock .t, html body .wfx-tools .wfx-chip.new .t { display:none; }
}
@media (min-width:1200px) {
  html body .row:has(> .wfx-hdr-col + .wfx-hdr-right) { display:flex; flex-wrap:nowrap; align-items:center; }
  html body .row > .wfx-hdr-col, html body:has(#wfx_paybar) .pos-header .row > .wfx-hdr-col { flex:1 1 0 !important; width:auto; min-width:0; float:none; }
  html body .row > .wfx-hdr-right, html body:has(#wfx_paybar) .pos-header .row > .wfx-hdr-right { flex:0 0 auto !important; width:auto; max-width:none; min-width:max-content; float:none; }
  html body .wfx-hdr-right > .wfx-tools { flex:0 0 auto; }
  html body .wfx-hdr-col .wfx-hdr-left { min-width:0; max-width:100%; }
  html body #wfx_goalbar { min-width:0; max-width:100%; flex:1 1 auto; overflow:hidden; }
  html body #wfx_goalbar .g-bar { flex:1 1 60px; min-width:60px; }
  html body #wfx_goalbar .g-lbl, html body #wfx_goalbar .g-val { flex:0 0 auto; }
  html body #wfx_goalbar .g-msg { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* [WIFIX] Caisse : selecteur de magasin au meme format que les autres boutons de l'en-tete */
html body .wfx-tools .wfx-loc-pill, html body:has(#wfx_paybar) .pos-header .wfx-loc-pill { height:40px !important; box-sizing:border-box; display:inline-flex !important; align-items:center; gap:8px; padding:0 10px 0 14px !important; border:0.8px solid rgb(221,226,231) !important; border-radius:999px !important; background:#fff !important; box-shadow:rgba(54,66,77,.06) 0 1px 4px 0 !important; color:rgb(54,66,77); margin:0; cursor:pointer; }
html body .wfx-tools .wfx-loc-pill i { color:rgb(54,66,77) !important; font-size:14px; }
html body .wfx-tools .wfx-loc-pill select { height:38px !important; font-size:13.5px !important; font-weight:700 !important; color:rgb(54,66,77) !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; padding:0 2px !important; cursor:pointer; }@media (min-width:1600px) { html body .wfx-tools .wfx-loc-pill select { width:auto !important; max-width:220px !important; } html body .wfx-tools .wfx-loc-pill, html body:has(#wfx_paybar) .pos-header .wfx-loc-pill { max-width:270px !important; } }

/* wfx-repair-compact : caisse en mode réparation, formulaire compact et panier toujours visible (01/11) */
@media (min-width:992px) {
  html body:has(#repair_status_id) .col-md-7 > .box { min-height: 0 !important; overflow-y: auto !important; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) { display: flex !important; flex-wrap: nowrap; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date)::before, html body:has(#repair_status_id) .box-body .row:has(#repair_due_date)::after { display: none !important; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) > [class*="col-sm-4"] { flex: 1 1 0 !important; width: auto !important; min-width: 0; float: none !important; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) .select2-container, html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) .input-group { width: 100% !important; max-width: 100%; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_defects) > [class*="col-sm-6"] { width: 100% !important; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) .form-group,
  html body:has(#repair_status_id) .box-body .row:has(#repair_brand_id) .form-group,
  html body:has(#repair_status_id) .box-body .row:has(#repair_serial_no) .form-group,
  html body:has(#repair_status_id) .box-body .row:has(#repair_defects) .form-group { margin-bottom: 6px !important; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_due_date) label,
  html body:has(#repair_status_id) .box-body .row:has(#repair_brand_id) label,
  html body:has(#repair_status_id) .box-body .row:has(#repair_serial_no) label,
  html body:has(#repair_status_id) .box-body .row:has(#repair_defects) label { margin-bottom: 2px !important; font-size: 12px; }
  html body:has(#repair_status_id) .box-body .row:has(#repair_serial_no) .mt-15 { margin-top: 20px !important; }
  html body:has(#repair_status_id) .box-body #repair_defects { height: 38px !important; min-height: 38px; }
}

/* wfx-paybar-ordre : boutons de paiement réordonnés, couleurs variées, case total alignée (01/11) */
html body #wfx_paybar .wfx-pays > :nth-child(8) { order: 1; }
html body #wfx_paybar .wfx-pays > :nth-child(5) { order: 2; }
html body #wfx_paybar .wfx-pays > :nth-child(4) { order: 2; }
html body #wfx_paybar .wfx-pays > :nth-child(3) { order: 3; }
html body #wfx_paybar .wfx-pays > :nth-child(6) { order: 4; }
html body #wfx_paybar .wfx-pays > :nth-child(7) { order: 5; }
html body #wfx_paybar .wfx-pays > :nth-child(2) { order: 6; }
html body #wfx_paybar .wfx-pays > .wfx-adjust { order: -1; }
html body #wfx_paybar .wfx-pays .wfx-btn { height: 46px; font-size: 16px; font-weight: 700; min-width: 0; width: 100%; border-radius: 12px; box-shadow: 0 1px 2px rgba(54,66,77,.12); }
html body #wfx_paybar .wfx-pays > div { min-width: 0; }
html body #wfx_paybar .wfx-btn.cash { background: #2f7a55; }
html body #wfx_paybar .wfx-btn.card { background: #99241a; }
html body #wfx_paybar .wfx-pays > :nth-child(4).wfx-btn { background: #3a6ea5; }
html body #wfx_paybar .wfx-pays > :nth-child(5).wfx-btn { background: #2c7f8a; }
html body #wfx_paybar .wfx-pays > :nth-child(6) .wfx-btn { background: #7d8f3c; }
html body #wfx_paybar .wfx-pays > :nth-child(7) .wfx-btn { background: #4a5f8f; }
html body #wfx_paybar .wfx-btn.mixed { background: #fff; color: #36424d; border: 2px solid #36424d; }
html body #wfx_paybar .wfx-total { align-self: end; }

/* wfx-tot-wrap : barre de paiement (01/11) */
html body #wfx_paybar .wfx-pays > .wfx-btn.mixed { order: 1; }
html body #wfx_paybar .wfx-pays > .wfx-p-payconiq { order: 2; }
html body #wfx_paybar .wfx-pays > #wfx_cash_btn { order: 3; }
html body #wfx_paybar .wfx-pays > .wfx-p-eco { order: 4; }
html body #wfx_paybar .wfx-pays > .wfx-p-dist { order: 5; }
html body #wfx_paybar .wfx-pays > .wfx-btn.big.card { order: 6; }
html body #wfx_paybar .wfx-pays > .wfx-btn.big.card { background: #a3392f !important; border-color: #a3392f !important; color: #fff !important; }
html body #wfx_paybar .wfx-pays > #wfx_cash_btn { background: #2f7d55 !important; border-color: #2f7d55 !important; color: #fff !important; }
html body #wfx_paybar .wfx-pays > .wfx-p-payconiq { background: #4a6a92 !important; border-color: #4a6a92 !important; color: #fff !important; }
html body #wfx_paybar .wfx-pays > .wfx-p-eco > .wfx-btn { background: #3a8582 !important; border-color: #3a8582 !important; color: #fff !important; }
html body #wfx_paybar .wfx-pays > .wfx-p-dist > .wfx-btn { background: #5b6877 !important; border-color: #5b6877 !important; color: #fff !important; }
html body #wfx_paybar .wfx-pays > .wfx-btn.mixed { background: #fff !important; color: #36424d !important; border: 1.5px solid #36424d !important; }
html body #wfx_paybar .wfx-pays > .wfx-btn:hover, html body #wfx_paybar .wfx-pays > div > .wfx-btn:hover { filter: brightness(1.06); }
html body #wfx_paybar .wfx-pays > .wfx-btn, html body #wfx_paybar .wfx-pays > div > .wfx-btn { height: 46px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; }
html body #wfx_paybar .wfx-tot-wrap { grid-area: total; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; align-self: stretch; min-width: 0; }
html body #wfx_paybar .wfx-tot-ico { display: flex; gap: 8px; height: 48px; flex: 0 0 48px; }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn { flex: 1 1 0; min-width: 0; height: 48px; padding: 0; border: 1px solid #dde2e7; background: #fff; border-radius: 10px; font-size: 0 !important; display: flex; align-items: center; justify-content: center; gap: 3px; color: #55616c; cursor: pointer; box-shadow: 0 1px 2px rgba(54,66,77,.06); }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn:hover { border-color: #a3392f; background: #fbf4f3; }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn i { font-size: 20px; line-height: 1; }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn i.fa-lock { font-size: 10px; opacity: .55; align-self: flex-start; margin-top: 12px; }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn[data-wfx-express="suspend"] i.wfx-ico-main { color: #c9a463; }
html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn[data-wfx-express="credit_sale"] i.wfx-ico-main { color: #6f93c4; }
html body #wfx_paybar .wfx-tot-wrap .wfx-total { grid-area: auto; align-self: stretch; flex: 1 1 0 !important; min-height: 0; height: auto; margin: 0; display: flex; flex-direction: column; justify-content: center; }

/* wfx-topbar : barre du haut par role (degrade horizontal), recherche globale, boutons nommes, infobulles */
html body .main-header{--wc1:#162c47;--wc2:#2b5a8a}
html body.wfx-role-manager .main-header{--wc1:#123833;--wc2:#27746a}
html body.wfx-role-admin .main-header{--wc1:#5e4510;--wc2:#8f6b19}
html body .main-header .logo{background:var(--wc1) !important;border:0 !important}
html body .main-header .navbar{background:linear-gradient(90deg,var(--wc1) 0%,var(--wc2) 100%) !important;display:flex;align-items:center;container-type:inline-size;container-name:wfxbar}
html body .main-header .navbar .sidebar-toggle{float:none;flex:none}
html body .main-header .navbar .navbar-custom-menu{float:none;margin-left:auto;display:flex;align-items:center;flex:none}
html body .main-header .navbar .navbar-custom-menu .navbar-nav{display:flex;align-items:center;float:none}
html body .main-header .navbar .navbar-custom-menu .btn{background:#ffffff1f !important;color:#fff !important;border:0 !important;border-radius:18px !important;height:34px;margin:0 4px !important;padding:0 12px !important;display:inline-flex;align-items:center;gap:6px;box-shadow:none}
html body .main-header .navbar .navbar-custom-menu .btn:hover{background:#ffffff33 !important}
html body .main-header .navbar .clock_in_btn.hide,html body .main-header .navbar .clock_out_btn.hide{display:none !important}
html body .main-header .navbar .clock_in_btn::after{content:"Pointer l'entrée";font-weight:600;font-size:13px}
html body .main-header .navbar .clock_out_btn::after{content:"En service";font-weight:600;font-size:13px}
html body .main-header .navbar .clock_out_btn .fa-hourglass-half{color:#42d392}
.wfx-topbar{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;padding:0 8px}
.wfx-search{position:relative;flex:1 1 0;min-width:44px;max-width:340px;height:34px;border-radius:18px;background:#ffffff1f;display:flex;align-items:center;gap:8px;padding:0 14px;color:#ffffffc0}
.wfx-search input{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:13px;height:32px;padding:0;box-shadow:none}
.wfx-search input::placeholder{color:#ffffffb0}
.wfx-search kbd{background:#ffffff26;color:#fff;border:0;border-radius:4px;padding:1px 6px;font-size:11px;box-shadow:none}
.wfx-sres{display:none;position:absolute;top:calc(100% + 8px);left:0;width:380px;max-width:92vw;background:#fff;color:#222;border-radius:8px;box-shadow:0 6px 22px #0004;z-index:1100;max-height:70vh;overflow:auto;padding:6px}
.wfx-sres.open{display:block}
.wfx-sres .g{font-size:11px;font-weight:700;color:#8a8a8a;text-transform:uppercase;padding:6px 10px 2px}
.wfx-sres a{display:block;padding:7px 10px;border-radius:6px;color:#222;text-decoration:none}
.wfx-sres a:hover,.wfx-sres a.on{background:#f1ead9}
.wfx-sres a small{display:block;color:#777}
.wfx-sres .none{padding:12px;color:#777}
.wfx-actions{display:flex;align-items:center;gap:8px;margin:0 auto;flex:none}
.wfx-act{height:34px;border-radius:18px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;font-weight:600;font-size:13px;color:#fff !important;background:#ffffff1f;border:0;white-space:nowrap;text-decoration:none !important;cursor:pointer}
.wfx-act:hover{background:#ffffff33}
.wfx-act.caisse{background:#c8453a}.wfx-act.caisse:hover{background:#d4584d}
.wfx-dd{position:relative}
.wfx-ddm{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:8px;box-shadow:0 6px 22px #0004;padding:6px;z-index:1100}
.wfx-ddm.open{display:block}
.wfx-ddm .h{font-size:12px;font-weight:700;color:#777;padding:6px 10px 2px}
.wfx-ddm a{display:block;padding:8px 10px;border-radius:6px;color:#222;text-decoration:none;font-size:13px}
.wfx-ddm a:hover{background:#f1ead9}
[data-tip]{position:relative}
[data-tip]::before{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1d1d1f;color:#fff;font:400 12px/1.35 system-ui,Segoe UI,Arial,sans-serif;padding:6px 10px;border-radius:6px;width:max-content;max-width:230px;white-space:normal;text-align:left;pointer-events:none;opacity:0;transition:opacity .12s .3s;z-index:2000;box-shadow:0 2px 8px #0004}
[data-tip]:hover::before{opacity:1}
.navbar-custom-menu [data-tip]::before{left:auto;right:0;transform:none}
.wfx-search[data-tip]::before{left:0;transform:none}
.wfx-search:focus-within::before,.wfx-dd .wfx-ddm.open ~ ::before{display:none}
.wfx-dd .wfx-act[data-tip]:focus::before{display:none}
@container wfxbar (max-width:1100px){.wfx-search kbd{display:none}.wfx-act{padding:0 12px}}
@container wfxbar (max-width:900px){.wfx-act .t{display:none}.wfx-act{width:36px;padding:0;justify-content:center}.wfx-act .fa-caret-down{display:none}}
@container wfxbar (max-width:760px){.wfx-search{flex:0 0 38px;width:38px;padding:0;justify-content:center}.wfx-search input,.wfx-search kbd{display:none}.wfx-search:focus-within{position:absolute;left:44px;right:8px;width:auto;flex:none;padding:0 14px;z-index:1200;background:var(--wc1)}.wfx-search:focus-within input{display:block}}
@media print{.wfx-topbar{display:none !important}}

/* wfx-topbar (suite) : boutons de la barre visibles malgre la regle qui masque les liens /pos/create, pointage, bandeau d'accueil */
html body .main-header .wfx-topbar a.wfx-act{display:inline-flex !important}
.wfx-pt .dot{font-size:9px;color:#9aa4b0}
.wfx-pt:not(.off) .dot{color:#42d392}
.wfx-pt small{font-weight:400;opacity:.8;margin-left:4px}
@container wfxbar (max-width:1100px){.wfx-pt small{display:none}}
html body .content-header-custom:has(.wifix-head){background:none !important;padding:12px 15px 0 !important;color:#33302a !important}
html body .content-header-custom .wifix-head h1{color:#33302a !important;font-size:20px;font-weight:600;margin:0}
html body .content-header-custom .wifix-head > span{display:none !important}

/* wfx-topbar (suite 2) */
html body.skin-black-light .content-wrapper .content-header-custom .wifix-head h1,html body .content-wrapper .content-header-custom h1{color:#33302a !important}
html body .main-header .navbar > i.fa-info-circle{float:none !important;margin:0 8px !important;color:#fff;opacity:.85;order:5}

/* wfx-topbar (suite 3) */
html body .main-header .wfx-ddm a{display:block !important}

/* wfx-topbar (suite 4) : doublons de l'ancienne barre masques sur toutes les pages */
html body .main-header .navbar:has(.wfx-topbar) .navbar-custom-menu a[href*="/pos/create"],html body .main-header .navbar:has(.wfx-topbar) #btnCalculator,html body .main-header .navbar:has(.wfx-topbar) .clock_in_btn,html body .main-header .navbar:has(.wfx-topbar) .clock_out_btn{display:none !important}

/* wfx-topbar (suite 5) : bouton Equipe, ancien bouton profit masque */
html body .main-header .navbar:has(.wfx-topbar) #view_todays_profit{display:none !important}
.wfx-badge{background:#42d392;color:#0b3a26;border-radius:9px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px}
.wfx-team{width:440px;max-width:92vw;right:0;left:auto;max-height:72vh;overflow:auto;padding:6px}
.wfx-team .ph{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 6px;font-weight:700;color:#222}
.wfx-team .ph small{font-weight:400;color:#777}
.wfx-team .u{display:flex;gap:10px;padding:9px 10px;border-radius:8px;border-top:1px solid #f0ebde;color:#222}
.wfx-team .u:hover{background:#faf6ec}
.wfx-team .av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;position:relative;background:#2b5a8a}
.wfx-team .av.r-Admin{background:#8f6b19}.wfx-team .av.r-Manager{background:#27746a}
.wfx-team .av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#42d392}
.wfx-team .av i.off{background:#b4bcc6}
.wfx-team .m{flex:1;min-width:0}.wfx-team .m b{display:block;color:#222}.wfx-team .m span{color:#666;font-size:12px}
.wfx-team .k{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.wfx-team .k em{font-style:normal;background:#f1ead9;border-radius:10px;padding:1px 8px;font-size:11.5px;color:#444}
.wfx-team .k em.g{background:#e3f4ea;color:#1e6a44}.wfx-team .k em.x{background:#eceff3;color:#59636f}
.wfx-team .rt{text-align:right;font-weight:700;white-space:nowrap;color:#222}.wfx-team .rt small{display:block;font-weight:400;color:#777}
.wfx-team .none{padding:12px;color:#777}
.wfx-team .foot{padding:8px 10px;color:#777;font-size:12px;border-top:1px solid #f0ebde}

/* wfx-topbar (suite 6) : telephone et petits ecrans */
@media (max-width:767px){
  html body .main-header .navbar{flex-wrap:nowrap !important;overflow:visible}
  html body .main-header .navbar:has(.wfx-topbar) .navbar-custom-menu .btn-group,
  html body .main-header .navbar:has(.wfx-topbar) .navbar-custom-menu > .m-8,
  html body .main-header .navbar:has(.wfx-topbar) .navbar-custom-menu #view_todays_profit,
  html body .main-header .navbar:has(.wfx-topbar) > i.fa-info-circle,
  html body .main-header .navbar:has(.wfx-topbar) .user-menu > a > span{display:none !important}
  html body .main-header .navbar:has(.wfx-topbar) .user-menu > a{padding:0 8px !important}
  html body .main-header .navbar:has(.wfx-topbar) .user-menu > a::before{content:"\f007";font-family:"Font Awesome 5 Free";font-weight:900;color:#fff}
  .wfx-topbar{gap:6px;padding:0 4px}
  .wfx-actions{gap:6px;margin:0 auto 0 0}
  .wfx-ddm,.wfx-team,.wfx-sres{position:fixed !important;left:8px !important;right:8px !important;top:58px !important;width:auto !important;max-width:none !important;transform:none !important;max-height:75vh}
  .wfx-search:focus-within{left:4px;right:4px}
  [data-tip]::before{display:none}
}

/* wfx-echeance */
.wfx-ech{cursor:pointer;border-bottom:1px dashed #b9a773}
.wfx-ech:hover{background:#fff6d8}
#wfx_ech_ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2100;display:flex;align-items:center;justify-content:center;padding:12px}
.wfx-ech-box{background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.35);width:480px;max-width:100%;max-height:92vh;overflow:auto}
.wfx-ech-h{background:linear-gradient(90deg,#123833,#27746a);color:#fff;padding:12px 16px;font-weight:700}
.wfx-ech-b{padding:14px 16px}
.wfx-ech-b label{display:block;font-weight:600;margin:12px 0 5px;font-size:13px}
.wfx-ech-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.wfx-ech-chip{border:1px solid #cfc7b0;background:#faf6ec;border-radius:16px;padding:5px 12px;font-size:13px;cursor:pointer}
.wfx-ech-chip.on{background:#27746a;color:#fff;border-color:#27746a}
.wfx-ech-b input[type=datetime-local],.wfx-ech-b textarea{width:100%;border:1px solid #cfc7b0;border-radius:8px;padding:8px;font:inherit}
.wfx-ech-b textarea{height:64px;resize:none}
.wfx-ech-info{background:#e8f3ee;color:#1e6a44;border-radius:8px;padding:8px 10px;font-size:12.5px;margin-top:8px}
.wfx-ech-info.warn{background:#fff3d6;color:#7a5200}
.wfx-ech-chk{display:flex!important;gap:8px;align-items:flex-start}
.wfx-ech-err{color:#b3261e;font-size:12.5px;margin-top:8px;min-height:1em}
.wfx-ech-hist{font-size:12px;color:#555;border-left:3px solid #27746a;padding-left:10px;margin-top:10px}
.wfx-ech-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee}
.wfx-ech-f button{border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer;background:#eee}
.wfx-ech-f .wfx-ech-ok{background:#27746a;color:#fff}.wfx-ech-f .wfx-ech-ok[disabled]{background:#b7c8c4;cursor:not-allowed}

/* wfx-devis : mode Devis de la caisse (01/11/2026) */
html body #wfx_paybar .wfx-modedevis { background: repeating-linear-gradient(45deg, #eceef1, #eceef1 8px, #d9dce1 8px, #d9dce1 16px) !important; color: #374151 !important; border: 1px dashed #6b7280 !important; font-weight: 700 !important; }
html body.wfx-devis-on #wfx_paybar .wfx-modedevis { background: repeating-linear-gradient(45deg, #4b5563, #4b5563 10px, #6b7280 10px, #6b7280 20px) !important; color: #fff !important; border: 1px solid #374151 !important; }
html body #wfx_paybar .wfx-rec-ico { flex: 0 0 auto !important; width: 34px !important; height: 28px !important; min-width: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 14px !important; background: #eceef1 !important; border: 1px solid #d9dce1 !important; color: #6b7280 !important; font-size: 13px !important; }
html body #wfx_paybar .wfx-rec-ico:hover { background: #e2e5ea !important; color: #374151 !important; }
html body #wfx_paybar #wfx_devis_act { display: none; }
html body.wfx-devis-on #wfx_paybar .wfx-pays > .wfx-btn:not(.wfx-dv-btn), html body.wfx-devis-on #wfx_paybar .wfx-pays > .wfx-p-eco, html body.wfx-devis-on #wfx_paybar .wfx-pays > .wfx-p-dist { display: none !important; }
html body.wfx-devis-on #wfx_paybar #wfx_devis_act { display: grid !important; grid-column: 1 / -1; grid-template-columns: 1fr; gap: 6px; }
html body #wfx_paybar .wfx-dv-btn { height: 46px !important; width: 100% !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 14px !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; }
html body #wfx_paybar .wfx-dv-save { background: #4b5563 !important; color: #fff !important; border: 0 !important; }
html body #wfx_paybar .wfx-dv-cancel { background: #fff !important; color: #b3261e !important; border: 1px solid #e2b5b1 !important; }
html body.wfx-devis-on #wfx_paybar [data-wfxk="ann"] { display: none !important; }
html body.wfx-devis-on #wfx_paybar .wfx-total { background: linear-gradient(135deg, #4b5563, #6b7280) !important; box-shadow: none !important; }
html body.wfx-devis-on #wfx_paybar { border-top-color: #6b7280 !important; box-shadow: inset 0 3px 0 #6b7280; }
#wfx_devis_panel { display: none; margin: 0 0 8px; border-radius: 10px; overflow: hidden; border: 1px solid #c9ccd2; background: #f3f4f6; }
body.wfx-devis-on #wfx_devis_panel { display: block; }
#wfx_devis_panel .wfx-dv-band { background: repeating-linear-gradient(45deg, #4b5563, #4b5563 14px, #6b7280 14px, #6b7280 28px); color: #fff; padding: 8px 12px; font-weight: 700; }
#wfx_devis_panel .wfx-dv-band small { font-weight: 400; opacity: .9; }
#wfx_devis_panel .wfx-dv-free { padding: 10px 12px; border: 2px dashed #9ca3af; margin: 8px; border-radius: 10px; background: #fafafa; }
#wfx_devis_panel .wfx-dv-free b { color: #4b5563; }
#wfx_devis_panel .wfx-dv-row { display: grid; grid-template-columns: 1fr 70px 110px auto; gap: 6px; margin-top: 6px; }
#wfx_devis_panel input { border: 1px solid #cfd2d8; border-radius: 8px; padding: 7px 9px; font: inherit; background: #fff; min-width: 0; }
#wfx_devis_panel #wfx_dv_add { background: #6b7280; color: #fff; border: 0; border-radius: 8px; padding: 0 14px; font-weight: 700; cursor: pointer; }
@media (max-width: 640px) { #wfx_devis_panel .wfx-dv-row { grid-template-columns: 1fr 1fr; } #wfx_devis_panel #wfx_dv_name, #wfx_devis_panel #wfx_dv_add { grid-column: 1 / -1; padding: 9px; } }
tr.wfx-hs .wfx-hs-name { font-weight: 700; }
tr.wfx-hs .wfx-hs-tag { font-size: 11px; background: #e5e7eb; color: #4b5563; border-radius: 9px; padding: 1px 7px; font-weight: 700; }
tr.wfx-hs td:first-child > *:not(.wfx-hs-name):not(input):not(textarea) { display: none !important; }

/* wfx-devis2 : suggestions catalogue + alignement de la barre (01/11/2026) */
#wfx_dv_sugg{display:none;margin-top:6px;border:1px solid #cbd0d6;border-radius:8px;background:#fff;overflow:hidden}
#wfx_dv_sugg .wfx-sg-t{padding:6px 10px;font-size:12px;font-weight:700;color:#b3261e;background:#fdecea}
#wfx_dv_sugg .wfx-sg-i{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #eceef1;background:#fff;padding:7px 10px;text-align:left;cursor:pointer;font:inherit}
#wfx_dv_sugg .wfx-sg-i:hover{background:#f1f3f5}
#wfx_dv_sugg .n{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wfx_dv_sugg .s{font-size:11px;font-weight:700;color:#1e6a44;background:#e8f3ee;border-radius:9px;padding:1px 8px}
#wfx_dv_sugg .s.out{color:#b3261e;background:#fdecea}
#wfx_dv_sugg .p{font-weight:700;color:#374151}
#wfx_devis_panel .wfx-dv-hint{font-size:12px;color:#6b7280;margin:2px 0 6px}
@media (min-width:768px){
  #wfx_paybar .wfx-side{display:grid!important;grid-template-rows:59px 55px 55px;row-gap:8px;align-content:start}
  #wfx_paybar .wfx-side>#wfx_canal_row{grid-row:1;height:59px;margin:0}
  #wfx_paybar .wfx-side>#wfx_canal_row>*{height:100%;box-sizing:border-box}
  #wfx_paybar .wfx-small{display:contents!important}
  #wfx_paybar .wfx-small button{width:100%;height:55px;margin:0;box-sizing:border-box;font-size:15px;font-weight:700;border-radius:10px}
  #wfx_paybar .wfx-small button:nth-of-type(1){grid-row:2}
  #wfx_paybar .wfx-small button:nth-of-type(2){grid-row:3}
  body.wfx-devis-on #wfx_paybar .wfx-small button{grid-row:2 / span 2;height:auto}
  body.wfx-devis-on #wfx_paybar #wfx_devis_act{display:grid!important;grid-template-rows:55px 55px;row-gap:8px;column-gap:0;height:118px}
  body.wfx-devis-on #wfx_paybar #wfx_devis_act button{height:55px;width:100%;margin:0;box-sizing:border-box;border-radius:10px}
}

/* wfx-print-nofooter : plus d'adresse de page ni de titre imprimes en bas / en haut du ticket et du devis (01/11/2026) */
@page { margin: 0; }
@media print { #receipt_section { padding: 4mm 3mm; box-sizing: border-box; } }


/* wfx-fiche : saisie feuille de travail */
.wfx-fiche-page .wfx-sec-title{display:flex;align-items:center;gap:8px;margin:18px 0 6px;font-weight:800;font-size:13.5px;color:#27746a;text-transform:uppercase;letter-spacing:.04em}
.wfx-fiche-page .box.wfx-sec{border:1px solid #e3dcc6;border-radius:10px;box-shadow:none;margin-bottom:8px}
.wfx-fiche-bar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:linear-gradient(90deg,#123833,#27746a);color:#fff;padding:10px 14px;border-radius:10px;margin:8px 0}
.wfx-fiche-bar b{font-size:16px}
.wfx-chip{border-radius:14px;padding:3px 11px;font-size:12.5px;font-weight:700;background:#ffffff26;border:1px solid #fff6}
.wfx-chip.wfx-ech{cursor:pointer}.wfx-chip.late{background:#fdecea;color:#b3261e;border-color:#fdecea}
.wfx-creator{background:#fff;color:#123833;border-radius:10px;padding:4px 12px;font-weight:800;font-size:13px}
.wfx-ech-field{cursor:pointer}.wfx-ech-field input,.wfx-ech-field .input-group-addon{pointer-events:none;background:#f1efe7}
.wfx-sticky-actions{position:sticky;bottom:0;z-index:25;background:#f6f1e4;border-top:1px solid #d9d2bb;padding:10px 14px;margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}


/* wfx-contact */
.wfx-canal{margin-bottom:10px}
.wfx-pills{display:flex;flex-wrap:wrap;gap:6px}
.wfx-pills span{border:1px solid #cfc7b0;border-radius:14px;padding:3px 11px;background:#fff;font-weight:600;cursor:pointer;font-size:12px}
.wfx-pills span.on{background:#27746a;color:#fff;border-color:#27746a}
.wfx-typeseg label.radio-inline{border:1px solid #cfc7b0;border-radius:9px;padding:6px 14px;background:#fff;font-weight:700;margin:0 6px 0 0}

.wfx-hide{display:none !important}


/* wfx-v9 : habillage maquette v9 */
.modal-content{border:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.modal-header{background:linear-gradient(90deg,#123833,#27746a);color:#fff;border:0;padding:12px 16px}
.modal-header .modal-title{color:#fff;font-weight:700;font-size:15px}
.modal-header .close{color:#fff;opacity:.9;text-shadow:none}
.modal-footer{background:#fffdf6;border-top:1px solid #ded6bf}
.modal-body .form-control,.modal-body .select2-selection{border-radius:7px;border-color:#cfc7b0}
.modal-body label{font-weight:600;font-size:11.5px;color:#444}
.modal-footer .btn-primary{background:#27746a;border-color:#27746a;border-radius:7px;font-weight:700}
.wfx-fiche-page .box.wfx-sec{border:1px solid #ded6bf;border-radius:12px;box-shadow:none;background:#fff}
.wfx-fiche-page .wfx-sec-title{color:#27746a;letter-spacing:.05em}
.wfx-fiche-page .form-control{border-radius:7px;border-color:#cfc7b0}
.wfx-fiche-page .switch-toggle{display:inline-flex !important;height:auto !important;width:auto !important;float:none !important;padding:0 !important;border:1px solid #cfc7b0;border-radius:7px;overflow:hidden;background:#fff !important;box-shadow:none !important;position:relative}
.wfx-fiche-page .switch-toggle input{position:absolute;opacity:0;pointer-events:none}
.wfx-fiche-page .switch-toggle label{position:static !important;width:auto !important;float:none !important;padding:2px 11px !important;margin:0 !important;background:#fff !important;color:#999 !important;font-weight:700;border-left:1px solid #cfc7b0;text-shadow:none !important;box-shadow:none !important;cursor:pointer;line-height:1.5 !important}
.wfx-fiche-page .switch-toggle label:first-of-type{border-left:0}
.wfx-fiche-page .switch-toggle a{display:none !important}
.wfx-fiche-page .switch-toggle input:nth-of-type(1):checked+label{background:#e8f3ee !important;color:#1e6a44 !important}
.wfx-fiche-page .switch-toggle input:nth-of-type(2):checked+label{background:#fdecea !important;color:#b3261e !important}
.wfx-fiche-page .switch-toggle input:nth-of-type(3):checked+label{background:#eee !important;color:#555 !important}
.wfx-fiche-page fieldset .col-xs-4,.wfx-fiche-page .col-xs-4:has(.switch-toggle){display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e6dfca;padding-top:4px;padding-bottom:4px}

/* wfx-v9b : alignement des lignes de controle */
.wfx-fiche-page fieldset{margin:0}
.wfx-fiche-page .col-xs-4:has(.switch-toggle){padding-left:14px;padding-right:14px}
.wfx-fiche-page .col-xs-4:has(.switch-toggle) legend,.wfx-fiche-page .col-xs-4:has(.switch-toggle) label.control-label{margin:0;border:0;font-size:12px;font-weight:600;width:auto}

/* wfx-v9-cards */
.wfx-card{background:#fff;border:1px solid #ded6bf;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.wfx-card-t{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#27746a;display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:default;list-style:none}
details.wfx-card>summary{cursor:pointer}
.wfx-card-t i{font-style:normal;background:#27746a;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.wfx-card-t small{text-transform:none;letter-spacing:0;color:#777;font-weight:400}
.wfx-card-b{margin:0}
.wfx-sticky-actions .btn{border-radius:7px;font-weight:700}
.wfx-sticky-actions .btn-success{background:#123833;border-color:#123833}
.wfx-sticky-actions .btn-primary{background:#27746a;border-color:#27746a}
.wfx-sticky-actions .btn-info{background:#e3ece9;border-color:#e3ece9;color:#123833}

.wfx-shell{border:0 !important;background:transparent !important;box-shadow:none !important}
.wfx-shell>.box-body{padding:0 !important}
.wfx-card-split .wfx-sec-title{margin:6px 0 4px}

/* wfx-ctl : controle a la reception, boutons alignes */
.wfx-sec3 .append_checklists{display:grid !important;grid-template-columns:repeat(3,1fr);gap:10px 22px;padding:4px 2px 8px}
.wfx-sec3 .append_checklists>.col-xs-4{width:auto !important;float:none !important;padding:0 !important;display:block !important;border:0 !important}
.wfx-sec3 .append_checklists fieldset{display:flex !important;align-items:center;justify-content:space-between;gap:10px;background:#faf6ec;border:1px solid #ece4cf;border-radius:10px;padding:7px 10px;margin:0}
.wfx-sec3 .append_checklists fieldset>label{flex:1;margin:0 !important;font-size:13px;font-weight:600;color:#123833 !important}
.wfx-sec3 .switch-toggle{flex:none;margin:0 !important}
.wfx-sec3 .switch-toggle label{min-width:42px;text-align:center;padding:4px 6px !important;font-size:12px}
.wfx-sec3 .switch-toggle label .font-23{font-size:15px !important}
.wfx-sec3 .box-title,.wfx-sec3 h3,.wfx-sec3 h4{font-size:13px !important;font-weight:600;color:#555}
.wfx-ctl-tools{display:flex;gap:6px;margin:2px 0 8px}
.wfx-ctl-tools span{border:1px solid #cfc7b0;border-radius:14px;padding:3px 12px;background:#fff;font-weight:700;font-size:12px;cursor:pointer;color:#123833}
.wfx-ctl-tools span:hover{background:#e3ece9}
@media(max-width:900px){.wfx-sec3 .append_checklists{grid-template-columns:1fr}}

/* wfx-line : filet vert en haut de chaque section */
.wfx-fiche-page .box.wfx-sec:not(.wfx-shell),.wfx-fiche-page .wfx-card{border-top:3px solid #1f6a5f !important}


/* wfx-uni : polices, cases, couleurs (plus de bleu electrique), champs et menus uniformes */
.wfx-fiche-page, .wfx-fiche-page .select2-container, .wfx-fiche-page .select2-dropdown, .modal .select2-container {
  --wfx-g:#1f6a5f; --wfx-g2:#27746a; --wfx-gd:#123833; --wfx-bd:#cfc7b0; --wfx-r:8px; --wfx-h:36px;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
}
.wfx-fiche-page input.form-control, .wfx-fiche-page select.form-control, .wfx-fiche-page .select2-container--default .select2-selection--single,
.wfx-fiche-page .select2-container--default .select2-selection--multiple, .modal input.form-control, .modal select.form-control, .modal .select2-container--default .select2-selection--single {
  height: var(--wfx-h); border: 1px solid var(--wfx-bd) !important; border-radius: var(--wfx-r) !important; background: #fff; font-size: 13.5px; color: #222; box-shadow: none; padding: 0 10px;
}
.wfx-fiche-page textarea.form-control, .modal textarea.form-control { border: 1px solid var(--wfx-bd); border-radius: var(--wfx-r); font-size: 13.5px; color: #222; box-shadow: none; }
.wfx-fiche-page .select2-container--default .select2-selection--single .select2-selection__rendered, .modal .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(var(--wfx-h) - 2px); color: #222; font-size: 13.5px; padding-left: 2px; }
.wfx-fiche-page .select2-container--default .select2-selection--single .select2-selection__arrow, .modal .select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(var(--wfx-h) - 2px); }
.wfx-fiche-page input.form-control:focus, .wfx-fiche-page select.form-control:focus, .wfx-fiche-page textarea.form-control:focus,
.wfx-fiche-page .select2-container--default.select2-container--focus .select2-selection--single, .wfx-fiche-page .select2-container--default.select2-container--open .select2-selection--single,
.modal input.form-control:focus, .modal select.form-control:focus, .modal textarea.form-control:focus { border-color: var(--wfx-g2) !important; box-shadow: 0 0 0 3px rgba(39,116,106,.18) !important; outline: 0; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted { background: var(--wfx-g2, #27746a) !important; color: #fff !important; }
.select2-dropdown { border: 1px solid #cfc7b0 !important; border-radius: 8px !important; overflow: hidden; font-size: 13.5px; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #cfc7b0; border-radius: 6px; }
.wfx-fiche-page label, .modal label { font-size: 12px; font-weight: 700; color: #123833; letter-spacing: .01em; }
.wfx-fiche-page .input-group .form-control, .wfx-fiche-page .input-group .select2-container { border-radius: var(--wfx-r) 0 0 var(--wfx-r) !important; }
/* boutons : tout en vert, plus de bleu */
.wfx-fiche-page .btn-primary, .wfx-fiche-page .btn-info, .wfx-fiche-page .bg-blue, .wfx-fiche-page .btn-modal, .wfx-fiche-page .input-group-btn .btn, .wfx-fiche-page .input-group-addon .btn, .wfx-fiche-page .input-group-addon,
.modal .btn-primary, .modal .btn-info, .modal .bg-blue { background: var(--wfx-g2, #27746a) !important; border-color: var(--wfx-g2, #27746a) !important; color: #fff !important; border-radius: 8px !important; }
.wfx-fiche-page .input-group-btn .btn, .wfx-fiche-page .input-group-addon { margin-left: 4px; min-width: 36px; height: var(--wfx-h, 36px); border-radius: 8px !important; }
.wfx-fiche-page .btn-primary:hover, .wfx-fiche-page .btn-info:hover, .wfx-fiche-page .input-group-btn .btn:hover, .modal .btn-primary:hover { background: var(--wfx-gd, #123833) !important; border-color: var(--wfx-gd, #123833) !important; }
.wfx-fiche-page a:not(.btn), .modal a:not(.btn):not(.close) { color: #1f6a5f; }
.wfx-fiche-page .text-info, .wfx-fiche-page .fa-info-circle, .wfx-fiche-page .label-info, .wfx-fiche-page .bg-aqua, .wfx-fiche-page .bg-light-blue { color: #1f6a5f !important; background-color: transparent; }
.wfx-fiche-page .label-info, .wfx-fiche-page .bg-aqua { background: #e8f3ee !important; }
/* cases a cocher et radios : meme forme et meme vert */
.wfx-fiche-page input[type=checkbox], .wfx-fiche-page input[type=radio], .modal input[type=checkbox], .modal input[type=radio] { accent-color: #1f6a5f; width: 17px; height: 17px; margin-right: 6px; vertical-align: -3px; cursor: pointer; }
.wfx-fiche-page input[type=checkbox] { border-radius: 5px; }
.wfx-fiche-page .checkbox label, .wfx-fiche-page .radio label, .wfx-fiche-page .wfx-pill { font-size: 13px; font-weight: 600; color: #222; }
.wfx-tech-row { padding: 10px 14px 4px; border-bottom: 1px dashed #cfc7b0; margin-bottom: 8px; }
.wfx-tech-row .form-group { margin-bottom: 6px; }

.wfx-fiche-page .input-group-btn .btn i, .wfx-fiche-page .input-group-btn .btn .fa, .wfx-fiche-page .input-group-addon i, .wfx-fiche-page .input-group-addon .fa, .wfx-fiche-page .btn-primary i, .modal .btn-primary i { color: #fff !important; }
.wfx-fiche-page .box-body > .wfx-tech-row { grid-column: 1 / -1; display: block !important; width: 100%; height: auto !important; min-height: 64px; overflow: visible !important; position: static !important; float: none !important; clear: both; }
.wfx-tech-row > div { float: none; width: 100%; max-width: 420px; }
.wfx-tech-row label { display: block; margin-bottom: 4px; }
.wfx-tech-row .select2-container { width: 100% !important; }

.wfx-fiche-page .btn .text-primary, .wfx-fiche-page .btn i.fa-plus-circle, .modal .btn .text-primary, .modal .btn i.fa-plus-circle, .modal .input-group-btn .btn i { color: #fff !important; }
.modal .input-group-btn .btn.btn-default, .modal .input-group-addon.bg-white, .wfx-fiche-page .btn.bg-white { background: #27746a !important; border-color: #27746a !important; }

/* wfx-v10 */
.wfx-int { margin: 0 0 10px; }
.wfx-int-t { font-size: 12px; font-weight: 700; color: #123833; margin-bottom: 4px; }
.wfx-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.wfx-pill { display: inline-flex; align-items: center; gap: 4px; margin: 0 !important; padding: 5px 10px; border: 1px solid #cfc7b0; border-radius: 999px; background: #fff; cursor: pointer; font-size: 12.5px; font-weight: 600; color: #222; }
.wfx-pill input { display: none; }
.wfx-pill small { color: #666; font-weight: 600; }
.wfx-pill.on { background: #1f6a5f; border-color: #1f6a5f; color: #fff; }
.wfx-pill.on small { color: #d8ece7; }
.wfx-int-hint { font-size: 11.5px; color: #555; margin-top: 5px; }

/* wfx-ctl */
.wfx-ctl-line{font-size:12px;color:#555;margin:2px 0 8px;padding:0 15px;}
.wfx-ctl-line b{color:#123833;}

/* wfx-caisse-mobile : caisse aérée sur smartphone (< 768 px) (15/11/2026)
   Ordre : total à payer, canal + devis/annuler, remise/expédition, moyens de paiement (2 colonnes), Mixte.
   Corrige aussi le pied de panier recouvert par la barre (pos.js lui donne une marge de -30 px sur mobile). */
@media (max-width: 767px) {
    html body:has(#wfx_paybar) .pos_form_totals { margin-bottom: 0 !important; }
    html body:has(#wfx_paybar) .pos_form_totals table { margin-bottom: 4px !important; }
    html body:has(#wfx_paybar) .pos_form_totals td { padding: 8px 6px !important; font-size: 14px; }
    html body:has(#wfx_paybar) [class*="col-md-7"] > .box { margin-bottom: 0 !important; }
    html body:has(#wfx_paybar) [class*="col-md-7"] > .box > .box-body { padding: 12px 12px 4px !important; }

    /* panier : colonnes moins serrées */
    html body #pos_table > thead > tr > th { font-size: 12.5px !important; padding: 8px 4px !important; vertical-align: middle !important; line-height: 1.2; }
    html body #pos_table > tbody > tr > td { padding: 10px 4px !important; vertical-align: middle !important; }
    html body #pos_table { table-layout: fixed; width: 100% !important; }
    html body #pos_table > thead > tr > th:nth-child(1) { width: 26%; }
    html body #pos_table > thead > tr > th:nth-child(2) { width: 30%; }
    html body #pos_table > thead > tr > th:nth-last-child(3) { width: 18%; }
    html body #pos_table > thead > tr > th:nth-last-child(2) { width: 18%; }
    html body #pos_table > thead > tr > th:last-child { width: 32px; }
    html body #pos_table > tbody > tr > td:first-child { font-size: 14px; line-height: 1.3; overflow-wrap: break-word; }
    html body #pos_table > tbody > tr > td:last-child { padding: 10px 0 !important; text-align: center; }
    html body #pos_table .input-group.input-number { display: flex !important; width: 100%; min-width: 0; }
    html body #pos_table .input-group.input-number .input-group-btn { width: auto; display: flex; }
    html body #pos_table .input-group.input-number .btn { width: 30px; padding: 0 !important; height: 40px; }
    html body #pos_table .input-group.input-number .form-control { flex: 1 1 0; min-width: 0; width: auto !important; height: 40px; padding: 0 2px !important; text-align: center; }
    html body #pos_table input.pos_unit_price_inc_tax, html body #pos_table input.pos_line_total { height: 40px; padding: 0 3px !important; text-align: center; min-width: 0; }
    html body #pos_table input.pos_line_total { font-size: 13px; }
    @media (max-width: 400px) { html body #pos_table .input-group.input-number .btn { width: 26px; } }

    /* barre de paiement : une colonne, sections espacées */
    html body #wfx_paybar { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 14px !important; padding: 14px 12px !important; margin: 14px 0 12px !important; }
    html body #wfx_paybar > * { flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }

    /* 1. total à payer en premier, En attente / Crédit à côté */
    html body #wfx_paybar .wfx-tot-wrap { order: 1 !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 8px !important; }
    html body #wfx_paybar .wfx-tot-wrap .wfx-total { order: 1; flex: 1 1 auto !important; height: auto !important; min-height: 64px !important; padding: 8px 14px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 8px; text-align: left !important; border-bottom: 0 !important; }
    html body #wfx_paybar .wfx-tot-wrap .wfx-total small { font-size: 11px !important; letter-spacing: 1px !important; line-height: 1.2; max-width: 70px; }
    html body #wfx_paybar .wfx-tot-wrap .wfx-total span { font-size: 30px !important; line-height: 1 !important; white-space: nowrap; }
    html body #wfx_paybar .wfx-tot-ico { order: 2; flex: 0 0 auto !important; height: auto !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
    html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn { flex: 1 1 0 !important; width: 52px !important; height: auto !important; min-height: 29px; }
    html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn i { font-size: 17px !important; }
    html body #wfx_paybar .wfx-tot-ico .wfx-ico-btn i.fa-lock { margin-top: 4px !important; }

    /* 2. canal de vente, vendeur, Mode devis / Annuler */
    html body #wfx_paybar .wfx-side { order: 2 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
    html body #wfx_paybar .wfx-canal-row { gap: 8px !important; }
    html body #wfx_paybar .wfx-canal-row > *, html body #wfx_paybar .wfx-seller-sel { height: 48px !important; min-height: 48px !important; }
    html body #wfx_paybar .wfx-small { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    html body #wfx_paybar .wfx-small button { height: 44px !important; min-height: 44px !important; font-size: 14px !important; padding: 0 8px !important; border-radius: 10px !important; overflow: hidden; text-overflow: ellipsis; }

    /* 3. remise / expédition, puis 4. paiements sur 2 colonnes égales */
    html body #wfx_paybar .wfx-pays { order: 3 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 8px !important; }
    html body #wfx_paybar .wfx-pays > * { grid-column: auto !important; min-width: 0 !important; }
    html body #wfx_paybar .wfx-pays > .wfx-adjust { order: 0 !important; grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px !important; gap: 8px !important; padding: 0 0 12px !important; margin: 0 0 2px !important; border-bottom: 1px dashed #d5dbe1 !important; }
    html body #wfx_paybar .wfx-adjust #wfx_adj_shipping { grid-column: 2 / 4; }
    html body #wfx_paybar .wfx-adjust .wfx-adj { width: 100%; height: 44px !important; min-height: 44px !important; padding: 0 6px !important; font-size: 14px !important; }
    html body #wfx_paybar .wfx-adjust .wfx-round { grid-column: 1 / 3; grid-row: 2; justify-content: center; margin: 0 !important; height: 34px; padding: 0 12px !important; }
    html body #wfx_paybar .wfx-adjust .wfx-rec-ico { grid-column: 3; grid-row: 2; width: 44px !important; height: 34px !important; border-radius: 999px !important; }
    html body #wfx_paybar .wfx-pays > .wfx-btn, html body #wfx_paybar .wfx-pays > div > .wfx-btn { height: 56px !important; min-height: 56px !important; width: 100% !important; flex-direction: row !important; gap: 8px !important; padding: 0 8px !important; font-size: 15px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    html body #wfx_paybar .wfx-pays .wfx-btn i { font-size: 18px !important; }
    html body #wfx_paybar .wfx-pays > #wfx_cash_btn { order: 1 !important; }
    html body #wfx_paybar .wfx-pays > .wfx-btn.big.card { order: 2 !important; }
    html body #wfx_paybar .wfx-pays > .wfx-btn.mid, html body #wfx_paybar .wfx-pays > .wfx-p-payconiq { order: 3 !important; }
    html body #wfx_paybar .wfx-pays > .wfx-p-eco { order: 4 !important; }
    html body #wfx_paybar .wfx-pays > .wfx-p-dist { order: 5 !important; }
    html body #wfx_paybar .wfx-pays > [data-wfx-group] { position: relative; display: block !important; }
    html body #wfx_paybar .wfx-pays > [data-wfx-group][style*="none"] { display: none !important; }
    html body #wfx_paybar .wfx-pays > .wfx-btn.mixed { order: 6 !important; grid-column: 1 / -1 !important; height: 46px !important; min-height: 46px !important; }
    html body #wfx_paybar .wfx-pays > #wfx_devis_act { order: 7 !important; grid-column: 1 / -1 !important; }
    html body #wfx_paybar .wfx-menu { bottom: 62px !important; left: 0 !important; right: auto !important; min-width: 180px !important; }
    html body #wfx_paybar .wfx-pays > [data-wfx-group]:nth-of-type(even) .wfx-menu { left: auto !important; right: 0 !important; }
}

/* wfx-ventes-v2 : liste des ventes et fiche vente (15/11/2026) */
/* panneau d'actions (bouton … de chaque vente) */
html body .wfx-vact-fond { position: fixed; inset: 0; z-index: 2040; background: transparent; }
html body .wfx-vact { position: fixed; z-index: 2050; width: 280px; max-height: calc(100vh - 16px); overflow-y: auto; background: #fff; border: 1px solid #e3e7ee; border-radius: 14px; box-shadow: 0 14px 40px rgba(16, 24, 40, .20); padding: 6px; font-size: 13.5px; }
html body .wfx-vact-tete { display: none; }
html body .wfx-vact-grp { padding: 4px 0; }
html body .wfx-vact-grp + .wfx-vact-grp { border-top: 1px solid #eef1f5; }
html body .wfx-vact-lib { font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #8d96a6; padding: 4px 10px 2px; }
html body .wfx-vact a.wfx-vact-it { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; color: #2b3240; font-weight: 600; text-decoration: none; }
html body .wfx-vact a.wfx-vact-it:hover, html body .wfx-vact a.wfx-vact-it:focus { background: #f3f7fd; color: #2a78d6; outline: none; }
html body .wfx-vact a.wfx-vact-it i { color: #8d96a6; width: 16px; text-align: center; }
html body .wfx-vact .g-suppr a.wfx-vact-it, html body .wfx-vact .g-suppr a.wfx-vact-it i { color: #b42c2c; }
html body .wfx-vact .g-suppr a.wfx-vact-it:hover { background: #fdeeee; }
html body .wfx-vact-fermer { display: none; }
/* bouton … compact */
html body #sell_table .wfx-vact-btn { width: 34px; height: 30px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 8px !important; font-size: 14px !important; }
html body #sell_table td[data-col="action"] .dropdown-menu { display: none !important; }
/* ordinateur : montants alignes a droite, total en gras */
html body #sell_table td[data-col="final_total"], html body #sell_table td[data-col="total_paid"], html body #sell_table td[data-col="total_remaining"], html body #sell_table td[data-col="return_due"] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
html body #sell_table td[data-col="final_total"] { font-weight: 800; color: #1d2433; }
html body #sell_table td[data-col="invoice_no"] { font-weight: 600; color: #3c4452; white-space: nowrap; }
html body #sell_table td[data-col="conatct_name"] { font-weight: 600; }
html body #sell_table td[data-col="transaction_date"], html body #sell_table td[data-col="mobile"], html body #sell_table td[data-col="added_by"] { color: #596273; white-space: nowrap; }

@media (max-width: 767px) {
    /* panneau d'actions en bas de l'ecran */
    html body .wfx-vact-fond { background: rgba(16, 24, 40, .45); }
    html body .wfx-vact { left: 8px !important; right: 8px !important; top: auto !important; bottom: 8px; width: auto; max-height: 78vh; padding: 8px 8px 10px; border-radius: 18px; font-size: 15px; animation: wfxActUp .16s ease-out; }
    @keyframes wfxActUp { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
    html body .wfx-vact-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 10px 10px; border-bottom: 1px solid #eef1f5; }
    html body .wfx-vact-tete b { font-size: 15px; color: #1d2433; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html body .wfx-vact-tete span { font-weight: 800; color: #1d2433; white-space: nowrap; }
    html body .wfx-vact a.wfx-vact-it { min-height: 46px; padding: 10px 12px; }
    html body .wfx-vact-fermer { display: block; width: 100%; margin-top: 6px; min-height: 46px; border: 1px solid #d5dae2; border-radius: 12px; background: #fff; font-weight: 700; color: #3c4452; }

    /* filtres : sur deux colonnes, client et vendeur en pleine largeur */
    html body .wfx-pg-filtres #wfx_v_ps, html body .wfx-pg-filtres #wfx_v_mode { flex: 1 1 calc(50% - 8px); min-width: 0; }
    html body .wfx-pg-filtres .wfx-sel { flex: 1 1 100%; }
    html body .wfx-pg-filtres .wfx-sel .lab { flex: 0 0 72px; }
    html body .wfx-pg-filtres .wfx-sel .select2-container { flex: 1 1 auto; width: auto !important; max-width: none !important; min-width: 0 !important; }
    html body .wfx-pg-filtres .sep { display: none; }

    /* tuile de vente compacte */
    html body .wfx-cartes #sell_table tbody tr { display: grid !important; grid-template-columns: minmax(0, 1fr) auto 38px; column-gap: 10px; align-items: center; padding: 12px 10px 12px 14px !important; cursor: pointer; }
    html body .wfx-cartes #sell_table tbody tr > td { grid-column: 1 / -1; font-size: 12.5px; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col] { padding: 1px 0 !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"], html body .wfx-cartes #sell_table tbody tr > td[data-col="invoice_no"], html body .wfx-cartes #sell_table tbody tr > td[data-col="transaction_date"], html body .wfx-cartes #sell_table tbody tr > td[data-col="mobile"], html body .wfx-cartes #sell_table tbody tr > td[data-col="business_location"] { grid-column: 1; justify-content: flex-start; text-align: left; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; display: block; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="final_total"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_status"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_methods"], html body .wfx-cartes #sell_table tbody tr > td[data-col="added_by"], html body .wfx-cartes #sell_table tbody tr > td[data-col="total_remaining"] { grid-column: 2; justify-content: flex-end; text-align: right; display: block; white-space: nowrap !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"], html body .wfx-cartes #sell_table tbody tr > td[data-col="final_total"] { grid-row: 1; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="invoice_no"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_status"] { grid-row: 2; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="transaction_date"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_methods"] { grid-row: 3; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="mobile"], html body .wfx-cartes #sell_table tbody tr > td[data-col="added_by"] { grid-row: 4; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="business_location"], html body .wfx-cartes #sell_table tbody tr > td[data-col="total_remaining"] { grid-row: 5; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="action"] { grid-column: 3; grid-row: 1 / span 2; align-self: start; justify-content: center; padding: 0 !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="action"] .wfx-vact-btn { width: 36px; height: 36px; border-radius: 10px !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"], html body .wfx-cartes #sell_table tbody tr > td[data-col="invoice_no"], html body .wfx-cartes #sell_table tbody tr > td[data-col="final_total"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_status"], html body .wfx-cartes #sell_table tbody tr > td[data-col="action"] { }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="invoice_no"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="final_total"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_status"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_methods"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="total_remaining"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="action"]:before { content: none !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="transaction_date"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="mobile"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="added_by"]:before, html body .wfx-cartes #sell_table tbody tr > td[data-col="business_location"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10.5px; letter-spacing: 0; text-transform: none; color: #a3abb8; margin-right: 6px; display: inline; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="transaction_date"]:before { content: "\f017" !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="mobile"]:before { content: "\f095" !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="added_by"]:before { content: "\f007" !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="business_location"]:before { content: "\f54e" !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="total_remaining"] { color: #b42c2c; font-weight: 700; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"] { font-size: 15.5px !important; font-weight: 700; color: #1d2433; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="conatct_name"] * { font-size: inherit !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="final_total"] { font-size: 16.5px !important; font-weight: 800; color: #1d2433; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="invoice_no"] { color: #596273; font-weight: 600; margin-bottom: 4px !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="transaction_date"], html body .wfx-cartes #sell_table tbody tr > td[data-col="mobile"], html body .wfx-cartes #sell_table tbody tr > td[data-col="added_by"], html body .wfx-cartes #sell_table tbody tr > td[data-col="business_location"], html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_methods"] { color: #596273; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_status"] { margin-bottom: 4px !important; }
    html body .wfx-cartes #sell_table tbody tr > td[data-col="payment_methods"] { font-weight: 600; color: #3c4452; }
}

/* fiche vente (fenetre « Voir ») : lignes a zero et notes vides masquees, tableaux en cartes sur smartphone */
html body .wfx-vente-detail .wfx-zero, html body .wfx-vente-detail .wfx-vide-note { display: none !important; }
html body .wfx-vente-detail .modal-content { border-radius: 14px; overflow: hidden; }
html body .wfx-vente-detail .modal-header, html body .wfx-vente-detail .modal-header .modal-title { color: #1d2433 !important; background: #fff !important; }
html body .wfx-vente-detail .modal-header .close { color: #1d2433 !important; opacity: .6; }
html body .wfx-cartes #sell_table tbody tr > td.wfx-vide { display: none !important; }
html body .wfx-vente-detail table.bg-gray tr.bg-green th, html body .wfx-vente-detail table.bg-gray tr.bg-green { background: #f3f5f8 !important; color: #596273 !important; font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; border: 0 !important; }
html body .wfx-vente-detail table.bg-gray { background: #fff !important; border: 1px solid #e9edf2; border-radius: 10px; overflow: hidden; border-collapse: separate; border-spacing: 0; }
html body .wfx-vente-detail table.bg-gray td, html body .wfx-vente-detail table.bg-gray th { border-color: #eef1f5 !important; }
html body .wfx-vente-detail .wfx-tot tr:last-child th, html body .wfx-vente-detail .wfx-tot tr.wfx-apayer th, html body .wfx-vente-detail .wfx-tot tr.wfx-apayer td { font-weight: 800; color: #1d2433; }
@media (max-width: 767px) {
    html body .modal-dialog.wfx-vente-detail { width: auto !important; margin: 0 !important; }
    html body .wfx-vente-detail .modal-content { border-radius: 0; min-height: 100vh; border: 0; }
    html body .wfx-vente-detail .modal-header { position: sticky; top: 0; z-index: 3; background: #fff; padding: 12px 14px; }
    html body .wfx-vente-detail .modal-title { font-size: 16px; font-weight: 800; padding-right: 30px; }
    html body .wfx-vente-detail .modal-body { padding: 12px 14px; }
    html body .wfx-vente-detail .modal-body h4 { font-size: 15px; font-weight: 800; margin: 14px 0 8px; }
    html body .wfx-vente-detail .table-responsive { border: 0; overflow: visible; margin-bottom: 8px; }
    html body .wfx-vente-detail .modal-footer { position: sticky; bottom: 0; z-index: 3; background: #fff; display: flex; gap: 8px; padding: 10px 14px; }
    html body .wfx-vente-detail .modal-footer:before, html body .wfx-vente-detail .modal-footer:after { display: none !important; }
    html body .wfx-vente-detail .modal-footer > * { margin: 0 !important; width: 100%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: normal; border-radius: 10px; }
    html body .wfx-vente-detail .modal-footer > * { flex: 1 1 0; }
    /* tableaux produits et paiements : une carte par ligne */
    html body .wfx-vente-detail table.wfx-tcarte, html body .wfx-vente-detail table.wfx-tcarte tbody { display: block; width: 100%; border: 0; }
    html body .wfx-vente-detail table.wfx-tcarte tr.wfx-entete { display: none !important; }
    html body .wfx-vente-detail table.wfx-tcarte tr { display: block; border: 1px solid #e9edf2; border-radius: 10px; padding: 8px 12px; margin-bottom: 8px; background: #fff; }
    html body .wfx-vente-detail table.wfx-tcarte td { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0 !important; border: 0 !important; text-align: right; white-space: normal !important; overflow-wrap: anywhere; font-size: 13.5px; }
    html body .wfx-vente-detail table.wfx-tcarte td:before { content: attr(data-label); flex: 0 0 auto; max-width: 45%; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #8d96a6; padding-top: 2px; }
    html body .wfx-vente-detail table.wfx-tcarte td.wfx-premier { display: block; text-align: left; font-weight: 700; font-size: 14.5px; color: #1d2433; padding-bottom: 6px !important; }
    html body .wfx-vente-detail table.wfx-tcarte td.wfx-premier:before { content: none; }
    html body .wfx-vente-detail table.wfx-tcarte td.wfx-num, html body .wfx-vente-detail table.wfx-tcarte td.wfx-vide { display: none; }
    html body .wfx-vente-detail .wfx-tot th, html body .wfx-vente-detail .wfx-tot td { padding: 8px 10px !important; font-size: 14px; }
}

html body .wfx-vente-detail .wfx-tot td strong small { margin-right: 6px; color: #8d96a6; }
html body .wfx-vente-detail .modal-footer a.print-invoice[data-href*="package_slip"] { display: none !important; }