/* ============================================================
   STARNET-THEME.CSS — Version finale propre
   CSS only — CakePHP intact
   Couleurs: #00162E / #002F63 / #3A76BB / #2a5a9a
   Police: Source Sans Pro
============================================================ */

/* ── RESET DE BASE ── */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !important;
    background: #e8e8e8 !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bg4 { background: none !important; background-image: none !important; }

/* ── CACHER ANCIEN HEADER + QUICK MENU ── */
header { display: none !important; }
#advanced { display: none !important; }

/* ══════════════════════════════════════════
   TOPBAR BLEUE FONCÉE
══════════════════════════════════════════ */
.sv-topbar {
    background-color: #000408 !important;
    background-image: url('/img/Starview-dotted-blue-back.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100% !important;
    display: block !important;
}
.sv-topbar-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 6px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.sv-topbar-left { display: flex !important; align-items: center !important; gap: 6px !important; }
.sv-social-link { display: flex !important; align-items: center !important; opacity: .7 !important; }
.sv-social-link:hover { opacity: 1 !important; }
.sv-social-link img { width: 26px !important; height: auto !important; display: block !important; }
.sv-topbar-right { display: flex !important; align-items: center !important; gap: 16px !important; }
.sv-toll { font-size: 12px !important; color: rgba(255,255,255,.65) !important; }
.sv-starnet-link {
    font-size: 12px !important; color: rgba(255,255,255,.65) !important;
    text-decoration: none !important; display: flex !important; align-items: center !important; gap: 4px !important;
}
.sv-starnet-link:hover { color: #fff !important; }
.sv-starnet-link img { width: 13px !important; height: auto !important; opacity: .6 !important; }

/* ══════════════════════════════════════════
   RANGÉE LOGO BLANCHE
══════════════════════════════════════════ */
.sv-logo-row {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
    padding: 0 !important;
}
.sv-logo-row a {
    display: block !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 10px 24px 8px !important;
    line-height: 0 !important;
}
.sv-logo { height: 56px !important; width: auto !important; display: block !important; }

/* ══════════════════════════════════════════
   MENU BLEU
══════════════════════════════════════════ */
.sv-navmenu {
    background: #2a5a9a !important;
    background-image: none !important;
    border-bottom: 3px solid #1a3a6a !important;
    width: 100% !important;
    display: block !important;
}
.sv-navmenu ul {
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: stretch !important;
    max-width: 1100px !important;
}
.sv-navmenu ul li {
    position: relative !important;
    display: block !important;
    margin: 0 !important; padding: 0 !important;
    background: none !important; float: none !important;
}
.sv-navmenu ul li > a {
    display: flex !important; align-items: center !important;
    padding: 12px 16px !important;
    font-size: 11px !important; letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.85) !important; font-weight: 600 !important;
    text-decoration: none !important; white-space: nowrap !important;
    border-bottom: 3px solid transparent !important; margin-bottom: -3px !important;
    background: none !important; background-image: none !important;
    transition: background .15s !important;
}
.sv-navmenu ul li > a:hover { background-color: rgba(0,0,0,.15) !important; color: #fff !important; }
.sv-navmenu ul li a.logout-link { color: #ffb3b3 !important; }
/* Sous-menus */
.sv-navmenu ul li ul {
    display: none !important; position: absolute !important;
    top: 100% !important; left: 0 !important;
    background: #0d2540 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    min-width: 200px !important; z-index: 1000 !important;
    flex-direction: column !important; padding: 0 !important;
}
.sv-navmenu ul li:hover > ul { display: flex !important; }
.sv-navmenu ul li ul li > a {
    padding: 9px 16px !important; font-size: 12px !important;
    color: rgba(255,255,255,.8) !important; border: none !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    text-transform: none !important; font-weight: 400 !important;
}
.sv-navmenu ul li ul li > a:hover { background: rgba(255,255,255,.1) !important; }

/* ══════════════════════════════════════════
   HERO BANNER
══════════════════════════════════════════ */
.sv-hero {
    background-color: #000408 !important;
    background-image: url('/img/Starview-dotted-blue-back.jpg') !important;
    background-size: cover !important; background-position: center !important;
    min-height: 110px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    position: relative !important;
}
.sv-hero-overlay {
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(to bottom, rgba(0,4,8,.5), rgba(0,22,46,.78)) !important;
}
.sv-hero-content {
    position: relative !important; z-index: 2 !important;
    text-align: center !important; padding: 16px !important;
}
.sv-hero-eyebrow {
    font-size: 10px !important; color: rgba(255,255,255,.55) !important;
    letter-spacing: .18em !important; text-transform: uppercase !important; margin-bottom: 5px !important;
}
.sv-hero h1 {
    font-size: 32px !important; font-weight: 400 !important;
    color: #fff !important; letter-spacing: .05em !important;
    margin: 0 !important; text-shadow: none !important; border: none !important;
    text-align: center !important;
}
.sv-hero-sep {
    width: 32px !important; height: 1px !important;
    background: rgba(255,255,255,.4) !important; margin: 8px auto 0 !important;
}

/* ══════════════════════════════════════════
   BREADCRUMB
══════════════════════════════════════════ */
#breadcrumb-box, .breadcrumb {
    background: #f5f5f5 !important; border-bottom: 1px solid #ddd !important;
    padding: 7px 24px !important; font-size: 11px !important;
    color: #888 !important; margin: 0 !important; border-radius: 0 !important;
}
#breadcrumb-box a, .breadcrumb a { color: #888 !important; text-decoration: none !important; }
.color-1 { color: #002F63 !important; font-weight: 600 !important; }

/* ══════════════════════════════════════════
   CONTENU PRINCIPAL
══════════════════════════════════════════ */
#content, section#content, .content {
    background: #f0f0f0 !important; background-image: none !important;
}
.main-center {
    background: transparent !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 24px 24px 48px !important;
}
.paddingcs2 { padding: 0 !important; width: 100% !important; }

/* ══════════════════════════════════════════
   LOGIN — 2 COLONNES (page-login seulement)
══════════════════════════════════════════ */
.container_24 {
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.container_24 .grid_17 {
    width: 100% !important;
    float: none !important;
    display: block !important;
}
.container_24 .prefix_Clients {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
}

/* Wrapper par défaut — block normal */
div.container_24 > div.wrapper {
    width: 100% !important;
    display: block !important;
    float: none !important;
    overflow: hidden !important;
}

/* 2 colonnes SEULEMENT sur .page-login */
body.page-login div.container_24 > div.wrapper {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}
body.page-login div.container_24 > div.wrapper > div.wrapper {
    display: table-cell !important;
    width: 50% !important;
    vertical-align: top !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
}
body.page-login div.container_24 > div.wrapper > div[class="wrapper "] {
    display: table-cell !important;
    width: 50% !important;
    vertical-align: top !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* ══════════════════════════════════════════
   PAGE DISTRIBUTEUR — Welcome + Tabs pleine largeur
══════════════════════════════════════════ */

/* Cacher bouton logout dans contenu */
.conteneur-bouton-secure { display: none !important; }

/* Page home distributeur — wrapper pleine largeur */
body.page-home .container_24 > .wrapper > .wrapper,
body.page-home .container_24 > .wrapper > div[class="wrapper "],
body.page-docs .container_24 > .wrapper > .wrapper,
body.page-docs .container_24 > .wrapper > div[class="wrapper "] {
    width: 100% !important;
    display: block !important;
    float: none !important;
}

/* Welcome box */
.color-10B.aligne-centre {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #002F63 !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    text-shadow: none !important;
}
.justifier.p2.color-2.bold-text,
.justifier.color-2.bold-text {
    font-size: 15px !important;
    color: #4D4D4D !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    text-align: left !important;
    font-style: normal !important;
}
#TitleTop, .TitleTop {
    padding: 16px 0 12px !important; margin: 0 !important;
}
#TitleTop h4, .TitleTop h4, h4.color-7, .color-7 {
    font-size: 10px !important; letter-spacing: .16em !important;
    text-transform: uppercase !important; color: #3A76BB !important;
    font-weight: 700 !important; text-shadow: none !important; border: none !important;
}
#TitleTop h5, .TitleTop h5 {
    font-size: 13px !important; color: #737373 !important; font-weight: 400 !important;
}

/* ── Bloc info gauche ── */
.click-productbackB2 {
    background: #EBF2FA !important;
    border-left: 3px solid #3A76BB !important;
    padding: 16px 18px !important; border-radius: 0 !important;
}
.click-productbackB2 p,
.click-productbackB2 blockquote p {
    font-size: 14px !important; color: #4D4D4D !important;
    line-height: 1.75 !important; font-weight: 400 !important;
    text-align: left !important; font-style: normal !important;
}
.click-productbackB2 blockquote {
    background: transparent !important; border: none !important;
    padding: 0 !important; margin: 8px 0 0 !important;
}

/* ── Carte login droite ── */
.log-popup {
    background: #fff !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 0 !important; overflow: hidden !important;
    padding: 0 !important; margin: 0 !important;
    box-shadow: 0 2px 10px rgba(0,22,46,.1) !important;
    text-align: left !important;
    width: auto !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    background-image: none !important;
}
.log-popup h5.color-10B {
    background-color: #000408 !important;
    background-image: url('/img/Starview-dotted-blue-back.jpg') !important;
    background-size: cover !important;
    color: rgba(255,255,255,.85) !important; font-size: 11px !important;
    letter-spacing: .14em !important; text-transform: uppercase !important;
    font-weight: 400 !important; padding: 14px 20px !important;
    margin: 0 !important; text-shadow: none !important; border: none !important;
    display: flex !important; align-items: center !important; gap: 8px !important;
}
.inputlabel {
    font-size: 10px !important; letter-spacing: .1em !important;
    text-transform: uppercase !important; color: #737373 !important;
    font-weight: 700 !important; margin: 14px 20px 5px !important;
    display: block !important;
}
.login-field {
    background: #f7f5f2 !important; border: 1px solid #c8c4be !important;
    margin: 0 20px 14px !important; padding: 0 !important;
    float: none !important; width: auto !important;
    border-radius: 0 !important; -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}
.login-field input[type="text"],
.login-field input[type="password"] {
    width: 100% !important; height: 38px !important;
    background: transparent !important; border: none !important;
    color: #00162E !important; font-size: 13px !important;
    padding: 0 11px !important; font-weight: 400 !important;
}
.conteneur-bouton-log {
    margin: 4px 20px 14px !important; float: none !important; width: auto !important;
}
.conteneur-bouton-log a {
    display: block !important; width: 100% !important; height: 42px !important;
    background: #002F63 !important; text-align: center !important;
    line-height: 42px !important; text-decoration: none !important;
}
.conteneur-bouton-log a:hover { background: #0055B3 !important; }
.conteneur-bouton-log img { opacity: 0 !important; height: 0 !important; width: 0 !important; }
.conteneur-bouton-log a::after {
    content: 'LOG IN' !important; font-size: 11px !important;
    letter-spacing: .13em !important; color: #fff !important;
    font-weight: 700 !important; display: block !important; margin-top: -42px !important;
}
.aligne-centre { text-align: center !important; padding: 0 20px 14px !important; }
.aligne-centre p, .aligne-centre p0 {
    font-size: 13px !important; color: #737373 !important;
    line-height: 1.65 !important; display: block !important; margin-bottom: 10px !important;
}
.aligne-centre a, .aligne-centre .link-6 { color: #0055B3 !important; text-decoration: none !important; }
.message {
    background: #fdf0f0 !important; border: 1px solid #f0c8c8 !important;
    color: #a32d2d !important; font-size: 13px !important; font-weight: 600 !important;
    padding: 10px 16px !important; margin: 12px 20px !important; text-align: center !important;
}

/* ══════════════════════════════════════════
   TABS DISTRIBUTEUR
══════════════════════════════════════════ */
ul.nav.nav-tabs, .tabs ul {
    list-style: none !important; display: flex !important;
    padding: 0 !important; margin: 0 !important; gap: 2px !important; border: none !important;
}
ul.nav.nav-tabs > li, .tabs li {
    margin: 0 !important; float: none !important; background: none !important;
}
ul.nav.nav-tabs > li > a, .tabs li a {
    display: block !important; padding: 12px 20px !important;
    font-size: 13px !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: .04em !important;
    text-decoration: none !important; color: #fff !important;
    background-color: #4a4a4a !important; background-image: none !important;
    border: none !important; border-radius: 0 !important;
    line-height: 1.5 !important; white-space: nowrap !important;
    text-shadow: none !important; box-shadow: none !important;
}
ul.nav.nav-tabs > li > a:hover, .tabs li a:hover { background-color: #555 !important; }
ul.nav.nav-tabs > li.active > a,
ul.nav.nav-tabs > li.active > a:hover,
ul.nav.nav-tabs > li.active > a:focus,
.tabs .selected a, .tabs li.selected a {
    background-color: #1e3a6e !important; color: #fff !important;
    border: none !important; border-radius: 0 !important;
    text-shadow: none !important; box-shadow: none !important;
}
.tab-content, .tabs .tab-content .inner {
    background: #fff !important; border: 1px solid #ccc !important;
    border-radius: 0 !important; padding: 24px !important; box-shadow: none !important;
}
.tab-content h2, .tabs .tab-content h2, .couleur-bleu {
    color: #3A76BB !important; font-size: 18px !important;
    font-weight: 700 !important; margin-bottom: 10px !important; text-shadow: none !important;
}
.tab-content p { font-size: 15px !important; color: #4D4D4D !important; line-height: 1.75 !important; margin-bottom: 12px !important; }
.buttonC, .buttonD {
    background: #3A76BB !important; border: 1px solid #3A76BB !important;
    color: #fff !important; font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
    padding: 9px 20px !important; box-shadow: none !important; text-shadow: none !important;
    border-radius: 0 !important; float: right !important; text-decoration: none !important;
    display: inline-block !important; background-image: none !important;
    transition: all .15s !important;
}
.buttonC:hover, .buttonD:hover {
    background: #002F63 !important;
    color: #fff !important;
    border-color: #002F63 !important;
    background-image: none !important;
}

/* Cacher TitleTop résiduel sur page distributeur */
body.page-home #TitleTop,
body.page-home .TitleTop,
body.page-docs #TitleTop,
body.page-docs .TitleTop,
body.page-other #TitleTop,
body.page-other .TitleTop {
    display: none !important;
}

/* ══════════════════════════════════════════
   JTABLE
══════════════════════════════════════════ */
.jtable-main-container {
    border: 1px solid #D6D6D6 !important; border-radius: 0 !important;
    overflow: hidden !important; font-family: 'Source Sans Pro', Arial, sans-serif !important;
}
.jtable-title {
    background: #2a5a9a !important; color: #fff !important;
    font-size: 13px !important; font-weight: 700 !important;
    padding: 10px 14px !important; border: none !important; text-shadow: none !important;
}
.jtable-title-text { color: #fff !important; }
.jtable-toolbar { background: #2a5a9a !important; padding: 10px 14px !important; float: right !important; margin-top: -42px !important; }
.jtable-toolbar-item a {
    background: rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.3) !important;
    color: #fff !important; font-size: 10px !important; padding: 5px 12px !important;
    font-weight: 700 !important; text-decoration: none !important; text-transform: uppercase !important;
}
.jtable-column-header {
    background: #e8f0f8 !important; border-bottom: 2px solid #3A76BB !important;
    padding: 9px 8px !important; font-size: 10px !important; letter-spacing: .06em !important;
    text-transform: uppercase !important; color: #002F63 !important;
    font-weight: 700 !important; text-shadow: none !important; white-space: nowrap !important;
}
.jtable-column-header-text { color: #002F63 !important; }
.jtable-data-row { background: #fff !important; border-bottom: 1px solid #ebebeb !important; }
.jtable-data-row:hover { background: #f4f8fd !important; }
.jtable-data-row td {
    padding: 7px 8px !important; font-size: 12px !important;
    color: #00162E !important; font-weight: 500 !important;
    border: none !important; border-bottom: 1px solid #ebebeb !important; vertical-align: middle !important;
}
.jtable-page-list { background: #2a5a9a !important; padding: 8px 14px !important; border: none !important; }
.jtable-page-number a, .jtable-page-number-space { color: rgba(255,255,255,.75) !important; font-size: 11px !important; }
.jtable-page-number-selected a { color: #fff !important; font-weight: 700 !important; background: rgba(255,255,255,.15) !important; }
.jtable-right-area { color: rgba(255,255,255,.75) !important; font-size: 11px !important; }
.jtable-command-button, .jtable-edit-command-button, .jtable-delete-command-button {
    width: 24px !important; height: 24px !important; border: 1px solid !important;
    cursor: pointer !important; display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    margin: 1px 2px !important; vertical-align: middle !important; border-radius: 0 !important;
}
.jtable-edit-command-button { border-color: #888 !important; background: #f5f5f5 !important; }
.jtable-edit-command-button:hover { background: #555 !important; border-color: #555 !important; }
.jtable-delete-command-button { border-color: #c0392b !important; background: #fdf0ee !important; }
.jtable-delete-command-button:hover { background: #ff8a97 !important; border-color: #da0f16 !important; }
.jtable-main-container table { table-layout: auto !important; width: 100% !important; }
.filtering {
    background: #f7f7f7 !important; border: 1px solid #e0e0e0 !important;
    padding: 10px 16px !important; margin-bottom: 14px !important;
}
.filtering input[type="text"] {
    height: 28px !important; width: 140px !important; background: #fff !important;
    border: 1px solid #D6D6D6 !important; padding: 0 8px !important;
    font-size: 11px !important; color: #00162E !important; margin-right: 8px !important;
}
.filtering button, #FilterButton {
    height: 28px !important; padding: 0 14px !important; background: #2a5a9a !important;
    border: none !important; color: #fff !important; font-size: 10px !important;
    font-weight: 700 !important; text-transform: uppercase !important; cursor: pointer !important;
}
.jtable-dialog, .ui-dialog {
    border: none !important; border-radius: 0 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.2) !important; padding: 0 !important; overflow: hidden !important;
}
.ui-dialog-titlebar {
    background: #2a5a9a !important; color: rgba(255,255,255,.9) !important;
    font-size: 12px !important; letter-spacing: .1em !important;
    text-transform: uppercase !important; font-weight: 400 !important;
    padding: 13px 18px !important; border: none !important; border-radius: 0 !important;
}
.jtable-dialog-remove-record .ui-dialog-titlebar { background: #c0392b !important; }
.ui-dialog-title { color: rgba(255,255,255,.9) !important; }
.ui-dialog-content { background: #fff !important; padding: 20px !important; font-size: 13px !important; }
.ui-dialog-buttonpane {
    background: #f7f5f2 !important; border-top: 1px solid #ebebeb !important; padding: 12px 18px !important;
}
.ui-dialog-buttonpane button, .ui-button {
    height: 36px !important; padding: 0 18px !important; border: none !important;
    border-radius: 0 !important; font-size: 11px !important; letter-spacing: .1em !important;
    text-transform: uppercase !important; font-weight: 700 !important;
    cursor: pointer !important; margin-left: 8px !important;
}
.ui-dialog-buttonpane button:first-child { background: #002F63 !important; color: #fff !important; }
.ui-dialog-buttonpane button:last-child { background: #737373 !important; color: #fff !important; }
.jtable-dialog-remove-record .ui-dialog-buttonpane button:first-child { background: #c0392b !important; }

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.main-footer { background: transparent !important; padding: 0 !important; }
.main-footer .main { padding: 0 !important; max-width: 100% !important; }
footer, footer#footer {
    background-color: #00162E !important;
    background-image: url('/img/Starview-dotted-blue-back.jpg') !important;
    background-size: cover !important;
    padding: 26px 24px 0 !important; border: none !important;
}
footer .wrapper, .wrapper.footer-wrapper {
    max-width: 1100px !important; margin: 0 auto !important;
    display: grid !important; grid-template-columns: repeat(5,1fr) !important;
    gap: 16px !important; padding-bottom: 22px !important;
    float: none !important; width: 100% !important; overflow: visible !important;
}
.footer-quart, #footer-quart, #footer-quart-gauche, #footer-quart-droite {
    float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;
}
footer ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
footer ul li { margin-bottom: 6px !important; }
footer ul li a { color: rgba(255,255,255,.72) !important; font-size: 12px !important; text-decoration: none !important; }
footer ul li a:hover { color: #fff !important; }
footer ul li strong a, footer ul li:first-child a {
    font-size: 9px !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: #7aabda !important;
    font-weight: 700 !important; display: block !important; margin-bottom: 8px !important;
}
.works-list li a img { width: 28px !important; height: auto !important; opacity: .72 !important; }
.text-bot {
    border-top: 1px solid rgba(255,255,255,.1) !important; padding: 11px 24px !important;
    text-align: center !important; font-size: 10px !important; color: rgba(255,255,255,.42) !important;
}
.text-bot a { color: rgba(255,255,255,.42) !important; text-decoration: none !important; }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 768px) {
    .sv-navmenu ul { flex-wrap: wrap !important; }
    .sv-logo { height: 44px !important; }
    footer .wrapper { grid-template-columns: repeat(2,1fr) !important; }
    div.container_24 > div.wrapper > div.wrapper,
    div.container_24 > div.wrapper > div[class="wrapper "] {
        display: block !important; width: 100% !important; padding: 0 !important;
    }
}

/* ── Cacher TitleTop partout — remplacé par hero banner ── */
#TitleTop, .TitleTop, div#TitleTop, div.TitleTop {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ── TAB CONTENT pleine largeur ── */
.tabs .tab-content .inner .grid_14,
.tabs .tab-content .inner .grid_14.ligne-grise,
.tabs .inner .grid_14,
div.grid_14.ligne-grise,
.container_24 .grid_14 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
.tabs .tab-content .inner,
.tab-content .inner {
    padding: 20px !important;
}
.tabs .tab-content .inner .prefix_1,
.tabs .inner .prefix_1,
.container_24 .prefix_1 {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* File items dans tabs */
.padding-leftC { padding-left: 0 !important; }
.img-indentC { float: left !important; margin-right: 12px !important; }
.indent-botC { margin-bottom: 24px !important; overflow: hidden !important; padding-bottom: 20px !important; border-bottom: 2px solid #c8d8ea !important; }

/* ── FOOTER full width ── */
.main-footer,
footer,
footer#footer,
.main-footer .main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
footer .wrapper,
.wrapper.footer-wrapper {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* ── FOOTER full page width ── */
.main-footer { width: 100% !important; max-width: 100% !important; }
.main-footer .main { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
footer, footer#footer {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
footer .wrapper {
    max-width: 1100px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 26px 24px 22px !important;
}
.text-bot {
    max-width: 100% !important;
    width: 100% !important;
    padding: 11px 24px !important;
}

/* ── TOPBAR texte plus gros ── */
.sv-toll { font-size: 13px !important; }
.sv-starnet-link { font-size: 13px !important; }

/* ── HERO centré ── */
.sv-hero { text-align: center !important; }
.sv-hero-content { 
    text-align: center !important; 
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* ── TOPBAR + MENU dans wrapper centré 1100px ── */
.sv-topbar { width: 100% !important; }
.sv-topbar-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 6px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.sv-logo-row { width: 100% !important; padding: 0 !important; }
.sv-logo-row a {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 10px 24px 8px !important;
    display: block !important;
}
.sv-navmenu { width: 100% !important; }
.sv-navmenu ul {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
}

/* ── MENU full width ── */
.sv-navmenu { width: 100% !important; display: block !important; }
.sv-navmenu ul {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 24px !important;
    display: flex !important;
}

/* ── MENU aligné à gauche ── */
.sv-navmenu ul {
    justify-content: flex-start !important;
}

/* ── MENU lettrage plus gros ── */
.sv-navmenu ul li > a {
    font-size: 13px !important;
    letter-spacing: .08em !important;
}

/* ── MENU dans wrapper aligné avec le contenu ── */
.sv-navmenu ul {
    padding-left: 24px !important;
    padding-right: 24px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}


/* ══════════════════════════════════════════
   BREADCRUMB ADMIN (sv-breadcrumb)
══════════════════════════════════════════ */
.sv-breadcrumb {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
    color: #888 !important;
    margin: 0 0 24px !important;
}
.sv-breadcrumb a {
    color: #888 !important;
    text-decoration: none !important;
}
.sv-breadcrumb a:hover { color: #002F63 !important; }
.sv-bc-sep { margin: 0 6px !important; color: #bbb !important; }
.sv-bc-current {
    color: #002F63 !important;
    font-weight: 600 !important;
}

/* ══════════════════════════════════════════
   PAGE ACCUEIL ADMIN
══════════════════════════════════════════ */
.sv-admin-home {
    padding: 8px 0 40px !important;
}

/* Welcome */
.sv-admin-welcome {
    margin-bottom: 28px !important;
}
.sv-admin-welcome h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #00162E !important;
    margin: 0 0 4px !important;
    text-shadow: none !important;
    border: none !important;
}
.sv-admin-welcome p {
    font-size: 14px !important;
    color: #737373 !important;
    margin: 0 !important;
}

/* Notifications */
.sv-admin-notifications {
    margin-bottom: 24px !important;
}
.sv-notification-box {
    background: #EBF2FA !important;
    border-left: 3px solid #3A76BB !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #002F63 !important;
    margin-bottom: 8px !important;
}

/* Cards container — 3 colonnes */
.sv-admin-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* Carte individuelle */
.sv-admin-card {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    padding: 28px 24px !important;
    transition: box-shadow .15s !important;
}
.sv-admin-card:hover {
    box-shadow: 0 4px 18px rgba(0,22,46,.1) !important;
}

/* Icône */
.sv-card-icon {
    background: #EBF2FA !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

/* Titre carte */
.sv-admin-card h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #00162E !important;
    margin: 0 0 8px !important;
    text-shadow: none !important;
    border: none !important;
}

/* Description carte */
.sv-admin-card p {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}

/* Lien carte */
.sv-card-link {
    font-size: 13px !important;

    color: #3A76BB !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.sv-card-link:hover {
    color: #002F63 !important;
    text-decoration: underline !important;
}

/* Responsive cards */
@media (max-width: 768px) {
    .sv-admin-cards {
        grid-template-columns: 1fr !important;
    }
}

/* ══════════════════════════════════════════
   PAGES jTABLE ADMIN — zone filtre améliorée
══════════════════════════════════════════ */
body.page-admin .filtering,
body.page-admin div.filtering {
    background: #f7f9fc !important;
    border: 1px solid #dce5f0 !important;
    border-radius: 0 !important;
    padding: 18px 20px !important;
    margin-bottom: 16px !important;
    color: #002F63 !important;
    font-weight: 400 !important;
}
body.page-admin .filtering label,
body.page-admin .filtering span {
    font-size: 10px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
body.page-admin .filtering input[type="text"],
body.page-admin .filtering select {
    height: 34px !important;
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #c8d5e8 !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    color: #00162E !important;
    margin-right: 12px !important;
    border-radius: 0 !important;
}
body.page-admin .filtering button,
body.page-admin #FilterButton {
    height: 34px !important;
    padding: 0 20px !important;
    background: #2a5a9a !important;
    border: none !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    vertical-align: bottom !important;
}
body.page-admin .filtering button:hover,
body.page-admin #FilterButton:hover {
    background: #002F63 !important;
}

/* Container jTable pleine largeur sur admin */
body.page-admin #UserTableContainer,
body.page-admin #DocumentTableContainer {
    width: 100% !important;
    padding-left: 0 !important;
}

/* Header tableau bleu selon maquette */
body.page-admin .jtable-title {
    background: #2a5a9a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
}

/* Boutons action colorés dans jTable */
body.page-admin .jtable-data-row td a img.child-opener-image {
    width: 22px !important;
    height: 22px !important;
    vertical-align: middle !important;
}

/* ── Fix notification-box admin (ne plus déborder) ── */
.notification-box {
    background: #EBF2FA !important;
    border-left: 3px solid #3A76BB !important;
    border: 1px solid #c8d5e8 !important;
    padding: 14px 18px !important;
    font-size: 13px !important;
    color: #002F63 !important;
    font-weight: 600 !important;
    margin: 0 0 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    width: auto !important;
    display: block !important;
    text-align: center !important;
}

/* ══════════════════════════════════════════
   ICÔNES ACTION jTABLE — SVG inline via CSS
   assign(bleu) upload(vert) report(orange) edit(gris) delete(rouge)
══════════════════════════════════════════ */

/* Boutons action génériques — reset */
body.page-admin .jtable-data-row td a[href*="upload"] img,
body.page-admin .jtable-data-row td a[href*="report"] img,
body.page-admin .jtable-data-row td a[href*="download"] img,
body.page-admin .jtable-data-row td img.child-opener-image {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Conteneur des boutons action */
body.page-admin .jtable-data-row td:last-child {
    white-space: nowrap !important;
    min-width: 90px !important;
}

/* Boutons action — base commune */
body.page-admin .jtable-edit-command-button,
body.page-admin .jtable-delete-command-button {
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px !important;
    cursor: pointer !important;
    border: 1px solid !important;
}

/* Edit — gris */
body.page-admin .jtable-edit-command-button {
    background: #f5f5f5 !important;
    border-color: #bbb !important;
}
body.page-admin .jtable-edit-command-button:hover {
    background: #ddd !important;
}
body.page-admin .jtable-edit-command-button img {
    display: none !important;
}
body.page-admin .jtable-edit-command-button::after {
    content: '' !important;
    display: block !important;
    width: 13px !important; height: 13px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3.5L12.5 6.5L6 13H3V10L9.5 3.5Z' stroke='%23666' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Delete — rouge */
body.page-admin .jtable-delete-command-button {
    background: #fff0ee !important;
    border-color: #e8a09a !important;
}
body.page-admin .jtable-delete-command-button:hover {
    background: #c0392b !important;
    border-color: #c0392b !important;
}
body.page-admin .jtable-delete-command-button img {
    display: none !important;
}
body.page-admin .jtable-delete-command-button::after {
    content: '' !important;
    display: block !important;
    width: 13px !important; height: 13px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H13M6 5V3H10V5M12 5L11 14H5L4 5' stroke='%23c0392b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Liens action avec images (assign, upload, report, download) */
body.page-admin .jtable-data-row td a img[src*="details"],
body.page-admin .jtable-data-row td a img[title="Assign Docs"] {
    /* assign — bleu */
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='4' fill='%23dce8f8'/%3E%3Cpath d='M11 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 5a5 5 0 0 1 10 0' stroke='%232a5a9a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 22px !important; height: 22px !important;
}
body.page-admin .jtable-data-row td a img[src*="file"],
body.page-admin .jtable-data-row td a img[title="Upload File"] {
    /* upload — vert */
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='4' fill='%23d4edda'/%3E%3Cpath d='M11 14V8M11 8L8.5 10.5M11 8L13.5 10.5' stroke='%232a8a4a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 16H16' stroke='%232a8a4a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 22px !important; height: 22px !important;
}
body.page-admin .jtable-data-row td a img[src*="report"],
body.page-admin .jtable-data-row td a img[title="Report"] {
    /* report — orange */
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='4' fill='%23fdebd0'/%3E%3Crect x='4' y='14' width='3' height='4' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3Crect x='9' y='10' width='3' height='8' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3Crect x='14' y='7' width='3' height='11' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    width: 22px !important; height: 22px !important;
}
body.page-admin .jtable-data-row td a img[src*="downloads"],
body.page-admin .jtable-data-row td a img[title="Download Docs"] {
    /* download — gris-bleu */
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='4' fill='%23eef2f7'/%3E%3Cpath d='M11 7v7M11 14l-2.5-2.5M11 14l2.5-2.5' stroke='%232a5a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 16H16' stroke='%232a5a9a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 22px !important; height: 22px !important;
}

/* ── Nom de fichier en bleu bold dans jTable ── */
body.page-admin .jtable-data-row td:first-child {
    color: #2a5a9a !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ── Contenu tableau — polices et couleurs ── */
body.page-admin .jtable-data-row td {
    font-size: 13px !important;
    color: #333 !important;
    font-weight: 400 !important;
    padding: 10px 8px !important;
    vertical-align: middle !important;
}
body.page-admin .jtable-column-header {
    font-size: 10px !important;
    letter-spacing: .08em !important;
    color: #002F63 !important;
    font-weight: 700 !important;
    padding: 10px 8px !important;
}

/* ── Filtre — look maquette ── */
body.page-admin .filtering {
    background: #f7f9fb !important;
    border: 1px solid #dce5f0 !important;
    border-radius: 6px !important;
    padding: 18px 20px !important;
}
body.page-admin .filtering input[type="text"],
body.page-admin .filtering select {
    border: 1px solid #cdd8e8 !important;
    border-radius: 6px !important;
    height: 38px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    width: 220px !important;
    background: #fff !important;
    color: #333 !important;
}
body.page-admin .filtering select {
    width: 260px !important;
}
body.page-admin .filtering button,
body.page-admin #FilterButton {
    height: 38px !important;
    border-radius: 6px !important;
    padding: 0 22px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    background: #2a5a9a !important;
}

/* ── Icône assign : remplacer details.png par bonhomme+ SVG ── */
body.page-admin img[title="Assign Docs"] {
    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' rx='5.5' fill='white' stroke='%233A76BB'/%3E%3Cpath d='M13 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z' stroke='%233A76BB' stroke-width='1.5'/%3E%3Cpath d='M7 22a6 6 0 0 1 12 0' stroke='%233A76BB' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 10v4M18 12h4' stroke='%233A76BB' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 28px !important;
    height: 28px !important;
}

/* ── Toutes les icônes action — remplacement SVG maquette ── */

/* Upload — vert */
body.page-admin img[title="Upload File"] {
    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' rx='5.5' fill='%23e8f5e9' stroke='%23a5d6a7'/%3E%3Cpath d='M14 18V11M14 11L11 14M14 11L17 14' stroke='%232a8a4a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20H19' stroke='%232a8a4a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 28px !important; height: 28px !important;
}

/* Report — orange */
body.page-admin img[title="Report"] {
    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' rx='5.5' fill='%23fff3e0' stroke='%23ffcc80'/%3E%3Crect x='6' y='18' width='3' height='5' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3Crect x='12' y='14' width='3' height='9' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3Crect x='18' y='10' width='3' height='13' rx='0.5' stroke='%23d08020' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    width: 28px !important; height: 28px !important;
}

/* Download — bleu foncé */
body.page-admin img[title="Download Docs"] {
    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' rx='5.5' fill='%23e8eef8' stroke='%23b0c4de'/%3E%3Cpath d='M14 10v7M14 17l-3-3M14 17l3-3' stroke='%232a5a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20H19' stroke='%232a5a9a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    width: 28px !important; height: 28px !important;
}

/* Edit — gris */
body.page-admin .jtable-edit-command-button {
    width: 28px !important; height: 28px !important;
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.page-admin .jtable-edit-command-button img { display: none !important; }
body.page-admin .jtable-edit-command-button::after {
    content: '' !important;
    display: block !important;
    width: 13px !important; height: 13px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3.5L12.5 6.5L6 13H3V10L9.5 3.5Z' stroke='%23999' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Delete — rouge */
body.page-admin .jtable-delete-command-button {
    width: 28px !important; height: 28px !important;
    background: #fff0ee !important;
    border: 1px solid #ffcdd2 !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.page-admin .jtable-delete-command-button img { display: none !important; }
body.page-admin .jtable-delete-command-button::after {
    content: '' !important;
    display: block !important;
    width: 13px !important; height: 13px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H13M6 5V3H10V5M12 5L11 14H5L4 5' stroke='%23e57373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* ── Fond gris clair sur colonnes User Count + Assign + Actions ── */
body.page-admin .jtable-data-row td:nth-last-child(-n+3),
body.page-admin .jtable-column-header:nth-last-child(-n+3) {
    background: #f4f6f9 !important;
}
body.page-admin .jtable-column-header:nth-last-child(-n+3) {
    background: #e8edf5 !important;
}

/* ── Alignement vertical centré — colonnes droites ── */
body.page-admin .jtable-data-row td:nth-last-child(-n+3) {
    vertical-align: middle !important;
    text-align: center !important;
}
body.page-admin .jtable-data-row td:nth-last-child(-n+3) a,
body.page-admin .jtable-data-row td:nth-last-child(-n+3) img {
    display: inline-block !important;
    vertical-align: middle !important;
}
/* Icônes groupées — pas de saut de ligne entre upload/download */
body.page-admin .jtable-data-row td:last-child {
    white-space: nowrap !important;
}

/* ── Centrage horizontal + vertical — headers et cellules colonnes droites ── */
body.page-admin .jtable-column-header:nth-last-child(-n+3),
body.page-admin .jtable-data-row td:nth-last-child(-n+3) {
    text-align: center !important;
    vertical-align: middle !important;
}

/* ── Cacher colonnes edit+delete natives jTable ── */
body.page-admin .jtable-command-column-header { display: none !important; }
body.page-admin td.jtable-command-column {
    display: table-cell !important;
    position: static !important;
    background: #f4f6f9 !important;
    border: none !important;
    padding: 0 1px !important;
    vertical-align: middle !important;
    text-align: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    opacity: 1 !important;
}

/* ── Groupe icônes actions ── */
.sv-action-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    justify-content: center !important;
    align-items: center !important;
}
.sv-action-group img.child-opener-image {
    width: 28px !important;
    height: 28px !important;
    cursor: pointer !important;
    display: block !important;
}
.sv-edit-trigger,
.sv-delete-trigger {
    cursor: pointer !important;
    display: inline-block !important;
}

/* ── Filtre horizontal ── */
body.page-admin .filtering form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 12px 16px !important;
}
body.page-admin .filtering form span,
body.page-admin .filtering form label {
    display: flex !important;
    flex-direction: column !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 700 !important;
    gap: 4px !important;
}
body.page-admin .filtering input[type="text"],
body.page-admin .filtering select {
    display: block !important;
    width: 200px !important;
}
body.page-admin .filtering select {
    width: 220px !important;
}
body.page-admin #FilterButton {
    align-self: flex-end !important;
    margin-bottom: 0 !important;
}

/* ── Icônes edit/delete SVG inline ── */
.sv-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    border: 1px solid !important;
}
.sv-icon-edit {
    background: #f5f5f5 !important;
    border-color: #ddd !important;
}
.sv-icon-edit:hover { background: #e0e0e0 !important; }
.sv-icon-delete {
    background: #fff0ee !important;
    border-color: #ffcdd2 !important;
}
.sv-icon-delete:hover { background: #ffcdd2 !important; }

/* ── User Count centré force ── */
body.page-admin td.jtable-data-row-cell:nth-last-child(-n+3),
body.page-admin th.jtable-column-header:nth-last-child(-n+3) {
    text-align: center !important;
    vertical-align: middle !important;
}

/* ── Centrage User Count + Assign — force sur toutes les cellules ── */
body.page-admin .jtable-main-container td,
body.page-admin .jtable-main-container th {
    vertical-align: middle !important;
}
body.page-admin .jtable-main-container .jtable-data-row td[style*=""],
body.page-admin #DocumentTableContainer td:nth-last-child(-n+3),
body.page-admin #DocumentTableContainer th:nth-last-child(-n+3),
body.page-admin #UserTableContainer td:nth-last-child(-n+3),
body.page-admin #UserTableContainer th:nth-last-child(-n+3) {
    text-align: center !important;
    vertical-align: middle !important;
}

/* ── Filtre — grille 2x2 comme maquette ── */
body.page-admin .filtering form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 14px 24px !important;
    align-items: end !important;
}
body.page-admin .filtering form span {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 700 !important;
}
body.page-admin .filtering input[type="text"],
body.page-admin .filtering select {
    width: 100% !important;
    height: 40px !important;
    border-radius: 6px !important;
    border: 1px solid #cdd8e8 !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    background: #fff !important;
    color: #333 !important;
    box-sizing: border-box !important;
}
/* Bouton Filter — bas droite */
body.page-admin #FilterButton {
    grid-column: 2 !important;
    justify-self: end !important;
    height: 40px !important;
    padding: 0 24px !important;
    border-radius: 6px !important;
    background: #2a5a9a !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    width: auto !important;
}
body.page-admin #FilterButton:hover { background: #002F63 !important; }

/* ── Filtre — labels gauche, inputs droite (layout actuel) ── */
body.page-admin .filtering form {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
    gap: 10px 16px !important;
    align-items: center !important;
    max-width: 700px !important;
}
body.page-admin .filtering form span {
    text-align: right !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    flex-direction: row !important;
}
body.page-admin .filtering input[type="text"],
body.page-admin .filtering select {
    width: 100% !important;
    grid-column: 2 !important;
}
body.page-admin #FilterButton {
    grid-column: 2 !important;
    justify-self: end !important;
    width: auto !important;
}

/* ── User Count + Assign — centrage FORCE ── */
body.page-admin #DocumentTableContainer .jtable-data-row td:nth-child(7),
body.page-admin #DocumentTableContainer .jtable-data-row td:nth-child(8),
body.page-admin #DocumentTableContainer .jtable-column-header:nth-child(7),
body.page-admin #DocumentTableContainer .jtable-column-header:nth-child(8) {
    text-align: center !important;
    vertical-align: middle !important;
}

/* ── Réactiver colonnes natives jTable edit+delete ── */
body.page-admin .jtable-command-column-header,
body.page-admin td.jtable-command-column {
    display: table-cell !important;
    text-align: center !important;
    vertical-align: middle !important;
    background: #f4f6f9 !important;
    width: 36px !important;
}

/* Cacher le texte Edit/Delete dans le header */
body.page-admin .jtable-command-column-header {
    font-size: 0 !important;
    background: #e8edf5 !important;
}

/* Bouton Edit natif jTable — style icône */
body.page-admin .jtable-edit-command-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    padding: 0 !important;
}
body.page-admin .jtable-edit-command-button span,
body.page-admin .jtable-edit-command-button img {
    display: none !important;
}
body.page-admin .jtable-edit-command-button::after {
    content: '' !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3.5L12.5 6.5L6 13H3V10L9.5 3.5Z' stroke='%23888' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Bouton Delete natif jTable — style icône */
body.page-admin .jtable-delete-command-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    background: #fff0ee !important;
    border: 1px solid #ffcdd2 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    padding: 0 !important;
}
body.page-admin .jtable-delete-command-button span,
body.page-admin .jtable-delete-command-button img {
    display: none !important;
}
body.page-admin .jtable-delete-command-button::after {
    content: '' !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H13M6 5V3H10V5M12 5L11 14H5L4 5' stroke='%23e57373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
/* ── Edit/Delete — couleurs finales + espacement minimal ── */
body.page-admin .jtable-edit-command-button {
    background-color: #c6c6c6 !important;
    border: 1.5px solid #606060 !important;
    margin: 0 !important;
}
body.page-admin .jtable-delete-command-button {
    background-color: #ffabb5 !important;
    border: 1.5px solid #da0f16 !important;
    margin: 0 !important;
}
body.page-admin td.jtable-command-column {
    padding: 0 1px !important;
    border-left: none !important;
    border-right: none !important;
}
body.page-admin .jtable-edit-command-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3.5L12.5 6.5L6 13H3V10L9.5 3.5Z' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.page-admin .jtable-delete-command-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H13M6 5V3H10V5M12 5L11 14H5L4 5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
/* ── Edit/Delete couleurs + icônes ── */
.jtable-edit-command-button { background: #c6c6c6 !important; border-color: #606060 !important; border-radius: 6px !important; }
.jtable-edit-command-button:hover { background: #aaaaaa !important; border-color: #606060 !important; }
.jtable-delete-command-button { background: #ffabb5 !important; border-color: #da0f16 !important; border-radius: 6px !important; }
body.page-admin .jtable-edit-command-button::after { content: '' !important; display: block !important; width: 13px !important; height: 13px !important; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3.5L12.5 6.5L6 13H3V10L9.5 3.5Z' stroke='%23606060' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; }
body.page-admin .jtable-delete-command-button::after { content: '' !important; display: block !important; width: 13px !important; height: 13px !important; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H13M6 5V3H10V5M12 5L11 14H5L4 5' stroke='%23da0f16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; }

/* ── Formulaires fond blanc ── */
.jtable-input input[type="text"], .jtable-input textarea, .jtable-text-input input, .jtable-textarea-input textarea, .jtable-dialog-form input[type="text"], .jtable-dialog-form textarea, .jtable-dialog-form select { background: #ffffff !important; color: #222222 !important; border: 1px solid #ccc !important; }

/* ── Cancel rouge, Save bleu ── */
.ui-dialog-buttonset button:first-child { background: #da0f16 !important; border-color: #a00b10 !important; color: #ffffff !important; }
.ui-dialog-buttonset button:last-child { background: #2a5a9a !important; border-color: #1e4070 !important; color: #ffffff !important; }
/* ── Edit/Delete — taille réduite ── */
body.page-admin td.jtable-command-column {
    padding: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
}
body.page-admin .jtable-edit-command-button,
body.page-admin .jtable-delete-command-button {
    width: 22px !important;
    height: 22px !important;
    margin: 1px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Colonne Users — centrage ── */
body.page-admin #DocumentTableContainer .jtable-data-row td:nth-child(7),
body.page-admin #DocumentTableContainer .jtable-column-header:nth-child(7) {
    text-align: center !important;
    vertical-align: middle !important;
}