:root{
  --bg:#f4f5f7; --panel:#ffffff; --ink:#1c2330; --muted:#6b7585; --line:#e2e6ec;
  --accent:#2563eb; --accent-soft:#e8f0fe; --ok:#16a34a; --flag:#dc2626; --nopdf:#d97706;
  --shadow:0 1px 3px rgba(20,30,50,.10),0 1px 2px rgba(20,30,50,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:14px/1.4 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}
.muted{color:var(--muted)}
button{font:inherit;cursor:pointer}
code{background:#eef1f5;padding:1px 5px;border-radius:4px;font-size:12px}
[hidden]{display:none!important}

/* topbar */
.topbar{height:48px;display:flex;align-items:center;gap:18px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow);position:relative;z-index:5}
.brand{font-weight:700;font-size:15px}
.tabs{display:flex;gap:4px}
.tab{border:1px solid transparent;background:transparent;padding:6px 14px;border-radius:8px;color:var(--muted);font-weight:600}
.tab.active{background:var(--accent-soft);color:var(--accent)}
.tab:hover{background:#eef1f5}
.stats{margin-left:auto;display:flex;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.stats .pill{background:#eef1f5;border-radius:20px;padding:2px 10px}
.stats b{color:var(--ink)}
.help-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700}

/* layout */
main{height:calc(100% - 48px)}
.view{display:none;height:100%}
.view.active{display:flex}
#view-upload.active{display:block;overflow:auto}

/* LEFT : liste + détail + flag/commentaire */
.left{width:480px;min-width:380px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}
.listtools{padding:8px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.lt-row{display:flex;gap:6px;align-items:center}
.lt-row #search{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.lt-row #search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.filters{display:flex;gap:5px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted)}
.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.chip .n{opacity:.8;font-weight:700;margin-left:4px}

.list{flex:1;overflow:auto;outline:none;min-height:140px}
.row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid #eef1f5;cursor:pointer;background:#fff}
.row:hover{filter:brightness(.98)}
.row .seq{color:var(--muted);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.row .sup{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
/* couleurs de statut : rouge > orange > vert */
.row.is-ok{background:#e9f9ef}
.row.is-nopdf{background:#fff3e2}
.row.is-flag{background:#fdeaea}
.row.sel{outline:2px solid var(--accent);outline-offset:-2px}
.row.sel:not(.is-ok):not(.is-nopdf):not(.is-flag){background:#eef4ff}
.list-foot{padding:6px 10px;border-top:1px solid var(--line);font-size:11.5px}

/* détail (bandeau entre liste et flag/commentaire) */
.selpanel{border-top:2px solid var(--line);background:#fbfcfe;display:flex;flex-direction:column}
.detail{padding:9px 12px;border-bottom:1px solid var(--line)}
.detail h3{margin:0 0 2px;font-size:14px}
.detail .sup-vat{font-size:11.5px;color:var(--muted);font-weight:400}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px 12px;margin-top:5px}
.dgrid div span{display:block;font-size:10px;color:var(--muted)}
.dgrid div b{font-size:12.5px;font-variant-numeric:tabular-nums}
.detail .lbl{margin-top:5px;font-size:11.5px;color:var(--muted)}

/* zone flag + commentaire */
.reviewzone{padding:9px 12px;display:flex;flex-direction:column;gap:8px}
.rz-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tgl{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 12px;font-weight:600;display:flex;align-items:center;gap:6px}
.tgl .k{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px}
.tgl.flag.active{background:var(--flag);color:#fff;border-color:var(--flag)}
.tgl.ok.active{background:var(--ok);color:#fff;border-color:var(--ok)}
.tgl.active .k{color:#fff;border-color:rgba(255,255,255,.5)}
.rz-spacer{flex:1}
.reviewzone textarea{width:100%;resize:vertical;min-height:46px;max-height:140px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:inherit}
.reviewzone textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}

/* RIGHT : PDF plein */
.right{flex:1;display:flex;flex-direction:column;min-width:0;background:#eceef2}
.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#fafbfc;border-bottom:1px solid var(--line)}
.viewer-toolbar button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 9px;line-height:1}
.viewer-toolbar .spacer{flex:1}
.vt-file{font-size:12px;color:var(--muted);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#zoomLabel{font-variant-numeric:tabular-nums;min-width:42px;text-align:center;font-size:12px}
.viewer{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;align-items:safe center;gap:12px;outline:none}
.viewer canvas{box-shadow:var(--shadow);background:#fff}
.viewer .empty,.viewer .nopdf{margin:auto;text-align:center;color:var(--muted)}
.viewer .nopdf .big{font-size:40px}

/* boutons génériques */
.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;font-weight:600}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-danger{color:#b91c1c;border-color:#fecaca}
.btn-danger:hover{background:#fef2f2}
.btn.small{padding:4px 9px;font-size:12.5px}

/* upload */
.upload-wrap{max-width:1000px;margin:0 auto;padding:22px}
.dropzone{border:2px dashed #c3ccd9;border-radius:14px;background:var(--panel);padding:30px;text-align:center;cursor:pointer}
.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}
.dz-title{font-size:18px;font-weight:700;margin:0 0 4px}
.upload-results{margin:16px 0;display:flex;flex-direction:column;gap:6px}
.ur{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:13px}
.ur .st{margin-left:auto;font-size:12px;font-weight:600}
.ur.ok{border-left:3px solid var(--ok)} .ur.dup{border-left:3px solid var(--nopdf)}
.ur.err{border-left:3px solid var(--flag)} .ur.info{border-left:3px solid var(--accent)}
.upload-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:6px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.card h3{margin:0 0 10px;font-size:14px}
.kv{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dashed #eef1f5}
.kv b{font-variant-numeric:tabular-nums}
.orphan{font-size:12.5px;padding:4px 0;border-bottom:1px dashed #eef1f5;cursor:pointer}
.orphan:hover{color:var(--accent)}

/* overlay / modal / toast */
.overlay{position:fixed;inset:0;background:rgba(15,20,30,.45);display:flex;align-items:center;justify-content:center;z-index:50}
.modal,.help{background:#fff;border-radius:14px;padding:22px 24px;width:640px;max-width:94%;box-shadow:var(--shadow)}
.modal h2,.help h2{margin:0 0 14px}
.efgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.efgrid label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.efgrid label.wide{grid-column:1/-1}
.efgrid input{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink)}
.efgrid input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.efbtns{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.help kbd{background:#f3f6fb;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600}
.help .hgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}
.help .hrow{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dashed #eef1f5}
.help button{margin-top:16px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1c2330;color:#fff;padding:9px 16px;border-radius:8px;z-index:60;font-size:13px;box-shadow:var(--shadow)}

.viewer.drag{outline:3px dashed var(--accent);outline-offset:-6px;background:var(--accent-soft)}
.doctable{width:100%;border-collapse:collapse;font-size:12.5px}
.doctable th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:5px 6px}
.doctable td{padding:5px 6px;border-bottom:1px solid #eef1f5;vertical-align:middle}
.doctable a{color:var(--accent);text-decoration:none}
.badge-orphan{background:#fff3e2;color:#b45309;border:1px solid #fcd9a8;border-radius:6px;padding:0 6px;font-size:11px}
.docact{white-space:nowrap;text-align:right}
.docact button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 7px;margin-left:3px;cursor:pointer}
.docact button.del{color:#b91c1c;border-color:#fecaca}
.pdfmodal{background:#fff;border-radius:12px;width:92%;max-width:1000px;height:90%;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}
.pdfmodal-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fafbfc}
.pdfmodal-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.pdfmodal-view{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#eceef2}
.pdfmodal-view canvas{box-shadow:var(--shadow);background:#fff;max-width:100%}
.pdfmodal-view .empty{margin:auto;color:var(--muted)}
.lt-sort{display:flex;align-items:center;gap:6px;font-size:12px}
.lt-sort select{padding:4px 6px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12px;background:#fff}
.lt-sort #sortDir{padding:3px 9px}

.th-sort{cursor:pointer;user-select:none}
.th-sort:hover{color:var(--accent)}
.lt-sort{display:flex;align-items:center;gap:6px;font-size:12px}
.lt-sort select{padding:4px 6px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12px;background:#fff}
.lt-sort #sortDir{padding:3px 9px}
.rz-date{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:2px}
.rz-date input{padding:4px 7px;border:1px solid var(--line);border-radius:7px;font:inherit}
.src-auto{color:#b45309;font-size:11px}
.src-ref{color:var(--muted);font-size:11px}
.enttable{width:100%;border-collapse:collapse;font-size:12.5px}
.enttable tr.row{display:table-row;padding:0;border:none}
.enttable thead th{position:sticky;top:0;background:#f3f6fb;z-index:2;text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;font-weight:600;color:var(--muted);white-space:nowrap}
.enttable thead th:hover{color:var(--accent)}
.enttable th.num,.enttable td.num{text-align:right;font-variant-numeric:tabular-nums}
.enttable td{padding:6px 8px;border-bottom:1px solid #eef1f5;white-space:nowrap}
.enttable td.c-piece{color:var(--muted);font-variant-numeric:tabular-nums}
.enttable td.c-sup{font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.enttable td.c-amt{font-weight:600}
.enttable .auto,.enttable .warn{color:#b45309}
.enttable tr.row:hover{filter:brightness(.97)}

.rz-date #invDate{width:120px;text-align:center}

/* XML Peppol (ajout) */
.xb{display:inline-block;font-size:9px;font-weight:700;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:3px;padding:0 3px;margin-left:5px;vertical-align:middle;letter-spacing:.3px}
.xmlbtn{color:#0369a1 !important;border-color:#bae6fd !important;background:#f0f9ff}
.row.sel .xb{background:#fff}

/* ===== Consultation (lecture seule) + Admin + page externe — v25 ===== */
.cons{flex:1;display:flex;min-width:0;height:100%}
.cons-left{display:flex;flex-direction:column;flex:2 1 0;min-width:0;border-right:1px solid var(--line);background:var(--panel)}
.cons-right{display:flex;flex-direction:column;flex:1 1 0;min-width:280px;background:#eceef2}
.cons-tools{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--line)}
.cons-search{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.cons-count{font-size:12px;white-space:nowrap}
.cons-tablewrap{flex:1;overflow:auto;outline:none}
.constab{width:100%;border-collapse:collapse;font-size:12.5px}
.constab thead th{position:sticky;top:0;background:#f4f6f9;border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;white-space:nowrap;cursor:pointer;user-select:none;z-index:1}
.constab th.num,.constab td.num{text-align:right;font-variant-numeric:tabular-nums}
.constab td{padding:5px 8px;border-bottom:1px solid #eef1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.constab td.lbl,.constab td.note{max-width:260px}
.constab td.sup{font-weight:600;max-width:180px}
.constab tbody tr{cursor:pointer}
.constab tbody tr:hover{filter:brightness(.97)}
.constab tr.r-ok td{background:#e9f9ef}
.constab tr.r-no td{background:#fff3e2}
.constab tr.r-flag td{background:#fdeaea}
.constab tr.r-credit td{background:#fdf3c7}
.constab tbody tr.sel{outline:2px solid var(--accent);outline-offset:-2px}
.constab tbody tr.sel:not(.r-flag):not(.r-ok):not(.r-no):not(.r-credit) td{background:#eef4ff}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}
.dot.d-flag{background:#e5484d}.dot.d-ok{background:#2ea043}.dot.d-no{background:#c9ccd1}.dot.d-none{background:transparent}
.xb{font-size:9px;font-weight:700;color:#6a49b8;border:1px solid #d6c8f2;border-radius:4px;padding:0 3px;vertical-align:middle}
.cons-pdfhead{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#fafbfc;border-bottom:1px solid var(--line)}
.cons-pdfhead button,.cons-open{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 9px;line-height:1;text-decoration:none;color:inherit;cursor:pointer}
.cons-file{font-size:12px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cons-spacer{flex:1}
.cons-zoom{font-variant-numeric:tabular-nums;min-width:42px;text-align:center;font-size:12px}
.cons-meta{padding:8px 10px;border-bottom:1px solid var(--line);background:#f7f9fc;font-size:12.5px}
.cm-head{font-weight:600;margin-bottom:4px}
.cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
.cm-grid span{color:var(--muted);margin-right:5px}
.cm-status{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap}
.cm-comment{margin-top:5px}
.badge{font-size:11px;font-weight:600;border-radius:6px;padding:1px 7px}
.badge.b-flag{background:#fdecec;color:#c0343a}
.badge.b-ok{background:#e6f4ea;color:#1c7a34}
.badge.b-no{background:#eef0f3;color:#5b6470}
.cons-pdfview{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;align-items:safe center;gap:10px;outline:none}
.cons-pdfview canvas{box-shadow:var(--shadow);background:#fff;max-width:100%}
.cons-empty{margin:auto;color:var(--muted);text-align:center}
#view-admin.active{display:block;overflow:auto}
.admin-wrap{max-width:1000px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}
.admin-set,.admin-new{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.admin-set label,.admin-new label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.admin-set input,.admin-new input{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font:inherit;min-width:180px}
.admtab{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px}
.admtab th,.admtab td{padding:6px 8px;border-bottom:1px solid #eef1f5;text-align:left;vertical-align:middle}
.admtab td.num,.admtab th.num{text-align:right;font-variant-numeric:tabular-nums}
.tok-val{background:#f3f6fb;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11.5px;word-break:break-all;max-width:260px;display:inline-block;vertical-align:middle}
.tok-new{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.tok-exp{padding:3px 6px;border:1px solid var(--line);border-radius:6px}
.lnk{border:none;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0 4px}
.lnk.danger{color:#c0343a}
.admact{white-space:nowrap}
.extbody .extmain{height:calc(100% - 48px)}
#extConsult{height:100%}
#extConsult:not([hidden]){display:flex}
.ext-login{height:100%;display:flex;align-items:center;justify-content:center}
.ext-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 28px;width:380px;max-width:92%;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.ext-card h2{margin:0}
.ext-card input{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit}
.ext-err{color:#c0343a;font-size:12.5px;min-height:16px}

.req{color:#dc2626;font-weight:700}
.admin-hint{margin-top:6px}
.xs{font-size:10.5px}

/* v27 : colonnes configurables + redimensionnables (Consultation) */
.constab{table-layout:fixed;width:auto}
.constab td,.constab th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}
.constab thead th{position:sticky;top:0}
.constab thead th .th-lbl{cursor:pointer;user-select:none}
.col-resize{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:2}
.col-resize:hover{background:rgba(37,99,235,.35)}
.cons-colwrap{position:relative}
.cons-colbtn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:12.5px;cursor:pointer;white-space:nowrap}
.cons-colbtn:hover{background:#f2f6ff}
.cons-colmenu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px;z-index:20;min-width:190px;max-height:340px;overflow:auto}
.cons-colmenu label{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:12.5px;white-space:nowrap;cursor:pointer;border-radius:6px}
.cons-colmenu label:hover{background:#f2f6ff}
.cons-colmenu-foot{border-top:1px solid var(--line);margin-top:6px;padding-top:6px;text-align:right}

/* ===== Page d'accueil (gate) — v26 ===== */
.gatebody{min-height:100%}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.gate-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:30px 32px;width:640px;max-width:94%}
.gate-card h1{margin:0 0 2px;font-size:22px}
.gate-opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.gate-opt{display:block;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:inherit;background:#fbfcfe;transition:border-color .12s ease,box-shadow .12s ease}
.gate-opt:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.gate-t{font-weight:700;font-size:16px;margin-top:8px}
.gate-d{font-size:12.5px;margin-top:4px;line-height:1.4}
@media(max-width:560px){.gate-opts{grid-template-columns:1fr}}

.pv-badge{display:inline-block;background:#fff3cd;color:#8a6d00;border:1px solid #ffe08a;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;letter-spacing:.02em}

/* --- Onglet Fichiers --- */
#view-files.active{display:flex;flex-direction:column;overflow:hidden}
.files-wrap{display:flex;flex-direction:column;height:100%;min-height:0;padding:12px 14px;gap:10px}
.files-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.files-bar .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg-b{border:0;background:#fff;padding:6px 14px;cursor:pointer;font-weight:600;color:var(--muted)}
.seg-b.active{background:var(--accent);color:#fff}
.files-bar #fSearch{flex:1;min-width:180px;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
.files-bar select,.files-bar input[type=date]{padding:5px 8px;border:1px solid var(--line);border-radius:8px}
.files-bar .fdate{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.files-spacer{flex:1}
.files-sub{font-size:13px}
.files-tablewrap{flex:1;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.filestab{width:100%;border-collapse:collapse;font-size:13px}
.filestab thead th{position:sticky;top:0;background:#f6f8fa;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
.filestab th.s{cursor:pointer}
.filestab th.num,.filestab td.num{text-align:right}
.filestab td{padding:6px 10px;border-bottom:1px solid #eef1f5;vertical-align:middle}
.filestab tbody tr:hover{background:#f8fafc}
.filestab tr.on{background:#eef4ff}
.filestab td.fname{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filestab td.fname a{color:var(--accent);text-decoration:none}
.filestab td.fparty{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filestab td.fnw{white-space:nowrap}
.filestab td.ck,.filestab th.ck{width:34px;text-align:center}
.filestab td.fact{text-align:center}
.fmut{color:var(--muted);text-align:center;padding:24px}
.fb{display:inline-block;font-size:10.5px;font-weight:700;border-radius:5px;padding:1px 6px}
.fb-pdf{background:#fdecec;color:#b3261e}
.fb-xml{background:#e7f0ff;color:#1c4ca8}
.fb-prev{background:#fff3cd;color:#8a6d00;margin-left:4px}

/* --- Pop-up de validation téléchargement --- */
.fconfirm-ov{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:100}
.fconfirm{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px 24px;max-width:430px;width:90%}
.fconfirm h3{margin:0 0 10px;font-size:16px}
.fconfirm p{margin:0 0 18px;line-height:1.55}
.fconfirm-btns{display:flex;justify-content:flex-end;gap:10px}

/* --- Modale d'aperçu fichier --- */
.fmodal-ov{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}
.fmodal{background:#fff;border-radius:12px;box-shadow:var(--shadow);width:min(1100px,96vw);height:min(90vh,940px);display:flex;flex-direction:column;overflow:hidden}
.fmodal-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:#fafbfc}
.fmodal-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%}
.fmodal-body{flex:1;display:flex;min-height:0}
.fmodal-thumbs{width:154px;flex:none;overflow:auto;background:#f0f2f5;border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px}
.fthumb{border:2px solid transparent;border-radius:5px;cursor:pointer;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.fthumb.active{border-color:var(--accent)}
.fthumb canvas{width:100%;height:auto;display:block}
.fthumb-n{font-size:10px;color:var(--muted);text-align:center;padding:2px 0;background:#fff}
.fmodal-view{position:relative;flex:1;overflow:auto;background:#eceef2;padding:16px;display:flex;flex-direction:column;align-items:safe center;gap:12px}
.fmodal-view canvas{box-shadow:var(--shadow);background:#fff}
.fmodal-xml{flex:1;overflow:auto;margin:0;padding:16px;background:#fff;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;color:#0f172a}
.filestab td.fname .fname-lnk{color:var(--accent);cursor:pointer}
.filestab td.fname .fname-lnk:hover{text-decoration:underline}

.fmodal-zoom{display:inline-flex;align-items:center;gap:3px;margin-right:4px}
.fmodal-zoom button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 9px;line-height:1;cursor:pointer;font-size:13px}
.fmodal-zoom button:hover{background:#eef1f5}
.fmz-lbl{font-size:12px;color:var(--muted);min-width:44px;text-align:center;font-variant-numeric:tabular-nums}

/* Bandeau info fuseau (page Admin) */
.utc-banner{display:flex;align-items:center;gap:6px;background:var(--accent-soft);color:#1e3a8a;border:1px solid #c7dbfd;border-radius:8px;padding:8px 12px;font-size:12px;margin:0 0 12px}
.utc-banner b{color:#1e3a8a}

/* Onglet Fichiers — pastilles PDF/UBL côte à côte */
.filestab td.doccol,.filestab th.doccol{text-align:center;width:92px}
.filestab td.fref{font-weight:600}
.fchip{border:0;border-radius:6px;padding:2px 11px;font-size:11px;font-weight:700;cursor:pointer;color:#fff;line-height:1.7}
.fchip.fb-pdf{background:#b3261e}
.fchip.fb-xml{background:#1c4ca8}
.fchip:hover{filter:brightness(1.12)}
.fdash{color:var(--muted)}
.ffmt{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}

/* Factures — barre d'outils : bascule domaine + bouton désactivé */
.cons-tools{flex-wrap:nowrap;gap:8px}
.cons-sub{display:flex;align-items:center;gap:14px;padding:5px 10px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.cons-sub .fact-seln{margin-left:auto;color:var(--accent);font-weight:600}
.cons-tools select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--line);border-radius:8px;padding:6px 26px 6px 10px;font:inherit;font-size:12.5px;color:#374151;cursor:pointer}
.cons-tools select:hover{border-color:#c3ccd8}
.cons-tools select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.constab .ck{text-align:center}
.constab td.ck input,.constab th.ck input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer;vertical-align:middle}
.cons-tools .seg{display:inline-flex;flex:none;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cons-tools .seg-b{border:0;background:#fff;padding:5px 12px;cursor:pointer;font-weight:600;color:var(--muted);font-size:13px}
.cons-tools .seg-b.active{background:var(--accent);color:#fff}
.cons-tools .ffmt{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.cons.no-pane .cons-right{display:none}
.cons.no-pane .cons-left{border-right:0}
.fact-pane.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.cons-colmenu-sep{height:1px;background:var(--line);margin:6px 4px}
.constab th.cfill,.constab td.cfill{width:auto;min-width:0;padding:0}
.cons-hint{font-size:11px;margin:0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.cons-hint b{font-weight:600;color:#334155}
.fmodal-thumb{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px;cursor:pointer;position:relative;line-height:0;flex:none}
.fmodal-thumb:hover{border-color:var(--accent)}
.fmodal-thumb canvas{max-width:100%;display:block;border-radius:3px}
.fmodal-thumb-n{position:absolute;bottom:5px;right:6px;background:rgba(15,23,42,.72);color:#fff;font-size:10px;line-height:1;padding:1px 5px;border-radius:4px}
.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}

/* ------------------------------------------------------------------
   Identite Outils PDF JSH.
   Socle commun copie depuis JSH-Invoices-Reviewer (CT211) le 2026-07-18.
   Les deux conteneurs sont independants : cette copie est volontaire.
   Seule la teinte d'accent distingue les deux univers ; structure,
   composants et navigation restent strictement identiques.
   Aucune ressource externe : ni CDN, ni police distante.
   ------------------------------------------------------------------ */
:root{
  --accent:#0f6e56;
  --accent-soft:#e1f5ee;
}
.gate-sub{font-size:13px;color:var(--muted);margin:6px 0 0}
.code-wrap{max-width:520px;margin:48px auto;padding:0 20px}
.code-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px 30px}
.code-card h1{margin:0 0 4px;font-size:20px}
.code-field{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.code-field input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:19px;letter-spacing:.14em;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums}
.code-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.code-err{color:#c0343a;font-size:13px;margin-top:10px;min-height:18px}
.code-actions{display:flex;gap:10px;margin-top:16px}
.gate-timer{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:10px;white-space:nowrap}
.gate-timer.warn{color:#c0343a;font-weight:600}
.adm-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;letter-spacing:.06em}
.adm-new-code{background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;padding:14px 16px;margin-top:14px}
.adm-new-code .c{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;letter-spacing:.12em;color:var(--accent)}

/* ------------------------------------------------------------------
   Thème sombre : suit la préférence système, pour rester cohérent
   avec Stirling lorsqu'il est en sombre. Surcharge les fonds codés
   en dur de la feuille commune. Aucune ressource externe.
   ------------------------------------------------------------------ */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#15181d; --panel:#1e232b; --ink:#e6e9ed; --muted:#9aa2ad; --line:#2f3742;
    --accent:#22b184; --accent-soft:#123029;
    --shadow:0 1px 3px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.35);
  }
  .gate-card{background:var(--panel)}
  .gate-opt{background:#232a33}
  .btn{background:var(--panel);color:var(--ink)}
  .btn-danger{color:#f0a5a5;border-color:#5b2e2e}
  .btn-danger:hover{background:#2a1c1c}
  .admin-set input,.admin-new input,.code-field input{background:var(--panel);color:var(--ink)}
  .admtab th,.admtab td{border-bottom-color:var(--line)}
  .badge.b-ok{background:#123625;color:#7fdca2}
  .badge.b-no{background:#252b33;color:#aab3bf}
  .badge.b-flag{background:#3a1d1d;color:#f0a5a5}
}