/* BersoGest — habillage inspiré du guide DESIGN (indigo sur blanc, aplats, filets 1px) */
:root{--blue-deep:#061b31;--blue-mid:#533afd;--blue-light:#7389ff;--blue-pale:#f8fafd;--gray-light:#f8fafd;--gray-mid:#e5edf5;--gray-text:#64748d;
--green:#1f7a5a;--orange:#b9702a;--red:#b23a48;--shadow:none;--radius:4px;--wash:#e8e9ff}
html{-webkit-font-smoothing:antialiased}
body{font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-weight:300;background:#fff;color:var(--blue-deep);letter-spacing:-.01em;font-feature-settings:"ss01","tnum"}
b,strong,th,label,.stat-lbl,.badge,.btn,.tab,nav button,.page-title,.card h2{font-weight:400}
header{background:#fff;color:var(--blue-deep);box-shadow:none;border-bottom:1px solid var(--gray-mid);height:68px;position:sticky;top:0}
.logo{font-family:'Inter Tight',sans-serif;font-weight:300;font-size:1.5rem;letter-spacing:-.03em;color:var(--blue-deep)}
.logo span{color:var(--blue-mid)}
nav button{color:var(--blue-deep);border-radius:4px;text-transform:none;font-size:.86rem;letter-spacing:-.01em;padding:8px 12px}
nav button:hover{background:var(--gray-mid);color:var(--blue-deep)}
nav button.active{background:var(--wash);color:var(--blue-mid)}
.tva-badge{background:var(--wash);color:var(--blue-mid);border-radius:9999px;animation:none;font-weight:400}
main{max-width:1320px;padding:48px 32px}
.page-title{font-size:2rem;font-weight:300;letter-spacing:-.04em;line-height:1.1;margin-bottom:32px}
.card{border:1px solid var(--gray-mid);border-radius:4px;padding:32px;box-shadow:none;background:#fff}
.card h2{font-size:1.35rem;font-weight:300;letter-spacing:-.02em}
.stat{border:1px solid var(--gray-mid);border-left:1px solid var(--gray-mid);border-radius:4px;box-shadow:none;padding:24px}
.stat.g,.stat.o,.stat.r{border-left-color:var(--gray-mid)}
.stat-lbl{font-size:.72rem;letter-spacing:.06em;color:#839bc8;font-weight:400}
.stat-val{font-size:2.2rem;font-weight:300;letter-spacing:-.03em}
input,select,textarea{border:1px solid var(--gray-mid);border-radius:4px;font-weight:300;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--blue-mid);box-shadow:none;outline:0}
label{text-transform:none;font-size:.82rem;color:var(--gray-text);letter-spacing:-.01em}
.btn{border-radius:4px;font-weight:400;letter-spacing:-.01em;padding:11px 20px}
.btn-p{background:var(--blue-mid)}.btn-p:hover{background:var(--blue-light)}
.btn-s{background:#fff;color:var(--blue-mid);border:1px solid #b9b9f9}.btn-s:hover{background:var(--wash)}
.btn-g,.btn-o{background:#fff;color:var(--blue-mid);border:1px solid #b9b9f9}.btn-g:hover,.btn-o:hover{background:var(--wash)}
.btn-r{background:#fff;color:var(--red);border:1px solid #e6c3c8}.btn-r:hover{background:#fbf1f2}
.btn-sm{padding:6px 12px}
th{background:#fff;color:#839bc8;border-bottom:1px solid var(--gray-mid);font-weight:400;letter-spacing:.06em}
td{border-bottom:1px solid var(--gray-mid)}
tr:hover td{background:var(--gray-light)}
.badge,.conf-badge{border-radius:9999px;font-weight:400;background:var(--gray-mid)!important;color:var(--blue-deep)!important}
.b-paid,.b-ok,.conf-haute{background:var(--wash)!important;color:var(--blue-mid)!important}
.b-unpaid,.conf-faible{background:#fbf1f2!important;color:var(--red)!important}
.tabs{border-bottom:1px solid var(--gray-mid);gap:0}
.tab{background:#fff;border-radius:0;border-bottom:2px solid transparent;color:var(--gray-text);padding:10px 18px}
.tab.active{background:#fff;color:var(--blue-mid);border-bottom-color:var(--blue-mid)}
.tva-wrap{border-radius:4px;background:var(--gray-mid)}
.tva-bar{background:var(--blue-mid);border-radius:4px}
.dropzone{border:1px dashed #b9b9f9;border-radius:4px;background:var(--gray-light)}
.dropzone:hover,.dropzone.drag{background:var(--wash);border-color:var(--blue-mid)}
.extract-box,.pi{background:var(--gray-light);border-radius:4px}
.rdv-slot,.charge-item{box-shadow:none;border:1px solid var(--gray-mid);border-radius:4px}
.trim-card{box-shadow:none;border:1px solid var(--gray-mid);border-top:1px solid var(--gray-mid);border-radius:4px}
.trim-card.t2,.trim-card.t3,.trim-card.t4{border-top-color:var(--gray-mid)}
.cat-bar{background:var(--blue-mid);border-radius:2px}
.notif{background:var(--blue-deep);border-radius:4px;box-shadow:none;font-weight:400}
.inv-wrap{border:1px solid var(--gray-mid);border-radius:4px}
.inv-brand{font-family:'Inter Tight',sans-serif;font-weight:300}
.inv-t th{background:var(--blue-deep)}
.pos{color:var(--blue-mid);font-weight:400}.neg{color:var(--red);font-weight:400}
.jr.rec,.jr.dep{background:none}
@media(max-width:700px){main{padding:24px 16px}}
/* ---- Navigation hiérarchisée ---- */
header{gap:28px;z-index:200;overflow:visible}
nav{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:nowrap}
.nav-group{display:flex;gap:2px}
nav button,.head-link,.nav-more-toggle{background:transparent;border:none;color:var(--blue-deep);font:400 .88rem 'Inter Tight',sans-serif;letter-spacing:-.01em;text-transform:none;padding:9px 13px;border-radius:4px;cursor:pointer;white-space:nowrap}
nav button:hover,.head-link:hover{background:var(--gray-mid);color:var(--blue-deep)}
nav button.active,.head-link.active,.nav-more-toggle.active{background:var(--wash);color:var(--blue-mid)}
.nav-more{position:relative;margin-left:10px;padding-left:12px;border-left:1px solid var(--gray-mid)}
.nav-more-toggle:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-menu{display:none;position:absolute;top:calc(100% + 10px);left:6px;min-width:210px;background:#fff;border:1px solid var(--gray-mid);border-radius:4px;padding:6px;flex-direction:column;box-shadow:0 8px 24px rgba(6,27,49,.08)}
.nav-menu.open{display:flex}
.nav-menu button{text-align:left;width:100%}
.nav-count{display:none;margin-left:7px;min-width:18px;padding:1px 6px;border-radius:9999px;background:var(--blue-mid);color:#fff;font-size:.7rem;line-height:1.4;text-align:center}
.head-right{display:flex;gap:2px;margin-left:auto;padding-left:12px;border-left:1px solid var(--gray-mid)}
.head-link{color:var(--gray-text)}
.tva-badge{white-space:nowrap}
/* ---- Connexion ---- */
.auth-overlay{background:var(--gray-light)}
.auth-card{border:1px solid var(--gray-mid);border-radius:4px;box-shadow:none;padding:40px 36px}
.auth-card .logo{font-weight:300;letter-spacing:-.03em}
.auth-card label{font-weight:400;color:var(--gray-text)}
.auth-card input{border:1px solid var(--gray-mid);border-radius:4px;font-weight:300}
.auth-card input:focus{border-color:var(--blue-mid);outline:0}
.auth-card button{background:var(--blue-mid);border-radius:4px;font-weight:400;padding:12px}
.auth-card button:hover{background:var(--blue-light)}
.auth-error{border-radius:4px;background:#fbf1f2}
@media(max-width:1100px){header{height:auto;flex-wrap:wrap;padding:10px 16px;gap:10px}nav{order:3;width:100%;flex-wrap:wrap}.nav-group{flex-wrap:wrap}.head-right{border:0;padding:0}.nav-more{border:0;margin:0;padding:0}}

/* Navigation lisible : l’en-tête grandit avec ses lignes au lieu de les couper. */
header{height:auto;min-height:76px;padding:10px clamp(16px,2.4vw,36px);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:clamp(12px,1.5vw,24px);row-gap:8px;overflow:visible;z-index:1000}
nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:nowrap}
.nav-group{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;min-width:0}
nav button,.nav-more-toggle{font-size:clamp(.76rem,.82vw,.88rem);padding:9px clamp(7px,.65vw,12px)}
.nav-more{margin-left:4px;padding-left:7px;white-space:nowrap}
.nav-menu{z-index:1100}
.tva-badge{justify-self:end}
.head-right{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}
.head-link{border:1px solid #dce3f0;background:#fff;color:var(--blue-deep);padding:9px 13px;border-radius:7px;font-size:.84rem;transition:background .18s,border-color .18s,transform .18s}
.head-link:first-child{background:var(--wash);border-color:#d8d5ff;color:var(--blue-mid)}
.head-link:last-child{color:#526174}
.head-link:hover{background:#f3f4ff;border-color:#aaa4ff;color:var(--blue-mid);transform:translateY(-1px)}
.head-link:focus-visible,nav button:focus-visible{outline:2px solid var(--blue-mid);outline-offset:2px}
@media(max-width:1250px){header{grid-template-columns:auto 1fr;column-gap:12px}.tva-badge{display:none!important}nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap}.head-right{grid-column:2;grid-row:1;justify-self:end}.nav-group{flex-wrap:wrap}.nav-more{margin:0;padding:0;border:0}}
@media(max-width:640px){header{grid-template-columns:1fr auto;padding:10px 12px}.logo{font-size:1.3rem}.head-right{gap:5px}.head-link{font-size:.75rem;padding:8px 9px}nav{gap:3px}.nav-group{gap:1px}nav button,.nav-more-toggle{font-size:.78rem;padding:8px 9px}}