/* Phase 341: ordered concatenation of referenced stylesheets; originals retained for other pages. */

/* SOURCE /entete.css */
/* Entete commune DJOLLOF FRET-EXPRESS (meme rendu que l'accueil). Tout est limite a #site-head. */
#site-head{font-family:Arial,Helvetica,sans-serif;color:#071f4b;position:relative;z-index:30;line-height:1.2;text-align:left;font-size:16px;font-weight:400}
#site-head *{box-sizing:border-box}
#site-head a{text-decoration:none;color:inherit;font-weight:inherit}
#site-head button{all:unset;box-sizing:border-box;cursor:pointer}
#site-head svg{flex-shrink:0}
#site-head .topbar{min-height:84px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;padding:6px 2.4%;margin:0;background:#fff;color:#071f4b;box-shadow:0 2px 14px #06275816;position:relative;z-index:4;font-weight:400;border:0}
#site-head .brand{display:flex;align-items:center;min-width:0}
#site-head .brand-logo{display:block;height:68px;width:auto;max-width:100%;mix-blend-mode:multiply;background:none;padding:0;border-radius:0;margin:0}
#site-head .top-contact{display:flex;align-items:center;gap:10px;white-space:nowrap}
#site-head .top-contact .flag{font-size:26px;color:inherit}
#site-head .top-contact small{display:block;font-size:12px}
#site-head .top-contact strong{display:block;font-size:14px;margin-top:3px;font-weight:700}
#site-head .green{color:#009e47;display:flex}
#site-head .top-actions{display:flex;align-items:center;gap:10px;min-width:0}
#site-head .sh-session{display:flex;align-items:center;gap:8px;min-width:0}
#site-head #who{font-size:13px;font-weight:700;color:#082650;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#site-head #out{border:1px solid #082650;color:#082650;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:800;background:#fff;white-space:nowrap}
#site-head #out:hover{background:#eef5fc}
#site-head #out.hidden,#site-head .hidden{display:none}
#site-head .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:12px 15px;font-size:13px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:filter .2s}
#site-head .button:hover{filter:brightness(1.1)}
#site-head .button.red{background:#e90015;color:#fff}
#site-head .button.green-bg{background:#049e46;color:#fff}
#site-head .mobile-toggle{display:none;align-items:center;justify-content:center;padding:6px;color:#082650}
#site-head .navbar{background:#062758;display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0 1.3%;min-height:49px;margin:0;box-shadow:0 4px 10px #08265033;position:relative;z-index:3}
#site-head .nav-item{position:relative;display:flex}
#site-head .navbar a{display:flex;align-items:center;gap:6px;padding:12px 9px;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}
#site-head .nav-item>a{height:100%}
#site-head .navbar a:hover{background:#e90015;border-radius:6px}
#site-head .dropdown{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#062758;border-radius:0 0 8px 8px;box-shadow:0 10px 24px #0004;padding:6px;z-index:40}
#site-head .nav-item:hover .dropdown,#site-head .nav-item.dd-open .dropdown{display:block}
#site-head .dropdown a{display:block;padding:10px 12px;font-size:13px}
#site-head .nav-actions{display:none}
#site-head a:focus-visible,#site-head button:focus-visible{outline:3px solid #f5c542;outline-offset:2px}
@media(max-width:1450px){#site-head .navbar a{padding:9px 6px;font-size:11.5px;gap:4px}#site-head .navbar a>svg:first-child{width:13px;height:13px}}
@media(min-width:1101px) and (max-width:1330px){#site-head .navbar a{padding:9px 4px;font-size:11px;gap:3px}#site-head .navbar a>svg:first-child{display:none}}
@media(max-width:1250px){#site-head .top-contact{display:none}}
@media(max-width:1100px){
 #site-head .top-actions .green-bg{display:none}
 #site-head .mobile-toggle{display:flex}
 #site-head .navbar{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;padding:0}
 #site-head .navbar.open{display:flex}
 #site-head .navbar a{font-size:14px;padding:11px 20px}
 #site-head .nav-item{flex-direction:column}
 #site-head .dropdown{position:static;box-shadow:none;border-radius:0}
}
@media(max-width:750px){
 #site-head .topbar{flex-wrap:wrap;row-gap:0;min-height:0;padding:6px 14px}
 #site-head .brand-logo{height:46px}
 #site-head .top-actions{order:3;width:100%;justify-content:space-between}
 #site-head .top-actions .button{display:none}
 #site-head .nav-actions{display:flex;padding:6px 12px 10px;border-top:1px solid #ffffff2a}
 #site-head .nav-actions a{background:#e90015;border-radius:8px;padding:10px 16px;margin:4px 8px}
}
@media(max-width:480px){#site-head .brand-logo{height:40px}#site-head #who{max-width:60vw}}
@media print{#site-head{display:none}}

/* Pied de page commun (hors accueil) */
#site-foot{font-family:Arial,Helvetica,sans-serif;color:#071f4b;line-height:1.3;font-size:16px;margin-top:0;background:#062758;color:#dbe6f6;clear:both}
#site-foot *{box-sizing:border-box}
#site-foot a{color:inherit;text-decoration:none}#site-foot a:hover{text-decoration:underline}
#site-foot .sf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 2.4%}
#site-foot .sf-col{display:flex;gap:12px;padding:0 16px;border-right:1px solid #ffffff26}#site-foot .sf-col:last-child{border:0}#site-foot .sf-col:first-child{padding-left:0}
#site-foot .sf-ico{display:flex;flex-shrink:0;margin-top:2px}#site-foot .sf-ico.red{color:#ff6b78}#site-foot .sf-ico.green{color:#4fd98a}
#site-foot h3{margin:0 0 6px;font-size:14px;color:#fff}#site-foot p{margin:0;font-size:12.5px;line-height:1.6}
#site-foot .sf-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 2.4%;border-top:1px solid #ffffff26;background:#041a3d;font-size:12.5px}
#site-foot .sf-bar nav{display:flex;flex-wrap:wrap;gap:4px 18px}#site-foot .sf-bar nav a{color:#fff;font-weight:700}
@media(max-width:1100px){#site-foot .sf-grid{grid-template-columns:1fr 1fr;row-gap:16px}#site-foot .sf-col:nth-child(2){border-right:0}#site-foot .sf-col:nth-child(3){padding-left:0}}
@media(max-width:620px){#site-foot .sf-grid{grid-template-columns:1fr;row-gap:0;padding:10px 14px}#site-foot .sf-col{padding:12px 0;border-right:0;border-bottom:1px solid #ffffff26}#site-foot .sf-col:last-child{border:0}#site-foot .sf-bar{justify-content:center;text-align:center;font-size:11.5px}#site-foot .sf-bar nav{justify-content:center}}
@media print{#site-foot{display:none}}

#site-foot .sf-bar nav{align-items:center;line-height:1.3}#site-foot .sf-bar span{line-height:1.3}

#site-head .navbar.nm-off,#site-head .mobile-toggle.nm-off{display:none!important}


/* SOURCE /formgrid.css */
/* Grille de formulaires partagée : 2, 3 ou 4 colonnes selon le nombre de champs,
   champs de même taille, présentation compacte. Le nombre de colonnes est posé par formgrid.js (--cols). */
.row,.fg{display:grid;grid-template-columns:repeat(var(--cols,auto-fit),minmax(var(--min,150px),1fr));gap:8px 12px;align-items:end}
.row>*,.fg>*{min-width:0}
.row[data-fg],.fg[data-fg]{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.row>div>label,.fg>.f>label,.fg>label.f{margin:0 0 3px}
.row>div,.fg>.f{display:flex;flex-direction:column;justify-content:flex-end;gap:0}
.fg>.f{gap:3px}
.fg>.f.w2,.fg>.f.w3{grid-column:auto}
.row input:not([type=checkbox]):not([type=radio]):not([type=file]),.row select,.fg input:not([type=checkbox]):not([type=radio]):not([type=file]),.fg select{height:36px;padding:6px 9px;font-size:.9rem}
.row textarea,.fg textarea{padding:6px 9px;font-size:.9rem;min-height:36px;height:36px;resize:vertical}
.row input[type=file],.fg input[type=file]{padding:5px 7px;font-size:.82rem;height:36px;background:#fff}
.row label,.fg label{font-size:.78rem}
.row>div>button,.row>button{margin-top:0;height:36px;padding:0 14px;width:100%}
/* champs pleine largeur dans une grille (messages, textes d'aide, boutons d'action) */
.fg>.info,.fg>.actions,.fg>.msg,.row>.full{grid-column:1/-1}
@media(max-width:820px){.row[data-fg],.fg[data-fg]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.row[data-fg],.fg[data-fg]{grid-template-columns:1fr}}
/* cases à cocher des droits : grille compacte de cartes */
.droits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px}
@media(max-width:980px){.droits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.droits{grid-template-columns:1fr}}
.droits label.dr{display:flex;gap:8px;align-items:flex-start;margin:0;padding:7px 9px;border:1px solid var(--line,#d9e0ec);border-radius:7px;background:#fff;font-weight:600;font-size:.82rem;line-height:1.25;cursor:pointer}
.droits label.dr input{margin-top:2px;flex:none}
.droits label.dr small{display:block;font-weight:400;color:#58698a}
.droits label.dr:has(input:checked){border-color:var(--navy,#092449);background:#eef4ff}
h4.grp{margin:12px 0 6px;font-size:.84rem;color:var(--navy,#092449);text-transform:uppercase;letter-spacing:.03em}


/* SOURCE /interface146.css?v=146 */
/* Phase 146 — harmonisation responsive, accessible, sans modification des droits */
:root{--dj-shadow:0 8px 28px rgba(9,36,73,.08);--dj-radius:14px}
html{scroll-behavior:smooth}body{overflow-x:hidden}
:where(button,input,select,textarea,a){font:inherit}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #e5a300!important;outline-offset:2px}
:where(button){cursor:pointer;transition:transform .12s ease,filter .12s ease}
:where(button):active{transform:translateY(1px)}
:where(button):disabled{opacity:.55;cursor:not-allowed}
:where(input,select,textarea){max-width:100%;min-width:0}
:where(.card){box-shadow:var(--dj-shadow);border-radius:var(--dj-radius)}
:where(table){max-width:100%} :where(th,td){overflow-wrap:anywhere}
#dj-quickfind{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;background:#fff;border:1px solid #d9e0ec;border-radius:12px;margin:12px 0;box-shadow:var(--dj-shadow)}
#dj-quickfind label{font-weight:700;color:#092449;font-size:.9rem}
#dj-quickfind input{flex:1 1 170px;min-height:40px;border:1px solid #b7c7db;border-radius:8px;padding:8px 11px;background:#fff;color:#102a4e}
#dj-quickfind .dj-count{font-size:.78rem;color:#52657e}
#nav{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#nav button{min-height:38px;border-radius:9px}
#nav button[hidden]{display:none!important}
.dj-skip{position:absolute;left:8px;top:-80px;z-index:99999;background:#092449;color:white;padding:10px;border-radius:8px}
.dj-skip:focus{top:8px}
@media(max-width:780px){main{padding-left:12px!important;padding-right:12px!important}#nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}#nav button{flex:0 0 auto;scroll-snap-align:start}#dj-quickfind{margin:8px 0;padding:10px}input,select,textarea{font-size:16px!important}table{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* SOURCE /interface147.css */
#supplier-form .smart-estimate{margin:12px 0 4px;padding:13px 15px;border-radius:10px;background:#edf5ff;border:1px solid #b9d2f4;color:#103567;font-weight:700}#supplier-form input[readonly]{background:#f0f3f8;color:#30445f}#supplier-form select:focus-visible,#supplier-form input:focus-visible{outline:3px solid #f0b43d;outline-offset:2px}@media(max-width:650px){#supplier-form .row{display:grid;grid-template-columns:1fr!important}}

/* SOURCE /compact164.css?v=164 */
/* Phase 164 — presentation dense, responsive, sans masquer les donnees. */
:root{--compact-gap:9px}
html{scroll-behavior:smooth}body{font-size:14px!important;line-height:1.35!important}
main,#main-content,.rg{max-width:1480px!important;width:100%;margin:8px auto!important;padding:0 12px 16px!important}
h1{font-size:clamp(19px,2.2vw,25px)!important;margin:0 0 9px!important}h2{font-size:16px!important;margin:0 0 8px!important}h3{font-size:14px!important;margin:0 0 6px!important}
.card,.panel,.pad{padding:11px 13px!important;margin-bottom:9px!important;border-radius:10px!important;box-shadow:0 1px 5px #0924490b!important}
label{font-size:12px!important;margin:4px 0 2px!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:35px;padding:6px 9px!important;font-size:13px!important;border-radius:7px!important;max-width:100%}
button,.action,.btn{min-height:35px;padding:7px 11px!important;font-size:13px!important;border-radius:7px!important;margin-top:3px!important}
.row,.fg,form{gap:8px!important}.stats,.cards,.finance-grid{gap:8px!important;margin-bottom:8px!important}
.stats>div,.cards>.card,.finance-grid>div{padding:10px!important}
.tw,.scroll{max-width:100%;overflow:auto;max-height:48vh;overscroll-behavior:contain}
table{font-size:12px!important}th,td{padding:6px 8px!important}thead th{position:sticky;top:0;z-index:1}
#client-menu-163{position:sticky;top:0;z-index:20;gap:5px!important;padding:7px!important;margin:7px 0!important;box-shadow:0 3px 10px #09244912}
#client-menu-163 button{padding:7px 9px!important;min-height:36px;font-size:12px!important}
#main-content .workspace{gap:10px!important;grid-template-columns:minmax(200px,230px) minmax(0,1fr)!important}
#main-content #nav .navgroup{margin-bottom:5px!important}
#main-content #nav .navgroup summary{padding:8px 10px!important}
#main-content #nav .navitems{padding:4px!important}
#main-content #nav .navitems button{padding:7px 9px!important;min-height:32px!important}
#main-content #dj-quickfind{padding:9px!important}
.top,.head{padding:10px 18px!important}
@media(min-width:950px){.row,.fg{grid-template-columns:repeat(3,minmax(0,1fr))}.stats,.finance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){#main-content .workspace{grid-template-columns:1fr!important}#main-content #nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){main,#main-content,.rg{padding:0 8px 12px!important}.row,.fg{grid-template-columns:1fr 1fr!important}.card,.panel{padding:9px!important}#main-content #nav{grid-template-columns:1fr!important}#client-menu-163{position:static;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:380px){.row,.fg{grid-template-columns:1fr!important}}


/* SOURCE /ux166.css?v=166 */
/* PHASE 166 — navigation claire, compacte et accessible */
:root{--dj-focus:#d49b13}
#client-menu-163{position:sticky;top:0;z-index:20;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;padding:9px!important;box-shadow:0 5px 18px #11294b12}
#client-menu-163 button{min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1.25;font-weight:650;text-align:center}
#client-menu-163 button[aria-current="page"]{background:#092449;color:white;box-shadow:inset 4px 0 #f5c542}
#client-menu-163 button:focus-visible,#nav button:focus-visible,#nav a:focus-visible{outline:3px solid var(--dj-focus);outline-offset:2px}
body.client-connected #app{max-width:1450px;margin:0 auto;padding:0 12px}
body.client-connected #app>.card,body.client-connected #app>section.card{margin:9px 0;padding:14px}
body.client-connected #app .tw{max-height:58vh;overflow:auto;overscroll-behavior:contain}
body.client-connected #app .tw thead th{position:sticky;top:0;z-index:1;background:#e9eff8}
#main-content .workspace{gap:12px!important}
#main-content #nav .navgroup{margin-bottom:6px}
#main-content #nav .navgroup summary{padding:10px 12px}
#main-content #nav .navitems button,#main-content #nav .navitems a{min-height:42px}
#main-content #pane .card{padding:15px}
#main-content .tw{max-height:62vh;overflow:auto;overscroll-behavior:contain}
#main-content .tw thead th{position:sticky;top:0;background:#edf2fa;z-index:1}
@media(max-width:760px){#client-menu-163{grid-template-columns:repeat(2,minmax(0,1fr));position:static}#main-content #nav{grid-template-columns:1fr!important}}
@media(max-width:440px){#client-menu-163 button{font-size:12px!important;padding:8px!important}body.client-connected #app{padding:0 7px}}


/* SOURCE /compact224.css?v=224 */
/* Phase 224 — compacité sans masquer les données */
:root{--p224-gap:7px}html{scroll-padding-top:60px}body{line-height:1.3!important}
main,#main-content,.rg{margin-top:4px!important;margin-bottom:5px!important}
h1{font-size:clamp(18px,2vw,23px)!important;margin-bottom:5px!important}h2{font-size:15px!important;margin-bottom:6px!important}
.card,.panel,.pad,fieldset{padding:9px 11px!important;margin-bottom:7px!important}
form,.row,.fg,.grid,.admin216-toolbar{gap:7px!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:32px!important;padding:5px 8px!important;font-size:12.5px!important}
button,.btn,.action{min-height:32px!important;padding:6px 9px!important;font-size:12px!important}
label{font-size:11.5px!important;margin:2px 0!important}
.tw,.scroll,.table-wrap{max-height:min(53dvh,590px);overflow:auto}
footer,.fret-footer{padding-top:7px!important;padding-bottom:7px!important}
@media(min-width:1050px){.row,.fg{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin216-toolbar{display:flex!important;align-items:end;flex-wrap:wrap}.admin216-toolbar label{min-width:175px}}
@media(max-width:700px){.row,.fg{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card,.panel{padding:8px!important}.tw,.scroll{max-height:60dvh}}
@media(max-width:420px){.row,.fg{grid-template-columns:1fr!important}}
/* L'interface s'adapte à la hauteur disponible, sans cacher de lignes ou de boutons. */
@media(min-height:650px) and (min-width:850px){.cx-body{gap:7px!important;padding:10px 14px!important}.cx-panel{max-width:430px!important}.cx-ph{padding:8px 13px!important}}


/* SOURCE /compact225.css?v=225 */
/* Phase 225: densite adaptative, lisibilite et navigation preservee */
*,*::before,*::after{box-sizing:border-box}
:root{--p225-gap:8px}
/* Ne jamais masquer la navigation globale pour gagner de la place. */
#site-head .dj-nav,#site-head nav{display:revert!important}
/* Formulaires: hauteur compacte sans imposer 3 colonnes a tous les composants. */
.row,.fg{min-width:0}
@media(min-width:1050px){.row,.fg{grid-template-columns:revert!important}}
@media(max-width:700px){.row,.fg{grid-template-columns:revert!important}}
@media(max-width:420px){.row,.fg{grid-template-columns:revert!important}}
/* Empêcher les en-tetes et boutons d'etre coupes sur petits ecrans. */
.card,.panel,fieldset{min-width:0}
.card input,.card select,.card textarea,.panel input,.panel select,.panel textarea{max-width:100%}
button,.btn,.action{white-space:normal;overflow-wrap:anywhere}
.tw,.scroll,.table-wrap{max-height:min(55dvh,620px);overflow:auto;overscroll-behavior:contain}
.tw table,.scroll table,.table-wrap table{width:100%}
.tw thead th,.scroll thead th,.table-wrap thead th{position:sticky;top:0;z-index:2}
/* Zone de travail de l'administration, navigation toujours visible. */
@media(min-width:1050px) and (min-height:670px){
 body.admin215-layout #pane{min-width:0;max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 body.admin215-layout #pane .card{margin-bottom:7px!important}
 body.admin215-layout #pane .tw{max-height:calc(100dvh - 370px)}
 body.client-connected .phase192-content{min-width:0;max-height:calc(100dvh - 155px);overflow:auto;overscroll-behavior:contain}
}
/* Les formulaires longs defilent localement au lieu de cacher les champs. */
@media(min-width:800px){
 .admin216-form,.formgrid{gap:8px!important}
 .admin216-form textarea,.formgrid textarea{min-height:60px!important}
}
/* Les menus du client restent accessibles sur mobile. */
@media(max-width:800px){
 body.client-connected #client-menu-163{max-height:32dvh;overflow:auto;overscroll-behavior:contain}
 body.client-connected .phase192-content{min-width:0}
}
/* Tables larges: defilement horizontal dans le tableau, jamais coupe. */
@media(max-width:700px){
 .tw,.scroll,.table-wrap{width:100%;max-width:100%;overflow:auto}
 table{max-width:none}
 .admin216-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media print{#site-head nav,.admin215-side,.admin215-top,.admin215-help{display:none!important}.tw,.scroll,.table-wrap,#pane{max-height:none!important;overflow:visible!important}body{background:white!important}}


/* SOURCE /popup230.css?v=230 */
/* Phase 230 : formulaires de saisie en fenêtres centrées */
.p230-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px!important;border:1px solid #174b91!important;background:#0b438d!important;color:white!important;border-radius:9px!important;font-weight:700!important;cursor:pointer!important;margin:8px 0!important}
.p230-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(5,20,48,.65)!important;backdrop-filter:blur(3px)}
.p230-window{display:flex!important;flex-direction:column!important;width:min(820px,96vw)!important;max-height:min(91dvh,940px)!important;overflow:hidden!important;background:#fff!important;color:#142e51!important;border-radius:16px!important;border:1px solid #d4e1f0!important;box-shadow:0 24px 90px #061c3e80!important}
.p230-header{flex:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 18px!important;background:linear-gradient(110deg,#092d64,#1453a0)!important;color:#fff!important}
.p230-header strong{font-size:16px!important}.p230-close{border:1px solid #ffffff80!important;background:#ffffff20!important;color:#fff!important;border-radius:9px!important;padding:5px 12px!important;font-size:20px!important;cursor:pointer!important}
.p230-content{padding:16px 20px!important;overflow:auto!important;overscroll-behavior:contain!important;flex:1!important;min-height:0!important}.p230-content form{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;max-height:none!important;overflow:visible!important}.p230-content form .row,.p230-content form .formgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.p230-content input,.p230-content select,.p230-content textarea{min-height:34px!important;padding:7px 9px!important;max-width:100%!important}.p230-content label{font-size:12px!important}.p230-footer{flex:none!important;border-top:1px solid #e1e8f2!important;padding:8px 18px!important;color:#60718a!important;font-size:11px!important;background:#f8faff!important}
body.p230-locked{overflow:hidden!important}@media(max-width:650px){.p230-overlay{padding:6px!important}.p230-window{width:100%!important;max-height:96dvh!important;border-radius:12px!important}.p230-content{padding:12px!important}.p230-content form .row,.p230-content form .formgrid{grid-template-columns:1fr!important}}
@media print{.p230-overlay{position:static!important;background:transparent!important}.p230-window{max-height:none!important;box-shadow:none!important}.p230-open,.p230-header,.p230-footer{display:none!important}.p230-content{overflow:visible!important}}


/* SOURCE /client239.css?v=239 */
/* Phase 239 — Espace Client : navigation compacte et responsive. */
body.client-connected{font-family:Arial,Helvetica,sans-serif!important;color:#10294d!important}
body.client-connected #site-head .topbar{min-height:62px!important;padding:5px 18px!important;gap:12px!important}
body.client-connected #site-head .brand-logo{max-height:58px!important;width:auto!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px #142d4630)}
body.client-connected #site-head .top-contact{font-size:12px!important}
body.client-connected #site-head .top-actions{gap:7px!important}
body.client-connected #site-head .top-actions a,body.client-connected #site-head .top-actions button{padding:8px 11px!important;font-size:12px!important;min-height:35px!important}
body.client-connected #site-head #sh-nav.navbar{min-height:42px!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:2px 7px!important;padding:5px 14px!important;background:#082c60!important;box-shadow:0 3px 9px #071f3d20!important;max-height:none!important;position:relative!important;top:auto!important;overflow:visible!important}
body.client-connected #site-head #sh-nav .nav-item{display:inline-flex!important;width:auto!important;max-width:100%!important}
body.client-connected #site-head #sh-nav .nav-item>a,body.client-connected #site-head #sh-nav .nav-actions>a{font-size:12px!important;line-height:1.25!important;padding:8px 11px!important;border-radius:7px!important;white-space:nowrap!important}
body.client-connected #site-head #sh-nav .nav-actions{display:flex!important;align-items:center!important;margin-left:auto!important}
body.client-connected main#main-content{padding:10px 13px!important;max-width:1600px!important}
body.client-connected #app .phase192-shell{grid-template-columns:215px minmax(0,1fr)!important;gap:12px!important;max-width:1600px!important}
body.client-connected #client-menu-163{min-height:0!important;position:sticky!important;top:8px!important;padding:10px!important;gap:4px!important;border-radius:12px!important;box-shadow:0 5px 20px #102b4a15!important}
body.client-connected #client-menu-163 button{min-height:39px!important;padding:9px 11px!important;font-size:12.5px!important;line-height:1.25!important;border-radius:8px!important;white-space:normal!important}
body.client-connected #client-menu-163 button[aria-current=page]{border-left:3px solid #ffbd24!important}
body.client-connected .phase192-content{min-width:0!important}
body.client-connected .phase192-content .card{padding:12px 14px!important;margin-bottom:10px!important;border:1px solid #dbe4f0!important;border-radius:12px!important;box-shadow:0 2px 8px #0a2c5210!important}
body.client-connected .phase192-content h2{font-size:16px!important;margin-bottom:9px!important}
body.client-connected .phase192-content h3{font-size:14px!important}
body.client-connected .finance-grid{gap:8px!important;margin:8px 0 10px!important}
body.client-connected .finance-grid>div{padding:10px!important;border-radius:9px!important}
body.client-connected .finance-grid b{font-size:20px!important}
body.client-connected .phase192-content .tw{overflow-x:auto!important;max-width:100%!important;border-radius:7px!important}
body.client-connected .phase192-content table{width:100%;border-collapse:collapse!important;font-size:12px!important}
body.client-connected .phase192-content th{background:#eaf1fa!important;color:#0c315d!important;font-weight:750!important;position:sticky;top:0;z-index:1}
body.client-connected .phase192-content td,body.client-connected .phase192-content th{padding:8px 9px!important;vertical-align:middle!important}
body.client-connected .phase192-content input,body.client-connected .phase192-content select,body.client-connected .phase192-content textarea{font-size:13px!important}
body.client-connected #client-dashboard-163 .client-dash-header{min-height:130px!important;padding:18px 22px!important}
body.client-connected #client-dashboard-163 .client-dash-header h2{font-size:25px!important}
body.client-connected #client-dashboard-163 .client-dash-header img{width:65px!important;height:65px!important;object-fit:contain!important}
body.client-connected #client-dashboard-163 .client-dash-grid{gap:9px!important;margin:10px 0!important}
body.client-connected #client-dashboard-163 .client-dash-grid>div{min-height:76px!important;padding:11px!important}
body.client-connected #client-dashboard-163 .client-dash-grid b{font-size:21px!important}
@media(max-width:1150px){body.client-connected #app .phase192-shell{grid-template-columns:190px minmax(0,1fr)!important}body.client-connected #site-head #sh-nav.navbar{gap:2px!important}}
@media(max-width:850px){body.client-connected #app .phase192-shell{grid-template-columns:1fr!important}body.client-connected #client-menu-163{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.client-connected #site-head #sh-nav.navbar{flex-wrap:wrap!important}body.client-connected #site-head #sh-nav .nav-actions{margin-left:0!important}}
@media(max-width:500px){body.client-connected #site-head .topbar{padding:8px!important}body.client-connected #client-menu-163{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.client-connected #client-menu-163 button{font-size:11px!important;padding:9px 7px!important}body.client-connected .finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.client-connected main#main-content{padding:7px!important}body.client-connected .phase192-content .card{padding:10px!important}body.client-connected #client-dashboard-163 .client-dash-header{min-height:105px!important;padding:14px!important}}
@media print{body.client-connected #client-menu-163,body.client-connected #site-head #sh-nav{display:none!important}}


/* SOURCE /layout240.css?v=240 */
/* Phase 240 : une seule barre de defilement verticale, grilles de saisie compactes. */
html{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
body{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:visible!important;overflow-x:clip!important}
/* Les panneaux et les listes ne creent plus un second defilement vertical. */
body.admin215-layout #pane,body.client-connected .phase192-content,
body.client-connected #client-menu-163,body.admin215-layout #nav,
#main-content #pane,.admin214-panel,.phase192-content,
.tw,.scroll,.table-wrap,#pane .tw,#pane .table-wrap,
#main-content #app .workspace,#main-content #app #pane,
#main-content #app #nav{
 max-height:none!important;height:auto!important;overflow-y:visible!important;
 overscroll-behavior-y:auto!important;scrollbar-gutter:auto!important;
}
/* Un tableau large peut defiler horizontalement, jamais verticalement. */
.tw,.scroll,.table-wrap,#pane .tw,#pane .table-wrap{overflow-x:auto!important}
/* Pas de barres verticales parasites dans les cartes de rapport. */
body.admin215-layout #pane .admin214-panel{overflow-x:auto!important}
/* Les fenetres modales conservent leur defilement propre : necessaire a leur accessibilite. */
[role=dialog],dialog:modal,.dj-popup-panel,.popup230-panel{max-height:min(92dvh,950px)}
/* Grille uniforme des champs (3 ou 4 sur grand ecran), y compris les contenus injectes. */
@media(min-width:1180px){
 .fg[data-fg],.row[data-fg],.admin216-form,.formgrid,
 form .fg,form .row,form>.grid:not(.kpis):not(.stats),
 #customsSection .grid,#transportDetails200,.rg .fg{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px 12px!important;align-items:end!important;
 }
}
@media(min-width:760px) and (max-width:1179px){
 .fg[data-fg],.row[data-fg],.admin216-form,.formgrid,
 form .fg,form .row,form>.grid:not(.kpis):not(.stats),
 #customsSection .grid,#transportDetails200,.rg .fg{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px 12px!important;align-items:end!important;
 }
}
@media(min-width:510px) and (max-width:759px){
 .fg[data-fg],.row[data-fg],.admin216-form,.formgrid,
 form .fg,form .row,form>.grid:not(.kpis):not(.stats),
 #customsSection .grid,#transportDetails200,.rg .fg{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media(max-width:509px){
 .fg[data-fg],.row[data-fg],.admin216-form,.formgrid,
 form .fg,form .row,form>.grid:not(.kpis):not(.stats),
 #customsSection .grid,#transportDetails200,.rg .fg{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
}
/* Champs de taille constante et libelles complets, sans rogner les informations. */
.fg>*,.row>*,.formgrid>*,.admin216-form>*,form>.grid>*,#customsSection .grid>*{min-width:0!important;max-width:100%!important}
.fg label,.row label,.formgrid label,.admin216-form label,form>.grid label,#customsSection .grid label{
 overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.3!important;
}
.fg input:not([type=checkbox]):not([type=radio]),.fg select,
.row input:not([type=checkbox]):not([type=radio]),.row select,
.formgrid input:not([type=checkbox]):not([type=radio]),.formgrid select,
.admin216-form input:not([type=checkbox]):not([type=radio]),.admin216-form select,
form>.grid input:not([type=checkbox]):not([type=radio]),form>.grid select,
#customsSection .grid input:not([type=checkbox]):not([type=radio]),#customsSection .grid select{
 width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:36px!important;height:36px!important;padding:6px 9px!important;
 font-size:13px!important;box-sizing:border-box!important;
}
.fg textarea,.row textarea,.formgrid textarea,.admin216-form textarea,form>.grid textarea{width:100%!important;min-height:65px!important;max-width:100%!important;box-sizing:border-box!important}
.fg .actions,.fg .info,.fg .msg,.fg .full,.row .full,.formgrid .actions,.admin216-form .actions{grid-column:1/-1!important}
/* Ne jamais masquer les champs inactifs par manque de place. */
@media print{html,body,#pane,.phase192-content,.tw,.table-wrap{height:auto!important;max-height:none!important;overflow:visible!important}}


/* SOURCE /layout241.css?v=241 */
/* Phase 241 — unified interior header, compact viewport and bottom-aligned footer. */
:root{--dj241-navy:#082b64;--dj241-red:#e50930}
html{min-height:100%;scrollbar-gutter:stable;overflow-x:hidden}
body.dj241-interior{min-height:100dvh!important;height:auto!important;display:flex!important;flex-direction:column!important;margin:0!important;overflow-x:clip!important;overflow-y:auto!important;background:#f2f6fc!important}
body.dj241-interior>.dj241-banner{flex:0 0 auto;order:-1;min-height:45px;display:flex;align-items:center;gap:10px;padding:5px clamp(12px,2vw,28px);background:linear-gradient(105deg,#062453,#0b4389);border-bottom:3px solid #e50930;color:#fff;font:600 12px/1.35 system-ui,sans-serif;box-shadow:0 2px 10px #0924491b}
.dj241-banner img{width:41px;height:35px;object-fit:contain;flex:none;background:#fff;border-radius:50%;padding:2px}
.dj241-banner .dj241-name{font-size:13px;font-weight:800;letter-spacing:.025em}
.dj241-banner .dj241-route{margin-left:auto;font-size:11px;opacity:.9;white-space:nowrap}
body.dj241-interior>.fret-mini-brand{display:none!important}
body.dj241-interior>main,body.dj241-interior>#main-content,body.dj241-interior>#main,body.dj241-interior>.rg{flex:1 0 auto;min-height:0;margin-top:7px!important;margin-bottom:5px!important}
body.dj241-interior>.dj241-footer,body.dj241-interior>footer.fret-footer,body.dj241-interior>footer:not(.admin216-footer){margin-top:auto!important;flex:0 0 auto;position:relative!important;bottom:auto!important;width:100%;min-height:39px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 16px;padding:7px 12px!important;background:linear-gradient(105deg,#061d46,#0b397a)!important;border-top:3px solid #e50930!important;color:#fff!important;font:11px/1.35 system-ui,sans-serif!important;z-index:1}
body.dj241-interior>.dj241-footer a,body.dj241-interior>footer a{color:#fff!important;text-decoration:none}
body.dj241-interior .card,body.dj241-interior .panel,body.dj241-interior section.card{margin-bottom:7px!important}
body.dj241-interior .card h2,body.dj241-interior .panel h2{margin-top:0;margin-bottom:7px}
body.dj241-interior .kpis,body.dj241-interior .stats,body.dj241-interior .finance-grid{gap:7px!important}
body.dj241-interior .tw,body.dj241-interior .table-wrap{max-width:100%;overflow-x:auto!important;overflow-y:visible!important}
body.dj241-interior .tw table,body.dj241-interior .table-wrap table{font-size:12px}
body.dj241-interior th,body.dj241-interior td{padding:5px 7px}
body.dj241-interior input:not([type=checkbox]):not([type=radio]),body.dj241-interior select{min-height:34px}
body.dj241-interior .phase192-page-head{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
body.dj241-interior .phase192-page-head h1{font-size:17px!important;margin:0!important}
/* Never use position:fixed for the footer: it must not cover inputs or rows. */
@media(max-width:720px){.dj241-banner .dj241-route{display:none}.dj241-banner .dj241-name{font-size:12px}body.dj241-interior>.dj241-footer,body.dj241-interior>footer.fret-footer{font-size:10px!important;padding:7px!important}body.dj241-interior>main{width:100%;min-width:0}}
@media print{body.dj241-interior{display:block!important}body.dj241-interior>.dj241-banner{display:none!important}body.dj241-interior>.dj241-footer{position:static!important}}


/* SOURCE /layout257.css?v=257 */
/* Phase 257: consistent visual rhythm for all internal menus, preserving all fields. */
body.dj241-interior{--dj-space:10px;overflow-x:hidden!important}
body.dj241-interior>.dj241-banner{min-height:48px!important;max-width:100%;z-index:20}
body.dj241-interior .card,body.dj241-interior .panel{border-radius:11px!important}
body.dj241-interior input:not([type=checkbox]):not([type=radio]),body.dj241-interior select,body.dj241-interior textarea{max-width:100%;box-sizing:border-box}
body.dj241-interior :is(.grid,.form-grid,.fields-grid){min-width:0}
body.dj241-interior :is(.tw,.table-wrap){max-width:100%;overflow-x:auto!important}
body.dj241-interior>.dj241-footer,body.dj241-interior>footer.fret-footer{margin-top:auto!important;position:relative!important;bottom:auto!important;flex-shrink:0!important}
@media(max-width:750px){body.dj241-interior>.dj241-banner{padding:6px 10px!important}body.dj241-interior .card{padding:10px!important}}


/* SOURCE /pied-de-page260.css?v=260 */
/* Phase 260 : même pied de page sur chaque page, basé sur le modèle validé. */
html{min-height:100%}body.dj-footer-layout260{min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important}
body.dj-footer-layout260>.dj-footer260{margin-top:auto!important;flex:0 0 auto!important;position:relative!important;inset:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;z-index:1!important;clear:both!important;box-sizing:border-box!important}
body.dj-footer-layout260 .dj-footer260{background:linear-gradient(105deg,#061d45,#103e81)!important;color:white!important;border-top:3px solid #ed1240!important;border-radius:0!important;font:14px/1.55 Arial,sans-serif!important;overflow:hidden}
body.dj-footer-layout260 .dj-footer260 *{box-sizing:border-box}
body.dj-footer-layout260 .dj-footer260 a{color:white!important;text-decoration:none!important}
body.dj-footer-layout260 .dj-footer260 a:hover{text-decoration:underline!important}
body.dj-footer-layout260 .dj-footer260 .dj-foot-top{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;background:#051b3e;border-bottom:3px solid #ec123a;padding:10px 16px;font-size:12px}
body.dj-footer-layout260 .dj-footer260 .sf-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:24px 2.5% 26px!important}
body.dj-footer-layout260 .dj-footer260 .sf-col{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:4px 20px!important;border-right:1px solid #ffffff26!important;min-width:0!important}
body.dj-footer-layout260 .dj-footer260 .sf-col:last-child{border-right:0!important}
body.dj-footer-layout260 .dj-footer260 .sf-col h3{font-size:16px!important;font-weight:700!important;color:#fff!important;margin:0 0 7px!important}
body.dj-footer-layout260 .dj-footer260 .sf-col p{font-size:13px!important;line-height:1.8!important;margin:0!important;color:#fff!important}
body.dj-footer-layout260 .dj-footer260 .dj-foot-icon{font-size:30px;line-height:1;flex-shrink:0}
body.dj-footer-layout260 .dj-footer260 .dj-red{color:#ff5671}body.dj-footer-layout260 .dj-footer260 .dj-green{color:#28db87}
body.dj-footer-layout260 .dj-footer260 .sf-bar{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px 28px!important;padding:14px 20px!important;background:#061b3e!important;color:#fff!important;font-size:13px!important}
body.dj-footer-layout260 .dj-footer260 .sf-bar nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 22px!important}
body.dj-footer-layout260 .dj-footer260 .sf-bar nav a{font-weight:700!important}
@media(max-width:1100px){body.dj-footer-layout260 .dj-footer260 .sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:18px!important}body.dj-footer-layout260 .dj-footer260 .sf-col:nth-child(2){border-right:0!important}}
@media(max-width:650px){body.dj-footer-layout260 .dj-footer260 .sf-grid{grid-template-columns:1fr!important;padding:12px 16px!important;row-gap:0!important}body.dj-footer-layout260 .dj-footer260 .sf-col{border-right:0!important;border-bottom:1px solid #ffffff24!important;padding:12px 4px!important}body.dj-footer-layout260 .dj-footer260 .sf-col h3{font-size:14px!important}body.dj-footer-layout260 .dj-footer260 .sf-col p{font-size:12px!important}body.dj-footer-layout260 .dj-footer260 .sf-bar{font-size:11px!important;text-align:center!important}body.dj-footer-layout260 .dj-footer260 .dj-foot-top{font-size:11px!important}}
@media print{body.dj-footer-layout260 .dj-footer260{display:none!important}}


/* SOURCE /banniere262.css?v=262 */
/* Phase 262 : banniere unique responsive pour tous les espaces */
#site-head{position:relative!important;z-index:40!important}
#site-head .topbar{background:#fff!important;border-top:3px solid #082d66!important;border-bottom:3px solid #e6002d!important;min-height:82px!important;height:auto!important;display:flex!important;align-items:center!important;gap:clamp(8px,1.5vw,24px)!important;padding:8px clamp(12px,2vw,30px)!important;box-shadow:0 3px 12px #09244916!important}
#site-head .brand{min-width:0!important;flex:0 1 410px!important;text-decoration:none!important;gap:10px!important}
#site-head .dj262-brand-logo{height:62px!important;width:62px!important;object-fit:contain!important;flex-shrink:0!important}
#site-head .dj262-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.12;min-width:0}
#site-head .dj262-brand-copy b{font-size:clamp(13px,1.15vw,19px);font-weight:900;color:#072958;white-space:nowrap}
#site-head .dj262-brand-copy strong{font-size:clamp(12px,1.1vw,17px);font-weight:900;color:#e5002b;white-space:nowrap}
#site-head .dj262-brand-copy small{font-size:10px;color:#25466e;font-weight:700}
#site-head .top-contact{display:flex!important;align-items:center;gap:8px;min-width:0}
#site-head .top-contact small{font-size:11px!important}
#site-head .top-contact strong{font-size:clamp(11px,.85vw,14px)!important;line-height:1.25}
#site-head .top-actions{display:flex!important;gap:8px!important;align-items:center;flex:0 1 auto;min-width:0}
#site-head .dj262-identity{display:flex;align-items:center;gap:7px;min-width:0;max-width:235px}
#site-head .dj262-avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:#e4efff;color:#07336f;font-size:17px;font-weight:900}
#site-head .dj262-user{min-width:0;display:flex;flex-direction:column;gap:2px}
#site-head .dj262-role{font-weight:800;font-size:11px;color:#092858;white-space:nowrap}
#site-head .dj262-name{font-size:11px;color:#49617e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
#site-head #sh-account,#site-head .top-actions>.button{font-size:12px!important;padding:10px 12px!important;min-height:38px!important;border-radius:7px!important}
#site-head .sh-session{gap:5px!important}
#site-head #who{display:none!important}
#site-head #out:not(.hidden){display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:7px 10px!important;font-size:11px!important}
body .fret-mini-brand{display:none!important}
body.admin215-layout #site-head .topbar{height:auto!important;min-height:82px!important;padding:8px clamp(12px,2vw,30px)!important}
body.admin215-layout #site-head .brand{min-width:0!important}
body.admin215-layout #site-head .admin215-brand-icon{height:62px!important;width:62px!important}
body.admin215-layout #site-head .admin215-avatar{display:none!important}
@media(max-width:1400px){#site-head .top-contact{display:none!important}#site-head .brand{flex:1 1 auto!important}}
@media(max-width:820px){#site-head .topbar{flex-wrap:wrap!important;gap:7px!important}#site-head .brand{flex:1 1 100%!important}#site-head .dj262-brand-logo{width:45px!important;height:45px!important}#site-head .top-actions{width:100%!important;justify-content:space-between!important}#site-head .top-actions .button{display:inline-flex!important}#site-head .dj262-brand-copy b{font-size:13px!important}#site-head .dj262-brand-copy strong{font-size:12px!important}}
@media(max-width:490px){#site-head .dj262-brand-copy small{display:none}#site-head .dj262-identity{max-width:145px}#site-head .dj262-name{max-width:105px}#site-head .top-actions .green-bg{display:none!important}#site-head #sh-account{font-size:10px!important;padding:8px!important}}
@media print{#site-head{display:none!important}}

/* Phase 268 : logo transparent, directement devant la raison sociale */
#site-head .topbar .brand{display:inline-flex!important;align-items:center!important;gap:9px!important;flex:0 1 440px!important}
#site-head .dj262-brand-logo{background:transparent!important;width:58px!important;height:58px!important;object-fit:contain!important}
#site-head .dj262-brand-copy{align-items:flex-start!important}
#site-head .dj262-brand-copy b{font-size:clamp(12px,1vw,17px)!important}
#site-head .dj262-brand-copy strong{font-size:clamp(12px,.98vw,16px)!important}
#site-head .dj262-brand-copy small{font-size:11px!important}
@media(max-width:820px){#site-head .dj262-brand-logo{width:44px!important;height:44px!important}}


/* SOURCE /client263.css?v=263 */
/* Phase 263 — espace client dense, sans masquer les données */
@media(min-width:1100px) and (min-height:700px){
body.client-connected #site-head .topbar{min-height:55px!important;padding:4px 13px!important}
body.client-connected #site-head .dj262-brand-logo{height:43px!important;width:43px!important}
body.client-connected #site-head .dj262-brand-copy b{font-size:13px!important}
body.client-connected #site-head .dj262-brand-copy strong{font-size:12px!important}
body.client-connected #site-head #sh-nav.navbar{min-height:32px!important;padding:3px 10px!important}
body.client-connected #site-head #sh-nav .nav-item>a{padding:5px 8px!important;font-size:11px!important}
body.client-connected main#main-content{padding:5px 9px!important}
body.client-connected #app .phase192-shell{grid-template-columns:175px minmax(0,1fr)!important;gap:8px!important}
body.client-connected #client-menu-163{padding:7px!important;gap:3px!important;top:4px!important}
body.client-connected #client-menu-163 button{min-height:29px!important;padding:5px 7px!important;font-size:11px!important;line-height:1.1!important}
body.client-connected .phase192-content .card{padding:8px 10px!important;margin-bottom:5px!important;border-radius:8px!important}
body.client-connected .phase192-content h2{font-size:14px!important;margin:3px 0 5px!important}
body.client-connected .phase192-content h3{font-size:12px!important;margin:3px 0!important}
body.client-connected #client-dashboard-163 .client-dash-header{min-height:75px!important;padding:8px 13px!important;border-radius:8px!important}
body.client-connected #client-dashboard-163 .client-dash-header h2{font-size:19px!important;margin:2px 0!important}
body.client-connected #client-dashboard-163 .client-dash-header p{font-size:11px!important;line-height:1.2!important}
body.client-connected #client-dashboard-163 .client-dash-header img{height:44px!important;width:44px!important}
body.client-connected #client-dashboard-163 .client-dash-grid{gap:6px!important;margin:6px 0!important}
body.client-connected #client-dashboard-163 .client-dash-grid>div{min-height:55px!important;padding:7px!important}
body.client-connected #client-dashboard-163 .client-dash-grid b{font-size:17px!important}
body.client-connected .phase192-content th,body.client-connected .phase192-content td{padding:4px 6px!important;font-size:11px!important}
body.client-connected .phase192-content input,body.client-connected .phase192-content select{min-height:30px!important;padding:4px 6px!important;font-size:11px!important}
body.client-connected .phase192-content .row{gap:5px!important}
body.client-connected .phase192-content button{padding:5px 7px!important;font-size:11px!important}
}
/* Single vertical page scrollbar; tables can scroll horizontally */
body.client-connected #app,body.client-connected .phase192-content{height:auto!important;max-height:none!important;overflow-y:visible!important}
body.client-connected .phase192-content .tw{overflow-x:auto!important;overflow-y:visible!important}
/* Compact footer on the client dashboard; never overlap data */
body.client-connected .dj260-footer,body.client-connected footer{position:relative!important;bottom:auto!important}
@media(max-width:1099px){body.client-connected #app .phase192-shell{grid-template-columns:1fr!important}body.client-connected #client-menu-163{position:static!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}body.client-connected #client-menu-163 button{min-height:33px!important;font-size:11px!important;padding:6px 4px!important}}
@media(max-width:600px){body.client-connected #client-menu-163{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* SOURCE /client271.css?v=271 */
/* Phase 271 — accueil client réorganisé, sans bannière publicitaire. */
body.client-connected .phase192-page-head{display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dce5f1;border-left:4px solid #0c64cb;border-radius:9px;padding:8px 12px!important;margin:0 0 7px!important;min-height:0!important}
body.client-connected .phase192-page-head small{font-size:9px!important;letter-spacing:.05em;color:#60728a}
body.client-connected .phase192-page-head h1{font-size:17px!important;line-height:1.2!important;margin:1px 0!important;color:#0a2c58}
body.client-connected #phase192-client-status{font-size:10px!important;white-space:nowrap;color:#28704e}
body.client-connected #client-dashboard-163{margin-top:0!important;padding-top:0!important}
body.client-connected #client-dashboard-163 .client-dash-header{display:none!important}
body.client-connected #client-dashboard-163 .client-dash-grid{gap:8px!important;margin:0 0 9px!important}
body.client-connected #client-dashboard-163 .client-dash-grid>div{min-height:64px!important;padding:9px 11px!important;border-radius:9px!important}
body.client-connected #client-dashboard-163 .client-dash-grid small{font-size:11px!important;color:#546780}
body.client-connected #client-dashboard-163 .client-dash-grid b{font-size:20px!important;line-height:1.15!important}
body.client-connected #client-dashboard-163 .phase208-actions{gap:9px!important;margin:0 0 9px!important;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}
body.client-connected #client-dashboard-163 .phase208-actions>*{padding:10px 12px!important;border-radius:9px!important}
body.client-connected #client-dashboard-163 .phase208-search-row{gap:6px!important;margin:5px 0!important}
body.client-connected #client-dashboard-163 .phase208-search-row input{min-height:34px!important}
body.client-connected #client-dashboard-163 .phase208-notice p{margin:3px 0 7px!important}
body.client-connected #client-dashboard-163 .phase208-overview{gap:9px!important}
body.client-connected #client-dashboard-163 .phase208-table,body.client-connected #client-dashboard-163 .phase208-activity{padding:10px 12px!important;border-radius:9px!important}
body.client-connected #client-dashboard-163 .phase208-event{padding:5px 0!important}
body.client-connected #client-dashboard-163 .client-dash-help{margin:6px 0 0!important;font-size:10px!important}
body.client-connected #idc{padding:8px 12px!important}
body.client-connected #idc h2{margin:0 0 2px!important;font-size:12px!important}
body.client-connected #idc #idn{font-size:20px!important}
body.client-connected #idc p{font-size:10px!important;margin:1px 0!important}
body.client-connected #nc{padding:8px 12px!important}
body.client-connected #nc h2{margin:0!important;font-size:13px!important}
@media(max-width:900px){body.client-connected #client-dashboard-163 .phase208-actions{grid-template-columns:1fr!important}}
@media(max-width:700px){body.client-connected #client-dashboard-163 .client-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.client-connected .phase192-page-head{padding:7px 9px!important}body.client-connected .phase192-page-head h1{font-size:15px!important}}
@media(max-width:400px){body.client-connected #phase192-client-status{display:none!important}}


/* SOURCE /phase272.css?v=272 */
/* Phase 272 — Formulaire préavis complet et lisible, sans champ ni bouton masqué */
body.client-connected #supplier-notice{max-width:100%!important;overflow:visible!important;display:block;min-width:0}
body.client-connected #supplier-notice:not(.client-current){display:none!important}
body.client-connected #supplier-notice .finance-note{font-size:11px!important;line-height:1.45!important;margin:5px 0!important;color:#425777}
body.client-connected #supplier-form{display:flex;flex-direction:column;gap:7px;overflow:visible!important;max-height:none!important;min-height:0}
body.client-connected #supplier-form .dj272-preavis-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 10px!important;align-items:start}
body.client-connected #supplier-form .dj272-preavis-fields>div{min-width:0!important;grid-column:auto}
body.client-connected #supplier-form .dj272-preavis-fields>div[style*="grid-column:1/-1"]{grid-column:1/-1!important}
body.client-connected #supplier-form label{font-size:11px!important;line-height:1.35!important;margin-bottom:3px!important;display:block}
body.client-connected #supplier-form input,body.client-connected #supplier-form select,body.client-connected #supplier-form textarea{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:33px!important;font-size:12px!important}
body.client-connected #supplier-form textarea{min-height:54px!important;resize:vertical}
body.client-connected #supplier-form small{font-size:10px!important;line-height:1.35!important;display:block;color:#516581}
body.client-connected #supplier-form #smart-estimate{margin:3px 0!important;padding:8px 10px!important;font-size:12px!important}
body.client-connected #supplier-form .dj272-submit-area{position:relative!important;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:1px solid #b8d4f2;background:#eff6ff;border-radius:10px;padding:10px 12px;margin-top:3px;visibility:visible!important;opacity:1!important;min-height:65px}
body.client-connected #supplier-form .dj272-submit-copy{display:flex;flex-direction:column;gap:3px;flex:1 1 240px;color:#082d62}
body.client-connected #supplier-form #dj272-submit-preavis{display:inline-flex!important;justify-content:center;align-items:center;flex:0 1 auto;min-height:39px!important;padding:10px 18px!important;background:#0861bb!important;color:white!important;border:0!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;visibility:visible!important;opacity:1!important;white-space:normal;text-align:center}
body.client-connected #supplier-form #dj272-submit-preavis:disabled{opacity:.65!important;cursor:wait!important}
body.client-connected #supplier-msg:not(:empty){padding:9px 11px!important;border-radius:7px!important;background:#edf7ff!important;overflow-wrap:anywhere}
body.client-connected #supplier-list{max-width:100%;overflow-x:auto!important}
@media(max-width:1180px){body.client-connected #supplier-form .dj272-preavis-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body.client-connected #supplier-form .dj272-preavis-fields{grid-template-columns:1fr!important}body.client-connected #supplier-form .dj272-submit-area{align-items:stretch!important}body.client-connected #supplier-form #dj272-submit-preavis{width:100%!important}}
/* Regroupement : une seule bannière de marque, pas de pied de page intermédiaire */
body.dj272-regroupement>.dj241-banner,body.dj272-regroupement>.dj241-footer,body.dj272-regroupement>footer:not(.dj-footer260){display:none!important}
body.dj272-regroupement #site-head{margin:0!important}
body.dj272-regroupement>header.dj272-regroupement-head{padding:9px 20px!important;background:#0a2c5f!important;border-bottom:3px solid #e60b39!important;min-height:48px!important}
body.dj272-regroupement>header.dj272-regroupement-head strong{font-size:14px!important}
body.dj272-regroupement>header.dj272-regroupement-head .sub{font-size:11px!important}
body.dj272-regroupement main{width:100%;max-width:1200px!important;padding:12px!important;gap:10px!important;flex:1 0 auto}
body.dj272-regroupement main .card{padding:12px 15px!important;border-radius:10px!important}
body.dj272-regroupement main h1{font-size:19px!important}body.dj272-regroupement main h2{font-size:15px!important}
body.dj272-regroupement main .sub{line-height:1.45!important;margin:5px 0!important}
body.dj272-regroupement main #create[hidden]{display:none!important}


/* SOURCE /phase273.css?v=273 */
/* Phase 273: liens client cohérents, contenu propre à chaque menu */
body.client-connected #client-menu-163 button{white-space:normal;overflow-wrap:anywhere}
body.client-connected #app [data-client-section="colis"].client-current,
body.client-connected #app [data-client-section="declarations"].client-current{min-width:0}
body.client-connected #app [data-client-section="colis"] .tw,
body.client-connected #app [data-client-section="finance"] .tw{max-width:100%;overflow-x:auto}
body.client-connected #app #supplier-notice .dj272-submit-area{margin-top:8px}


/* SOURCE /client275.css?v=275 */
/* Phase 275 : menu Client unique sur une ligne, sans colonne latérale. */
body.client-connected #app .phase192-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;max-width:1600px!important;align-items:start!important}
body.client-connected #app #client-menu-163{grid-column:1!important;position:relative!important;top:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;gap:5px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a6b9d4 transparent;background:#082d61!important;border:1px solid #224a7d!important;border-radius:9px!important;padding:6px!important;margin:0!important;box-shadow:none!important}
body.client-connected #app #client-menu-163 button{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:33px!important;height:33px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:11px!important;line-height:1!important;font-weight:650!important;padding:7px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#f4f8ff!important;text-align:center!important}
body.client-connected #app #client-menu-163 button:hover{background:#1a518e!important}
body.client-connected #app #client-menu-163 button[aria-current="page"]{background:#fff!important;color:#082d61!important;border-color:#fff!important}
body.client-connected #app .phase192-content{grid-column:1!important;width:100%!important;min-width:0!important}
/* Les quatre liens historiques sont inclus dans les huit onglets ci-dessus. */
body.client-connected #site-head #sh-nav{display:none!important}
body.client-connected #site-head #sh-toggle{display:none!important}
@media(max-width:800px){body.client-connected #app #client-menu-163{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:nowrap!important;position:relative!important}body.client-connected #app #client-menu-163 button{width:auto!important;text-align:center!important}}


/* SOURCE /client279.css?v=279 */
/* Phase 279 : retirer exclusivement le menu secondaire du bandeau de l’espace client.
   Conserver les huit onglets fonctionnels sous la bannière. */
body #site-head #sh-nav,body #site-head #sh-toggle{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important}
body.client-connected #app #client-menu-163{display:flex!important;visibility:visible!important}


/* SOURCE /statuts283.css?v=283 */
/* Statuts logistiques communs — phase 283 */
.djf283-status{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:750;line-height:1.25;white-space:normal;border:1px solid transparent}
.djf283-status::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.djf283-status.wait{background:#fff3da;color:#8b4c05;border-color:#f1cf87}
.djf283-status.received{background:#e0f7e9;color:#116a37;border-color:#9bd6b1}
.djf283-status.progress{background:#e5efff;color:#174d95;border-color:#a8c4ed}
.djf283-status.alert{background:#ffe8e8;color:#a51e29;border-color:#f1b0b5}
.djf283-status.neutral{background:#edf0f5;color:#475569;border-color:#cbd5e1}
.djf283-preavis{margin:9px 0 13px;padding:11px 12px;border:1px solid #d5e1ee;border-radius:10px;background:#f8fbff}
.djf283-preavis h3{font-size:15px;margin:0 0 8px;color:#0a315f}
.djf283-preavis table{width:100%}


/* SOURCE /phase298.css?v=298 */
/* Phase 298: responsive layout, no hidden functionality */
@media(min-width:1024px) and (min-height:650px){:is(main,.main-content,.app-main,.content-wrapper,.dashboard,.dashboard-content,.page-content,.workspace){min-width:0;max-width:100%}:is(.table-responsive,.table-container,.table-wrap){max-width:100%;overflow-x:auto}:is(input,select,textarea,button){box-sizing:border-box}}
@media(max-width:1023px),(max-height:649px){body{overflow-y:auto}:is(.dashboard,.page-content,.workspace){max-height:none}}


/* SOURCE /phase299.css?v=299 */
/* Phase 299 : densité harmonisée, contenu accessible, sans sous-fenêtres imbriquées */
*,*::before,*::after{box-sizing:border-box}
@media(min-width:1024px) and (min-height:700px){
  :is(.page-content,.dashboard-content,.main-content,.content-wrapper){padding-block:clamp(8px,1.2vh,16px)}
  :is(.page-content,.dashboard-content,.main-content) :is(h1,h2){margin-block:0.35em}
  :is(.page-content,.dashboard-content,.main-content) :is(.card,.panel){margin-bottom:clamp(6px,0.8vh,12px)}
  :is(.page-content,.dashboard-content,.main-content) :is(input,select,button){min-height:32px}
}
/* Les tableaux larges restent consultables; ne jamais couper les actions. */
:is(.table-responsive,.table-container,.table-wrap){overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
:is(.modal,.dialog,[role="dialog"]){max-height:min(92dvh,900px);overflow-y:auto}
@media(max-height:700px){:is(.modal,.dialog,[role="dialog"]){max-height:95dvh}}
@media(max-width:767px){:is(.page-content,.dashboard-content,.main-content){padding-inline:10px} :is(.modal,.dialog,[role="dialog"]){max-width:calc(100vw - 16px)}}


/* SOURCE /phase300.css?v=300 */
/* Phase 300: responsive without clipping controls, tables or footer */
:root{--dj-density-gap:clamp(6px,.85vh,12px)}
@media (min-width:1024px) and (min-height:720px){
 :is(.page-content,.dashboard-content,.main-content,.content-wrapper,.workspace){padding-top:var(--dj-density-gap);padding-bottom:var(--dj-density-gap)}
 :is(.page-content,.dashboard-content,.main-content,.workspace) :is(.card,.panel,.widget){margin-block:var(--dj-density-gap)}
 :is(.page-content,.dashboard-content,.main-content,.workspace) :is(h1,h2,h3){line-height:1.2}
 :is(.page-content,.dashboard-content,.main-content,.workspace) :is(input,select,button){max-width:100%}
}
/* The footer stays in the normal document flow; content must never be hidden. */
body{min-width:0}
:where(main,section,article,.card,.panel,.workspace){min-width:0}
:where(.table-responsive,.table-container,.table-wrap){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
:where(.modal,.dialog,[role=dialog]){max-height:calc(100dvh - 24px);overflow-y:auto}
@media(max-height:719px),(max-width:1023px){html,body{min-height:100%;height:auto}body{overflow-y:auto}}


/* SOURCE /phase308-client.css?v=308 */
/* Phase 308 : navigation client homogène, contenu accessible. */
.phase192-content {min-width:0;max-width:100%;}
.phase192-page-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
#phase306-repacks {min-width:0;max-width:100%;box-sizing:border-box;}
#phase306-repack-results {max-width:100%;min-width:0;overflow-x:auto;}
#phase306-repack-results img {max-width:100%;height:auto;object-fit:contain;}
#phase306-repack-results table {width:100%;}
@media(min-width:1000px){.phase192-content .card{margin-block:8px;padding:clamp(10px,1.2vw,16px)}.phase192-page-head{margin-bottom:8px}}
@media(max-height:700px){.phase192-content{overflow-y:auto;max-height:calc(100dvh - 125px)}}


/* SOURCE /phase309-client.css?v=309 */
/* Phase 309 : même en-tête, navigation et pied de page pour toutes les vues client. */
body.client-connected .phase192-content {min-width:0;max-width:100%;}
body.client-connected .phase192-page-head {position:relative;min-width:0;gap:8px;}
body.client-connected .phase192-content :is(.card,table,form,fieldset){max-width:100%;min-width:0;}
body.client-connected .phase192-content :is(input,select,textarea){max-width:100%;}
body.client-connected .phase192-content :is(.tw,.table-responsive){overflow-x:auto;max-width:100%;}
body.client-connected .phase192-content img {max-width:100%;height:auto;}
body.client-connected [data-client-section].hidden {display:none!important;}
body.client-connected [data-client-section]:not(.hidden){scroll-margin-top:10px;}
@media(min-width:1050px) and (min-height:740px){body.client-connected .phase192-content .card{margin-bottom:7px!important;padding:10px 12px!important}body.client-connected .phase192-page-head{margin-bottom:7px!important}}
@media(max-height:740px){body.client-connected{overflow-y:auto!important}body.client-connected .phase192-content{max-height:none!important;overflow:visible!important}}
@media(max-width:720px){body.client-connected .phase192-content{width:100%;}body.client-connected .phase192-page-head{flex-wrap:wrap;}}


/* SOURCE /phase310-client.css?v=310 */
/* Phase 310 : navigation client cohérente, sans couper les informations. */
body.client-connected #app [data-client-section]:not(.client-current){display:none!important}
body.client-connected #app [data-client-section].client-current:not(.hidden){display:block!important}
body.client-connected #app .phase192-content{min-width:0;width:100%;}
body.client-connected #app .phase192-content :is(button,a,input,select,textarea){max-width:100%;}
body.client-connected #app .phase192-content :is(.tw,.table-responsive){overflow-x:auto;overscroll-behavior-x:contain;}
body.client-connected #app #phase306-repacks img{max-width:100%;height:auto;object-fit:contain;}
body.client-connected #app #phase306-repacks :is(button,a){min-height:32px;}
@media(min-width:1100px) and (min-height:800px){body.client-connected #app .phase192-content .card{padding:9px 12px;margin-bottom:6px}}
@media(max-height:799px){body.client-connected{overflow-y:auto!important}body.client-connected #app .phase192-content{overflow:visible!important;max-height:none!important}}


/* SOURCE /phase312-client.css?v=312 */
/* Phase 312 : menu Espace Client aligne sur le trait rouge inferieur de l'entete. */
body.client-connected #app{margin-top:0!important;padding-top:0!important}
body.client-connected #app .phase192-shell{margin-top:0!important;padding-top:0!important;align-items:start!important}
body.client-connected #client-menu-163{margin-top:0!important;top:0!important;align-self:start!important}
body.client-connected #app .phase192-content{margin-top:0!important;padding-top:0!important}
@media(max-width:800px){body.client-connected #client-menu-163{top:auto!important;margin-top:0!important}}


/* SOURCE /phase313.css?v=313 */
/* Phase 313: client shell, single header, menu immediately beneath red rule. */
body.client-connected #client-menu-163 { margin-top:0!important; padding-top:0!important; }
body.client-connected .phase192-page-head { margin-top:0!important; }
body.client-connected #phase306-repacks { min-width:0; max-width:100%; }
body.client-connected #phase306-repack-results { overflow-x:auto; }
body.client-connected #phase306-repack-results img { max-width:100%; height:auto; }
@media(min-width:900px){body.client-connected #phase306-repacks {padding:10px 14px!important}}


/* SOURCE /phase314-client.css?v=314 */
/* Phase 314: profil client et déconnexion alignés en haut à droite de l'entête commune. */
body.client-connected #site-head .topbar{display:flex!important;align-items:center!important;gap:12px!important}
body.client-connected #site-head .top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-shrink:0}
body.client-connected #site-head .sh-session{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 8px 6px 13px!important;background:#f2f6fc!important;border:1px solid #dce6f2!important;border-radius:12px!important;box-shadow:0 3px 12px #0924490d!important}
body.client-connected #site-head #who{max-width:210px!important;font-size:12px!important;line-height:1.35!important;color:#092449!important;font-weight:750!important}
body.client-connected #site-head #out:not(.hidden){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:#ba1931!important;color:#fff!important;border:1px solid #ba1931!important;border-radius:9px!important;min-height:37px!important;padding:8px 13px!important;font-size:12px!important;font-weight:800!important;box-shadow:0 3px 10px #ba193125!important}
body.client-connected #site-head #out:not(.hidden):hover{background:#951128!important}
body.client-connected #site-head #out:focus-visible{outline:3px solid #f0ac4b!important;outline-offset:2px!important}
@media(max-width:1100px){body.client-connected #site-head .top-contact{display:none!important}body.client-connected #site-head #who{max-width:160px!important}}
@media(max-width:650px){body.client-connected #site-head .topbar{flex-wrap:wrap!important}body.client-connected #site-head .top-actions{margin-left:auto!important}body.client-connected #site-head .sh-session{padding:5px!important}body.client-connected #site-head #who{max-width:110px!important;font-size:10px!important}body.client-connected #site-head #out:not(.hidden){padding:7px 9px!important;font-size:11px!important}body.client-connected #site-head #sh-account,body.client-connected #site-head .top-actions>a.button.green-bg{display:none!important}}


/* SOURCE /phase315-client.css?v=315 */
/* Phase 315 : retirer uniquement le bandeau bleu secondaire de l'espace client.
   L'entête générale #site-head, les menus et le contenu restent inchangés. */
body.client-connected #app .phase192-page-head {display:none!important}
body.client-connected #app .phase192-content {padding-top:0!important}
body.client-connected #app .phase192-shell {margin-top:0!important}
/* Laisser les cartes et le menu visibles, y compris sur petits écrans. */


/* SOURCE /phase317-client.css?v=317 */
/* Phase 317: l'espace client utilise uniquement son entete officielle. */
body>.dj241-banner,body>.dj241-interior>.dj241-banner{display:none!important}
body.dj241-interior>.dj241-banner{display:none!important}
/* Aucun espace reserve au bandeau supprime. */
body.dj241-interior{padding-top:0!important}


/* SOURCE /phase318-client.css?v=318 */
/* Phase 318 : barre des menus juste sous le trait rouge de l'entete. */
body.client-connected main#main-content {margin:0!important;padding:0 12px!important;max-width:none!important}
body.client-connected #app {margin:0!important;padding:0!important}
body.client-connected #app .phase192-shell {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.client-connected #client-menu-163 {position:static!important;top:auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:8px 10px!important;border-radius:0 0 10px 10px!important}
body.client-connected #client-menu-163 button {width:auto!important;min-height:38px!important;flex:0 0 auto!important;padding:8px 10px!important;font-size:clamp(11px,.76vw,14px)!important;text-align:center!important;white-space:normal!important}
body.client-connected #app .phase192-content {margin:0!important;padding:0!important;width:100%!important;min-width:0!important}
body.client-connected #app .phase192-page-head {display:none!important}
@media(max-width:850px){body.client-connected main#main-content{padding:0 6px!important}body.client-connected #client-menu-163{display:flex!important;flex-wrap:wrap!important;border-radius:0 0 8px 8px!important;padding:6px!important}body.client-connected #client-menu-163 button{width:auto!important;flex:1 1 140px!important;font-size:12px!important}}


/* SOURCE /phase319-client.css?v=319 */
/* Phase 319 — barre client accolée au liseré rouge de l'entête. */
body.client-connected #site-head{margin-bottom:0!important}
body.client-connected main#main-content{margin:0!important;padding:0!important;max-width:none!important}
body.client-connected main#main-content>#app{margin:0!important;padding:0!important}
body.client-connected #app .phase192-shell{margin:0!important;padding:0!important;gap:0!important;max-width:none!important;align-items:stretch!important}
body.client-connected #client-menu-163{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:5px!important;padding:7px clamp(8px,1.5vw,22px)!important;min-height:0!important}
body.client-connected #app .phase192-content{padding:10px clamp(8px,2.5vw,48px) 8px!important;margin:0!important;min-width:0!important}
body.client-connected #client-menu-163 button{min-height:34px!important;padding:7px 10px!important}
@media(max-width:800px){body.client-connected #client-menu-163{overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:thin}body.client-connected #client-menu-163 button{flex:0 0 auto!important;white-space:nowrap!important}}


/* SOURCE /phase322-sans-bandeau.css?v=322 */
/* Phase 322 — suppression du bandeau bleu secondaire, sans toucher à l'entête blanche. */
body > .dj241-banner, #site-head .dj276-strip, #site-head .dj278-strip { display:none!important; }
body.dj241-interior > .dj241-banner { display:none!important; }
/* Les menus et le contenu remontent naturellement sous l'entête conservée. */
body.dj241-interior { min-width:0; }
body.dj241-interior > main { min-width:0; max-width:100%; }
@media(max-width:800px){body.dj241-interior > main{overflow-wrap:anywhere}}


/* SOURCE /phase323-menu-colle.css?v=323 */
/* Phase 323: suppression de l’espace entre le liseré de l’entête et le menu client. */
body.client-connected {margin:0!important;}
body.client-connected #site-head {display:block!important;margin:0!important;padding:0!important;border-bottom:3px solid #ed1740!important;}
body.client-connected #site-head .topbar {margin:0!important;}
body.client-connected #site-head + main,
body.client-connected main#main-content {display:block!important;margin:0!important;padding:0!important;border:0!important;max-width:none!important;}
body.client-connected main#main-content > #app {display:block!important;margin:0!important;padding:0!important;}
body.client-connected #app .phase192-shell {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:0!important;}
body.client-connected #app #client-menu-163 {position:relative!important;top:0!important;inset-block-start:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:6px 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;overflow-x:auto!important;scrollbar-width:thin;}
body.client-connected #app #client-menu-163 button {flex:0 0 auto!important;width:auto!important;min-height:35px!important;white-space:nowrap!important;}
body.client-connected #app .phase192-content {margin:0!important;padding-top:10px!important;}
@media(max-width:800px){body.client-connected #app #client-menu-163{flex-wrap:nowrap!important;justify-content:flex-start!important;padding:5px 8px!important}}


/* SOURCE /phase324-menu-direct.css?v=324 */
/* Phase 324 : navigation client physiquement accolée à l'entête. */
body:not(.client-connected) > #client-menu-163 {display:none!important}
body.client-connected > #client-menu-163 {display:flex!important;position:relative!important;inset:auto!important;flex-flow:row nowrap!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:6px 12px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#092d60!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;z-index:2}
body.client-connected > #client-menu-163 button {flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;width:auto!important}
body.client-connected #site-head {margin-bottom:0!important}
body.client-connected main#main-content,body.client-connected main#main-content>#app,body.client-connected #app .phase192-shell {margin-top:0!important;padding-top:0!important}
body.client-connected #app .phase192-content {padding-top:8px!important}
@media(max-width:800px){body.client-connected > #client-menu-163{padding:5px 8px!important}}


/* SOURCE /phase326-search.css?v=326 */
/* Phase 326: recherche accessible et non intrusive */
#dj326-open{white-space:nowrap;background:#fff!important;color:#092449!important;border:1px solid #bed0e8!important;border-radius:7px!important;padding:7px 12px!important;cursor:pointer}
#dj326-panel[hidden]{display:none!important}#dj326-panel{position:fixed;inset:0;z-index:99999;background:#07172d9c;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 20px;box-sizing:border-box}
.dj326-dialog{width:min(540px,100%);background:white;color:#092449;border-radius:14px;padding:18px;box-shadow:0 18px 65px #0005;max-height:75vh;overflow:auto}
.dj326-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dj326-top button{background:#f1f5fb;color:#092449;border:1px solid #ccd8e6;border-radius:8px;padding:8px 12px}
#dj326-panel input{display:block;width:100%;box-sizing:border-box;font-size:16px;padding:12px;border:1px solid #8fa9c8;border-radius:9px;margin-bottom:10px}
.dj326-results{display:grid;gap:6px}.dj326-option{text-align:left;padding:11px 13px;background:#f1f5fb;border:1px solid #d7e1ee;border-radius:8px;color:#092449;cursor:pointer}.dj326-option:hover,.dj326-option:focus{background:#dbeaff;outline:2px solid #2867be}


/* SOURCE /phase330-uniforme.css?v=330 */
/* Phase 330 — harmonisation sans perte de fonctions */
:root{--p330-gap:10px;--p330-radius:10px}
*,*::before,*::after{box-sizing:border-box}
:is(main,.main-content,.page-content,.workspace,.dashboard,.content-wrapper){min-width:0}
:is(.card,.panel,.widget,section){min-width:0}
:is(.card,.panel,.widget){border-radius:var(--p330-radius)}
:is(.card,.panel,.widget) :is(h1,h2,h3){margin-block:0 8px;line-height:1.2}
:is(.card,.panel,.widget) :is(input,select,textarea){max-width:100%;min-width:0}
:is(.table-wrap,.table-responsive,.table-container){overflow-x:auto;max-width:100%}
:is(.p230-overlay){position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(12,26,45,.55)}
:is(.p230-window){width:min(660px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;color:#152638;box-shadow:0 15px 45px #0004}
:is(.p230-header){flex:0 0 auto;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #bd2038}
:is(.p230-content){min-height:0;overflow:auto;padding:12px 14px}
:is(.p230-footer){flex:0 0 auto;padding:7px 14px;font-size:11px;border-top:1px solid #d9dfe7}
.p230-content form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:start}
.p230-content form :is(.full,.full-width,[data-full-width],fieldset,.form-actions,.actions,button[type=submit]){grid-column:1/-1}
.p230-content :is(input,select,textarea){width:100%;min-width:0}
@media(max-width:640px){.p230-content form{grid-template-columns:minmax(0,1fr)}}
@media(max-height:650px){.p230-window{max-height:calc(100dvh - 12px)}.p230-content{padding:8px 12px}}


/* SOURCE /phase331-layout.css?v=331 */
/* Phase 331 — ergonomie compacte commune, sans masquer les actions */
:root{--fret-compact-gap:8px;--fret-compact-radius:9px}
:is(.p230-window){width:min(720px,calc(100vw - 20px));max-height:calc(100dvh - 20px);border:1px solid #d7dfe9}
:is(.p230-header){position:sticky;top:0;background:#fff;z-index:2;gap:12px}
:is(.p230-header strong){font-size:15px;line-height:1.25}
:is(.p230-close){min-width:34px;min-height:34px;cursor:pointer}
:is(.p230-content){overscroll-behavior:contain}
:is(.p230-content label){font-size:12px;font-weight:600;line-height:1.3}
:is(.p230-content input,.p230-content select,.p230-content textarea){font-size:13px;min-height:34px;padding:6px 9px}
:is(.p230-content textarea){min-height:64px}
:is(.p230-content button){min-height:34px}
:is(.p230-open){cursor:pointer;max-width:100%;white-space:normal;text-align:center}
:is(.table-responsive,.table-container,.table-wrap){max-width:100%;overflow-x:auto}
:is(.table-responsive table,.table-container table,.table-wrap table){width:100%}
@media(max-width:680px){.p230-window{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.p230-content{padding:10px}.p230-content form{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.p230-overlay *{animation:none!important;transition:none!important}}


/* SOURCE /phase332.css?v=332 */
/* Phase 332: finitions accessibles et compactes */
.p230-window{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.p230-header{gap:12px}.p230-header strong{font-size:15px;line-height:1.25}
.p230-close{min-width:32px;min-height:32px;cursor:pointer}
.p230-content label{font-size:12px;font-weight:600;line-height:1.3}
.p230-content :is(input,select,textarea){min-height:34px;font-size:13px}
.p230-content textarea{min-height:60px;resize:vertical}
.p230-content :is(button,input,select,textarea):focus-visible,.p230-open:focus-visible,.p332-intel:focus-visible{outline:3px solid #0876c9;outline-offset:2px}
.p230-open{max-width:100%;white-space:normal;min-height:34px}
.p332-intel{display:block;margin:8px;padding:9px 10px;border-radius:8px;background:#153b66;color:white!important;text-decoration:none;font-size:13px;font-weight:700}
.p332-intel:hover{background:#0c2848}
@media(max-width:700px){.p230-window{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.p230-content{padding:8px}.p230-content form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.p230-window,.p230-overlay{animation:none!important;transition:none!important}}


/* SOURCE /terms228.css?v=228 */
#terms228{position:fixed;inset:0;z-index:999999;background:#09213caa;display:grid;place-items:center;padding:14px}#terms228 .terms228-card{background:#fff;color:#1a2d43;width:min(490px,100%);padding:22px;border-radius:13px;box-shadow:0 15px 65px #07172d66;font:14px/1.5 system-ui,Arial}#terms228 h2{margin:0 0 8px;font-size:20px;color:#092b60}#terms228 p{margin:7px 0 12px}#terms228 a{font-weight:700;color:#0c58a2}#terms228 label{display:flex;align-items:flex-start;gap:8px;margin:12px 0}#terms228 input{width:17px;height:17px;flex:none;margin-top:2px}#terms228 .terms228-warning{background:#fff0ed;color:#a82727;border-left:3px solid #c32b2b;padding:8px;font-weight:800}#terms228 .terms228-actions{display:flex;gap:8px;flex-wrap:wrap}#terms228 button{border:0;border-radius:7px;background:#092b60;color:#fff;padding:9px 12px;cursor:pointer}#terms228 button:disabled{opacity:.5;cursor:not-allowed}#terms228 #terms228later{background:#e9eef5;color:#243b54}#terms228error{color:#b32626}

/* SOURCE /wizard243.css?v=244 */
/* Phase 243 — saisie progressive sans perte des valeurs */
.djf-wizard-hidden{display:none!important}.djf-wizard-nav{margin:12px 0;padding:12px;border:1px solid #cbd8ea;background:#f2f6fd;border-radius:12px}.djf-wizard-heading,.djf-wizard-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}.djf-wizard-heading{margin-bottom:10px;color:#0a2d63}.djf-wizard-progress{font-size:12px;font-weight:700}.djf-wizard-buttons{justify-content:flex-end}.djf-wizard-buttons button{min-height:38px;padding:8px 18px;border-radius:8px;border:1px solid #174b91;background:#fff;color:#123f7e;font-weight:700;cursor:pointer}.djf-wizard-buttons .djf-wizard-next{background:#0c4da7;color:#fff}.djf-wizard-buttons button:disabled{opacity:.4;cursor:default}.djf-wizard-nav[hidden]{display:none!important}@media(max-width:650px){.djf-wizard-buttons button{flex:1}.djf-wizard-heading{flex-wrap:wrap}}
/* Phase 244 */
.djf-wizard-track{height:5px;border-radius:99px;background:linear-gradient(to right,#1359b5 var(--progress,0%),#d7e1ef var(--progress,0%));margin:0 0 12px}.djf-wizard-review{background:#fff;border:1px solid #d4e0ef;border-radius:8px;padding:12px;margin-bottom:10px}.djf-wizard-review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin:8px 0 0}.djf-wizard-review dt{font-size:11px;color:#536b88}.djf-wizard-review dd{font-size:13px;font-weight:600;margin:0;overflow-wrap:anywhere}.djf-wizard-review[hidden]{display:none!important}@media(max-width:600px){.djf-wizard-review dl{grid-template-columns:1fr}}