:root{--bg:#f5f6f8;--card:#fff;--ink:#1b2430;--muted:#667085;--line:#e4e7ec;--acc:#2b2f36;--acc2:#4b5563;--red:#d92d20;--amber:#dc6803;--green:#039855}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--acc2);text-decoration:none}
.top{position:fixed;inset:0 0 auto 0;height:56px;background:var(--acc);color:#fff;display:flex;align-items:center;gap:14px;padding:0 16px;z-index:20}
.brand{color:#fff;font-weight:700;font-size:18px}
.search{position:absolute;left:50%;transform:translateX(-50%);width:min(620px,46vw)}.search input{width:100%}.search input{margin:0;border:0;background:#ffffff22;color:#fff;border-radius:8px;padding:8px 14px}
.search input::placeholder{color:#ffffffaa}
.btn.up{background:#fff;color:var(--acc);border-color:#fff;white-space:nowrap}
.side{position:fixed;top:56px;bottom:0;left:0;width:200px;background:#fff;border-right:1px solid var(--line);padding:10px 0;z-index:15}
.side a{display:flex;gap:10px;padding:10px 18px;color:var(--ink)}
.side a.on{background:#f2f3f5;color:var(--acc);font-weight:600;border-left:3px solid var(--acc)}
.side a.out{color:var(--muted);margin-top:14px}
main.app{margin:56px 0 0 var(--side-w,200px);padding:18px clamp(14px,2vw,32px) 22px 12px}
main.auth{max-width:420px;margin:60px auto;padding:0 16px}
h1{font-size:22px;margin:0 0 14px}h2{font-size:17px;margin:22px 0 10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spacer{flex:1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.kpi .v{font-size:22px;font-weight:700}.kpi .l{color:var(--muted);font-size:13px}
label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}
input,select,textarea{display:block;width:100%;margin-top:3px;padding:9px 11px;border:1px solid #d0d5dd;border-radius:8px;font:inherit;background:#fff;color:inherit}
input[type=checkbox]{display:inline;width:auto;margin:0 6px 0 0}
textarea{min-height:80px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.btn,button.btn{display:inline-block;padding:8px 14px;border-radius:8px;border:1px solid var(--acc);background:var(--acc);color:#fff;font:inherit;cursor:pointer}
.btn.sec{background:#fff;color:var(--acc)}.btn.red{background:#fff;color:var(--red);border-color:var(--red)}.btn.sm{padding:4px 9px;font-size:13px}
.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;background:#dcfae6;color:#067647}.flash.err{background:#fee4e2;color:var(--red)}
.muted{color:var(--muted)}.small{font-size:13px}
table.t{width:100%;border-collapse:collapse;background:#fff}
.t th,.t td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.t th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fafbfc}
.t td.n,.t th.n{text-align:right;white-space:nowrap}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,#fff);margin:1px 2px}
.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:#eef0f3}
.b-paid{background:#dcfae6;color:#067647}.b-overdue{background:#fee4e2;color:var(--red)}.b-soon{background:#fef0c7;color:var(--amber)}.b-open{background:#dbe8fe;color:var(--acc2)}
/* Dossiers */
.layout2{display:grid;grid-template-columns:var(--tree-w,280px) minmax(0,1fr);gap:20px}
.tree a{display:block;padding:5px 8px;border-radius:6px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tree a.on{background:#f2f3f5;font-weight:600}.tree a:hover{background:#f2f4f7}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}
/* Cartes de documents */
.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.doc{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column}
.doc .th{aspect-ratio:4/3;background:#eef0f3 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:40px}
.doc .m{padding:8px 10px;font-size:13px}.doc .ti{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px}
.gallery a{aspect-ratio:1;background:#ddd center/cover no-repeat;border-radius:4px;position:relative}
.gallery label{position:absolute;top:4px;left:4px;margin:0}
/* Envoi */
.drop{border:2px dashed #b9c3d3;border-radius:14px;padding:30px;text-align:center;background:#fff;cursor:pointer}
.drop.over{border-color:var(--acc2);background:#f1f2f4}
.queue .it{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}
.queue .it img{width:44px;height:44px;object-fit:cover;border-radius:6px;background:#eee}
.queue .st{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.preview{width:100%;max-height:75vh;border:1px solid var(--line);border-radius:10px;background:#fff}
img.preview{object-fit:contain}
.ocr{white-space:pre-wrap;font-size:13px;max-height:260px;overflow:auto;background:#fafbfc;padding:10px;border-radius:8px;border:1px solid var(--line)}
mark{background:#fff3b0}
.chk{display:flex;flex-wrap:wrap;gap:6px}.chk label{display:flex;align-items:center;margin:0;color:var(--ink)}
@media(max-width:800px){
 .top{gap:8px;padding:0 10px}.brand{display:none}.btn.up{padding:7px 10px}
 .side{top:auto;bottom:0;width:100%;height:60px;display:flex;padding:0 0 env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line)}
 .side a{flex:1;flex-direction:column;align-items:center;gap:0;padding:6px 0;font-size:11px;border-left:0!important}
 .side a span{font-size:20px}
 main.app{margin:56px 0 70px 0;padding:14px}
 .f2,.layout2{grid-template-columns:1fr}.layout2 .tree{display:none}
 .hide-m,.side a.hide-m{display:none}
 .grid{grid-template-columns:1fr 1fr}.grid .kpi .v{font-size:18px}
}
/* Choix de la langue */
.langs{display:inline-flex;gap:2px}.langs a{padding:4px 7px;border-radius:6px;font-size:13px;font-weight:600;color:var(--muted)}
.langs a.on{background:var(--acc);color:#fff}
.authlangs{text-align:right;padding:12px 16px 0}
.langmenu{position:relative}.langmenu summary{list-style:none;cursor:pointer;color:#fff;font-weight:600;font-size:13px;padding:6px 8px;border:1px solid #ffffff55;border-radius:8px}
.langmenu summary::-webkit-details-marker{display:none}
.langmenu .menu{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 4px 14px #0002;flex-direction:column}
/* Formules */
.b-plan{background:#fef0c7;color:var(--amber);margin-left:6px;text-decoration:none}
.chk label:has(input:disabled){opacity:.7}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}
.plan{display:flex;flex-direction:column;gap:6px}.plan.cur{outline:2px solid var(--acc)}
.plan .price{font-size:26px;font-weight:700}.plan ul{margin:6px 0 10px;padding-left:18px;flex:1}.plan li{margin:3px 0}
.plan li.no{color:var(--muted);text-decoration:line-through}
.btn[aria-disabled="true"],button.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.period{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.period label{padding:6px 12px;cursor:pointer;margin:0}.period input{display:none}.period label:has(input:checked){background:var(--acc);color:#fff}
.pwrap:has(#per-m:checked) .py,.pwrap:has(#per-y:checked) .pm{display:none}
.meter{height:6px;background:#eef0f3;border-radius:3px;margin-top:6px}.meter div{height:6px;border-radius:3px;background:#2b2f36}.meter div.full{background:#d92d20}

/* Arborescence repliable */
.treebox>summary.treehead{display:none}
.tree .fold>summary{list-style:none;display:flex;align-items:center;cursor:pointer;padding-left:calc(var(--d) * 16px)}
.tree .fold>summary::-webkit-details-marker{display:none}
.tree .fold>summary a{flex:1;min-width:0}
.tree .leaf{padding-left:calc(var(--d) * 16px + 18px)}
.tree .chev{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}
.tree .chev::before{content:"";width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}
.tree .fold[open]>summary .chev::before{transform:rotate(45deg)}
.tree .chev:hover{background:#eef0f3}
.top .langmenu{margin-left:auto}
@media(max-width:800px){
 .search{position:static;transform:none;width:auto;flex:1}.top .langmenu{margin-left:0}
 .layout2 .tree{display:block}.treebox>summary.treehead{display:block;font-weight:600;cursor:pointer;padding:4px 6px}
}

/* Menu de gauche : réductible et redimensionnable (ordinateur) */
@media(min-width:801px){
 .side{width:var(--side-w,200px);overflow-x:hidden;transition:width .15s}
 .side a{white-space:nowrap}
 .side a .ic{display:inline-block;width:22px;text-align:center;flex-shrink:0}
 .side-toggle{position:absolute;bottom:14px;left:12px;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
 .side-toggle:hover{background:#f2f4f7}
 .chev2{width:8px;height:8px;border-left:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-left:3px;transition:transform .15s}
 .side-resize{position:absolute;top:0;right:0;width:8px;touch-action:none;height:100%;cursor:col-resize;z-index:2}
 .side-resize:hover,body.resizing .side-resize{background:var(--acc2);opacity:.35}
 body.resizing{cursor:col-resize;user-select:none}
 body.resizing .side,body.resizing main.app{transition:none}
 html.side-closed{--side-w:60px!important}
 html.side-closed .side .lbl{display:none}
 html.side-closed .side a{justify-content:center;padding-left:0;padding-right:0}
 html.side-closed .side-resize{display:none}
 html.side-closed .chev2{transform:rotate(-135deg);margin-left:-3px}
}

.brand{display:flex;align-items:center;gap:9px}.brand img{border-radius:7px}
.logo-h{display:flex;align-items:center;gap:12px}.logo-h img{border-radius:10px}
.tree .leaf.empty{font-size:12px;color:var(--muted);padding-top:2px;padding-bottom:4px}.tree .leaf.empty a.add{display:inline;padding:0;color:var(--acc2)}

.sortbar{display:flex;align-items:center;gap:4px;margin:0 0 8px;padding:0 4px}.sortbar .muted{margin-right:auto}
.sortbar button{border:1px solid var(--line);background:#fff;border-radius:6px;font:inherit;font-size:12px;padding:3px 8px;cursor:pointer;color:var(--muted)}
.sortbar button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sorthint{padding:0 6px 6px}
.tree .grip{cursor:grab;color:#b0b7c3;padding:0 6px;font-size:13px;letter-spacing:-2px;user-select:none}.tree .grip:hover{color:var(--ink)}
.tree details.fold.dragging{opacity:.4}.tree details.fold.drop-before>summary{box-shadow:inset 0 2px 0 var(--acc2)}.tree details.fold.drop-after>summary{box-shadow:inset 0 -2px 0 var(--acc2)}

/* Icônes (style du logo) */
.ico{display:inline-block;vertical-align:middle;flex-shrink:0}
.ico .t{fill:#e8eef8}
.ico .s{fill:none;stroke:#2b2f36;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ico .t.s{fill:#e8eef8}
.ico .a{fill:#f4a261}
.ico .al{fill:none;stroke:#e76f51;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico-emoji{display:inline-block;text-align:center;flex-shrink:0}
.side a{align-items:center}
.side a .ic{width:auto!important;display:inline-flex}
.side a.on .ico .t,.side a.on .ico .t.s{fill:#2b2f36}
.side a.on .ico .s{stroke:#fff}
.side a:hover:not(.on) .ico .t{fill:#dde6f4}
.tree a{display:flex;align-items:center;gap:8px}
.tree a .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree a.on .ico .t,.tree a.on .ico .t.s{fill:#2b2f36}.tree a.on .ico .s{stroke:#fff}
.doc .th .ico{width:56px;height:56px}

/* Largeur du panneau des dossiers réglable */
.tree{position:relative}
.tree-resize{position:absolute;top:10px;bottom:10px;right:-6px;width:14px;touch-action:none;cursor:col-resize;border-radius:5px;z-index:2}
.tree-resize::after{content:"";position:absolute;left:4px;top:50%;width:2px;height:36px;margin-top:-18px;border-radius:2px;background:#c9d1dd;opacity:.6;transition:opacity .15s}
.tree:hover .tree-resize::after,body.resizing .tree-resize::after{opacity:1}
.tree-resize:hover::after,body.resizing .tree-resize::after{background:var(--acc2)}
@media(max-width:800px){.tree-resize{display:none}}
.tree a.letter{cursor:pointer}.tree .lt{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#e8eef8;color:#2b2f36;font-weight:700;font-size:13px}
.sortbar button:disabled{cursor:default}
.tree .letter{display:flex;align-items:center;gap:8px;padding:5px 8px;flex:1}
.tree details.fold.empty .lt{background:#f2f4f7;color:#98a2b3}

/* Bouton loupe dans la recherche */
.search{display:flex;align-items:center}
.search input{padding-right:42px}
.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:30px;border:0;border-radius:6px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.search-btn:hover{background:#ffffff26}
/* Bouton mode nuit */
.theme-btn{width:36px;height:36px;border-radius:8px;border:1px solid #ffffff40;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.theme-btn:hover{background:#ffffff1f}
.theme-btn .sun{display:none}[data-theme=dark] .theme-btn .sun{display:block}[data-theme=dark] .theme-btn .moon{display:none}
/* « + Ajouter » sous la barre du haut, en tête du menu */
.add-side{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:4px 12px 12px;padding:10px 12px!important;border-radius:10px;font-weight:600;color:#fff!important;border-left:0!important}
.add-side .plus{font-size:18px;line-height:1}
html.side-closed .add-side{margin:4px 8px 12px;padding:10px 0!important}
.show-m{display:none}
@media(max-width:800px){.show-m{display:inline-block}.theme-btn{width:32px;height:32px}}

/* ===================== Mode nuit ===================== */
[data-theme=dark]{--bg:#0f1622;--card:#182231;--ink:#e6ebf2;--muted:#9aa6b8;--line:#2a3648;--acc:#3a6ea5;--acc2:#7cb3ff;color-scheme:dark}
[data-theme=dark] .top{background:#0b111b;border-bottom:1px solid var(--line)}
[data-theme=dark] .side{background:#121b28}
[data-theme=dark] .side a.on{background:#3a3f47;color:#fff;border-left-color:#7cb3ff}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0f1724;border-color:#4b5058;color:var(--ink)}
[data-theme=dark] .search input{background:#ffffff14}
[data-theme=dark] .btn.sec,[data-theme=dark] .btn.red,[data-theme=dark] .sortbar button{background:transparent}
[data-theme=dark] .btn.sec{color:#cfe0f5;border-color:#3a4c66}
[data-theme=dark] .btn.up{background:#e6ebf2;color:#0b111b}
[data-theme=dark] table.t,[data-theme=dark] .doc,[data-theme=dark] .drop,[data-theme=dark] .t th{background:var(--card)}
[data-theme=dark] .t th{color:var(--muted)}
[data-theme=dark] .tree a.on,[data-theme=dark] .tree a:hover{background:#3a3f47}
[data-theme=dark] .doc .th{background-color:#0f1724}
[data-theme=dark] .ico .t,[data-theme=dark] .ico .t.s{fill:#22324a}
[data-theme=dark] .ico .s{stroke:#d6e2f2}
[data-theme=dark] .tree a.on .ico .t,[data-theme=dark] .side a.on .ico .t{fill:#7cb3ff}
[data-theme=dark] .tree a.on .ico .s,[data-theme=dark] .side a.on .ico .s{stroke:#0b111b}
[data-theme=dark] .tree .lt{background:#22324a;color:#d6e2f2}
[data-theme=dark] .flash{background:#0f3a26;color:#8fe0b5}[data-theme=dark] .flash.err{background:#4a1a17;color:#ffb4ab}
[data-theme=dark] .badge{background:#243246;color:#cfd8e6}
[data-theme=dark] .b-paid{background:#0f3a26;color:#8fe0b5}[data-theme=dark] .b-overdue{background:#4a1a17;color:#ffb4ab}
[data-theme=dark] .b-soon{background:#4a3410;color:#ffd08a}[data-theme=dark] .b-open{background:#17325a;color:#a9cbff}
[data-theme=dark] .ocr,[data-theme=dark] .preview{background:#0f1724}
[data-theme=dark] .side-toggle{background:var(--card)}
[data-theme=dark] mark{background:#6b5a12;color:#fff}
[data-theme=dark] .tag{background:color-mix(in srgb,var(--c) 22%,#182231);color:color-mix(in srgb,var(--c) 55%,#fff);border-color:color-mix(in srgb,var(--c) 45%,#182231)}
main.app{position:relative}.addbar{position:absolute;top:14px;right:clamp(14px,2vw,32px);z-index:1}.addbar .btn{padding:9px 16px;font-weight:600;border-radius:10px}

/* Menu burger (à gauche du logo) : le menu s'ouvre en panneau par-dessus la page */
main.app{margin-left:0!important}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 9px;border:0;border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0}
.burger span{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.burger:hover{background:rgba(255,255,255,.12)}
html.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
html.menu-open .burger span:nth-child(2){opacity:0}
html.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.side,html.side-closed .side{position:fixed!important;top:56px!important;bottom:0!important;left:0!important;height:auto!important;width:260px!important;max-width:85vw;display:block!important;padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;border-right:1px solid var(--line)!important;border-top:0!important;box-shadow:0 10px 30px rgba(16,24,40,.18);transform:translateX(-105%);transition:transform .2s ease;z-index:30;overflow-y:auto}
html.menu-open .side{transform:none}
.side a,html.side-closed .side a{flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;padding:11px 18px!important;font-size:15px!important}
.side .lbl,html.side-closed .side .lbl{display:inline!important}
.side a.out{display:flex!important;margin-top:14px}
.side-veil{position:fixed;inset:56px 0 0 0;background:rgba(16,24,40,.35);opacity:0;pointer-events:none;transition:opacity .2s;z-index:25}
html.menu-open .side-veil{opacity:1;pointer-events:auto}
@media (max-width:800px){main.app{padding-bottom:22px!important}.brand{display:flex!important;font-size:0}.brand img,.brand svg{font-size:initial}}

/* Réglages : choix du stockage en cartes */
.storechoice{display:grid;gap:8px;margin-bottom:12px}
.storechoice label{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink)}
.storechoice label:hover{border-color:var(--acc2)}
.storechoice label:has(input:checked){border-color:var(--acc);box-shadow:0 0 0 1px var(--acc);background:rgba(29,53,87,.04)}
.storechoice label:has(input:disabled){opacity:.65;cursor:not-allowed}
.storechoice input[type=radio]{display:inline-block;width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--acc)}
.storechoice .muted{flex-basis:100%;padding-left:28px;margin-top:-2px}

/* Accueil : colonne de widgets à gauche et à droite */
.home3{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px);gap:18px;align-items:start}
.wcol{display:grid;gap:12px;min-height:60px}
.wcol .card{margin:0}
.widget .wh{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.widget .wh h3{margin:0;font-size:15px;flex:1}
.widget .wtools{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.widget:hover .wtools,.widget:focus-within .wtools{opacity:1}
.widget .wtools button{border:0;background:transparent;color:var(--muted);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1}
.widget .wtools button:hover{background:#f2f3f5;color:var(--ink)}
.widget .li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.widget .li:last-child{border-bottom:0}
.widget .li a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget textarea{min-height:120px;resize:vertical}
.wadd select{margin:0;border-style:dashed;color:var(--muted);background:transparent;cursor:pointer}
.wcal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:12px}
.wcal span{padding:4px 0;border-radius:6px}
.wcal .hd{color:var(--muted);font-weight:600}
.wcal .due{background:#fff1e6;color:#b54708;font-weight:700}
.wcal .late{background:#fee4e2;color:#b42318}
.wcal .today{outline:2px solid var(--acc)}
.wclock{font-size:34px;font-weight:700;letter-spacing:-.5px}
.wtags{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:1100px){.home3{grid-template-columns:1fr}.home3 .wcol.r{order:3}.home3 .wcol.l{order:2}}
[data-theme=dark] .widget .wtools button:hover{background:#3a3f47}
[data-theme=dark] .wcal .due{background:#3a2a12;color:#fdb022}
[data-theme=dark] .wcal .late{background:#3d1a17;color:#fda29b}
[data-theme=dark] .storechoice label:has(input:checked){background:#1a2436}
.wcol{min-width:0}.wcol>*{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.wcol .card{margin:0!important}
.widget .wh{cursor:grab;touch-action:none;user-select:none}
.widget.dragging{box-shadow:0 14px 34px rgba(16,24,40,.25);opacity:.95;transform:rotate(1deg)}
.wdrop{border:2px dashed var(--acc2);border-radius:12px;background:rgba(75,85,99,.06)}
body.wdragging,body.wdragging *{cursor:grabbing!important;user-select:none}
.widget .wtools{align-items:center}
.widget .wgrip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--muted);cursor:grab}
.widget .wgrip:hover{background:#f2f3f5;color:var(--ink)}
[data-theme=dark] .widget .wgrip:hover{background:#3a3f47}
/* Glisser un widget : colonnes et emplacements disponibles */
body.wdragging .wcol{outline:2px dashed #cfd3d9;outline-offset:6px;border-radius:12px;background:rgba(75,85,99,.03);transition:background .15s,outline-color .15s}
body.wdragging .wcol.over{outline-color:var(--acc2);background:rgba(75,85,99,.07)}
.wslot{height:6px;margin:-3px 0;border-radius:3px;border-top:2px dashed #cfd3d9}
body.wdragging .wcol.over .wslot{border-top-color:#c4c8cf}
.wdrop+.wslot,.wslot:has(+.wdrop){display:none}
.wdrop{display:flex;align-items:center;justify-content:center;color:var(--acc2);font-size:13px;font-weight:600;min-height:60px}
body.wdragging .wadd{opacity:.4}
[data-theme=dark] body.wdragging .wcol{outline-color:#4b5058}
[data-theme=dark] .wslot{border-top-color:#4b5058}
/* Bande du haut plus haute */
.top{height:var(--toph,74px)!important}
main.app{margin-top:var(--toph,74px)!important}
.side,html.side-closed .side{top:var(--toph,74px)!important}
.side-veil{inset:var(--toph,74px) 0 0 0}
.brand{font-size:20px}
.search input{padding-top:11px;padding-bottom:11px}
/* Boutons « + Ajouter » plus larges */
.btn-add,.btn.up{min-width:170px;justify-content:center;text-align:center;padding:10px 26px!important;font-weight:600}
@media (max-width:800px){.btn.up{min-width:0;padding:7px 12px!important}}
/* Accueil : largeur des colonnes de widgets réglable */
.home3{grid-template-columns:var(--wl,300px) 10px minmax(0,1fr) 10px var(--wr,300px);gap:4px}
.wresize{align-self:stretch;cursor:col-resize;touch-action:none;border-radius:4px;position:relative}
.wresize::after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;border-radius:2px;background:transparent;transition:background .15s}
.wresize:hover::after,body.resizing .wresize.on::after{background:var(--acc2);opacity:.5}
@media (max-width:1100px){.home3{grid-template-columns:1fr}.wresize{display:none}}
/* Factures : lettres A–Z sur deux colonnes */
.az2{display:grid;grid-template-columns:1fr 1fr;gap:0 6px;align-items:start}
.az2>details{min-width:0}
.az2>details[open]:not(.empty){grid-column:1/-1}
.trialbar{margin:0 0 14px;padding:9px 14px;border-radius:10px;background:#f1f2f4;color:#2b2f36;font-size:14px;max-width:calc(100% - 200px)}
.trialbar.warn{background:#fff4e5;color:#93370d}
.trialbar a{font-weight:600}
@media (max-width:800px){.trialbar{max-width:none}}
[data-theme=dark] .trialbar{background:#1a2436;color:#c7d7f0}
[data-theme=dark] .trialbar.warn{background:#3a2a12;color:#fdb022}
.addons .addon{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.addons .addon .ad{flex:1;min-width:200px}
.addons .addon .ap{min-width:150px;text-align:right}
.addons .aic{display:inline-flex}
.addons .addon .btn{min-width:120px;text-align:center}
body:has(#per-m:checked) .addons .py,body:has(#per-y:checked) .addons .pm{display:none}
.homehead{align-items:center;margin-bottom:16px}.homehead h1{margin:0}.homehead .btn{margin:0}
/* Menu burger : Déconnexion et version en bas */
.side,html.side-closed .side{display:flex!important;flex-direction:column}
.side .side-main{flex:1}
.side .side-foot{border-top:1px solid var(--line);padding-top:8px}
.side .side-foot a.out{margin-top:0}
.side .ver{padding:10px 18px 4px;font-size:12px;color:var(--muted)}
/* Support */
.sup-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.sup-grid .card{margin:0}
.sup-chat .btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.tk{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.tk .no{font-family:ui-monospace,monospace;color:var(--muted)}
@media (max-width:900px){.sup-grid{grid-template-columns:1fr}}
/* Double authentification */
.tfa{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.tfa .qr{background:#fff;padding:6px;border-radius:10px;border:1px solid var(--line);line-height:0}
.tfa ol{padding-left:18px;margin:0 0 12px}.tfa li{margin-bottom:6px}
.tfa code.key{display:inline-block;margin-top:4px;font-size:14px;letter-spacing:1px;padding:4px 8px;background:var(--bg);border-radius:6px;user-select:all}
.rcodes{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:6px 18px;margin:10px 0}
.rcodes code{font-size:15px;letter-spacing:1px}
.btn.danger{color:#d92d20;border-color:#f3b4ae}
@media (max-width:600px){.rcodes{grid-template-columns:repeat(2,auto)}}
/* Connexion : photo en fond d'écran, carte en verre dépoli */
body.is-auth{min-height:100vh;background-color:#0f1a2b;background-image:url(login-bg.jpg?v=4k);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
@supports (background-image:url(x.webp)){body.is-auth{background-image:image-set(url(login-bg.webp?v=4k) type("image/webp"),url(login-bg.jpg?v=4k) type("image/jpeg"))}}
body.is-auth::before{content:"";position:fixed;inset:0;background:linear-gradient(100deg,rgba(13,24,41,calc(var(--dim,.55) + .27)) 0%,rgba(13,24,41,var(--dim,.55)) 38%,rgba(13,24,41,.05) 70%);pointer-events:none}
body.is-auth main.auth{position:relative;margin-left:max(24px,7vw);margin-right:auto}
body.is-auth main.auth .card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 24px 60px rgba(0,0,0,.35);color:#fff;border-radius:18px}
body.is-auth main.auth label{color:rgba(255,255,255,.85)}
body.is-auth main.auth input{background:rgba(255,255,255,.92);border-color:transparent;color:#1b2430}
body.is-auth main.auth .btn{background:#fff;color:#2b2f36;border-color:#fff;font-weight:700;width:100%;padding:11px}
body.is-auth main.auth .btn:hover{background:#f4a261;border-color:#f4a261;color:#2b2f36}
body.is-auth main.auth h1,body.is-auth main.auth h2{color:#fff}
body.is-auth main.auth .muted,body.is-auth main.auth p{color:rgba(255,255,255,.8)}
body.is-auth main.auth a{color:#ffd6b8}
body.is-auth .authlangs{position:relative;z-index:1}
body.is-auth .authlangs a{color:rgba(255,255,255,.8)}
body.is-auth main.auth .flash{background:rgba(217,45,32,.85);color:#fff}
@media (max-width:700px){body.is-auth::before{background:rgba(13,24,41,.62)}body.is-auth main.auth{margin:0 auto}body.is-auth{background-position:78% center}}
body.is-auth main.auth{margin-top:max(40px,12vh)}
/* Connexion centrée au milieu de l'écran */
body.is-auth{display:flex;flex-direction:column}
body.is-auth .authlangs{position:absolute;top:0;right:0}
body.is-auth main.auth{margin:auto!important;width:100%;max-width:420px;padding:24px 16px}
body.is-auth main.auth .logo-h{justify-content:center}
body.is-auth main.auth > p{text-align:center}
body.is-auth::before{background:radial-gradient(ellipse at center,rgba(13,24,41,calc(var(--dim,.55) + .15)) 0%,rgba(13,24,41,var(--dim,.55)) 45%,rgba(13,24,41,.15) 100%)!important}

.logo-anim{position:relative;display:inline-block;flex-shrink:0}.logo-anim img{position:absolute;max-width:none;pointer-events:none;border-radius:0!important}
/* Connexion : logo dans la carte, titre dessous, bouton noir */
body.is-auth main.auth .card .logo-h{flex-direction:column;align-items:center;gap:12px;margin:6px 0 18px;text-align:center;font-size:24px}
body.is-auth main.auth .card .logo-h .logo-anim{margin-top:6px}
body.is-auth main.auth .btn{background:#111!important;color:#fff!important;border-color:#111!important;margin-top:18px}
body.is-auth main.auth .btn:hover{background:#000!important;border-color:#000!important;color:#fff!important}
body.is-auth main.auth .btn{padding:16px!important;font-size:16px;border-radius:12px}
/* Connexion : effet LED sur le champ sélectionné */
body.is-auth main.auth input{transition:box-shadow .25s,border-color .25s;border:2px solid transparent}
body.is-auth main.auth input:focus{outline:none;border-color:#f4a261;background:#fff;animation:led 1.6s ease-in-out infinite}
@keyframes led{
  0%,100%{box-shadow:0 0 0 1px rgba(244,162,97,.9),0 0 8px 2px rgba(244,162,97,.55),0 0 22px 4px rgba(231,111,81,.35)}
  50%{box-shadow:0 0 0 1px rgba(255,190,130,1),0 0 14px 4px rgba(244,162,97,.8),0 0 34px 8px rgba(231,111,81,.5)}
}
@media (prefers-reduced-motion:reduce){body.is-auth main.auth input:focus{animation:none;box-shadow:0 0 0 1px #f4a261,0 0 12px 3px rgba(244,162,97,.6)}}
body.is-auth main.auth{max-width:500px}body.is-auth main.auth .card{padding:34px 36px 32px}@media (max-width:520px){body.is-auth main.auth .card{padding:26px 22px}}

/* Fond d'écran de la connexion : réglages d'affichage (yakalelo.com/admin) */
body.is-auth{background:#0f1a2b!important}
body.is-auth .auth-bg{position:fixed;inset:0;z-index:0;background-image:var(--img,image-set(url(login-bg.webp?v=4k) type("image/webp"),url(login-bg.jpg?v=4k) type("image/jpeg")));background-position:var(--x,50%) var(--y,50%);background-size:cover;background-repeat:no-repeat;filter:var(--bgf,none);transform:var(--bgs,none)}
body.is-auth.fit-contain .auth-bg{background-size:contain;background-position:center;transform:none}
body.is-auth::before{z-index:1}
body.is-auth .authlangs,body.is-auth main.auth{z-index:2}
body.is-auth.shade-center::before{background:radial-gradient(ellipse at center,rgba(13,24,41,calc(var(--dim,.55) + .15)) 0%,rgba(13,24,41,var(--dim,.55)) 45%,rgba(13,24,41,.15) 100%)!important}
body.is-auth.shade-left::before{background:linear-gradient(100deg,rgba(13,24,41,calc(var(--dim,.55) + .27)) 0%,rgba(13,24,41,var(--dim,.55)) 38%,rgba(13,24,41,.05) 70%)!important}
body.is-auth.shade-full::before{background:rgba(13,24,41,var(--dim,.55))!important}
body.is-auth.shade-none::before{background:none!important}
body.is-auth.card-left main.auth{margin-left:max(24px,7vw)!important;margin-right:auto!important}
body.is-auth.card-right main.auth{margin-right:max(24px,7vw)!important;margin-left:auto!important}
@media (max-width:700px){body.is-auth.card-left main.auth,body.is-auth.card-right main.auth{margin:auto!important}}
.supportbar{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fff1e6;border:1px solid #f4a261;color:#7a2e0e;font-size:14px;font-weight:600}.supportbar a{margin-left:8px}
/* Chiffrement de bout en bout */
.enc.locked,.locked[data-c]{color:var(--muted)}
.unlockbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#f1f2f4;border:1px solid #c7d7f5}
.unlockbar input{width:auto;flex:1;min-width:180px;margin:0}.unlockbar .err{color:#d92d20;font-size:14px}
[data-theme=dark] .unlockbar{background:#1a2436;border-color:#4b5058}
.e2ebadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#039855;background:#ecfdf3;border-radius:99px;padding:2px 10px}
.reckey{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;background:var(--bg);border:2px dashed var(--acc);border-radius:10px;padding:14px;text-align:center;user-select:all;word-break:break-all}
body.is-auth main.auth .reckey{color:#1b2430;background:#fff;border-color:#f4a261;font-size:18px}
body.is-auth main.auth .btn.sec{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;width:auto;padding:8px 16px!important;margin-top:0;font-size:14px}
body.is-auth main.auth .btn.sec:hover{background:rgba(255,255,255,.25)!important}
/* Factures : tuiles A–Z des créanciers */
.azbox{padding:14px}
.aztiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.azt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;color:var(--ink);font:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.azt:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.1)}
.azt.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}
.azt.empty{opacity:.4}
.azt .azi{position:relative;display:inline-flex}
.azt .azi b{position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);text-align:center;font-size:17px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.azt .azc{font-size:12px;color:var(--muted)}
.azcreds{display:flex;flex-direction:column;gap:6px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.azn{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;font:inherit;color:var(--ink);text-align:left}
.azn span{flex:1}.azn small{color:var(--muted)}
.azn.on{border-color:var(--acc);background:#f2f3f5}
[data-theme=dark] .azn.on{background:#3a3f47}
.queue .it .rm{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px}.queue .it .rm:hover{background:#fee4e2;color:#d92d20}
input[hidden],[hidden]{display:none!important}
.azt .azi svg .fb{fill:#e76f51}.azt .azi svg .ff{fill:#f4a261}
.azt.empty .azi svg .fb{fill:#cfd4dc}.azt.empty .azi svg .ff{fill:#e4e7ec}
.azt .azi b{top:62%;font-size:20px;color:#2b2f36;text-shadow:none}
.azt.empty .azi b{color:#98a2b3}
.azt.empty{opacity:.75}
[data-theme=dark] .azt.empty .azi svg .fb{fill:#4b5058}[data-theme=dark] .azt.empty .azi svg .ff{fill:#26324a}
/* En-têtes de page (titre + bouton) alignés */
.row:has(> h1){align-items:center;margin-bottom:16px}.row > h1{margin:0}.row:has(> h1) > .btn{margin:0}
/* Documents : dossiers en grandes tuiles au centre */
.ftiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-bottom:16px}
.ft{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.ft:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.1);border-color:var(--acc2)}
.ft .fti{display:inline-flex;align-items:center;justify-content:center;height:52px;font-size:34px;color:var(--muted)}
.ft .fti .ico-emoji{font-size:40px;line-height:52px}
.ft .ftn{font-weight:600;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.ft .ftc{font-size:12px;color:var(--muted)}
.ft.empty{opacity:.7}
.ft.add,.ft.up{border-style:dashed;background:transparent}
.ft.add .ftn,.ft.up .ftn{font-weight:500;color:var(--muted);font-size:13px}
/* Résultats instantanés de la recherche du haut */

.sresults{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(16,24,40,.22);overflow:hidden;z-index:40;max-height:70vh;overflow-y:auto}
.sresults a{display:flex;gap:10px;align-items:center;padding:9px 14px;color:var(--ink);border-bottom:1px solid var(--line)}
.sresults a:hover,.sresults a.on{background:#f2f3f5}
.sresults .si{font-size:20px}.sresults .st{flex:1;min-width:0}.sresults .st small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sresults .sd{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
.sresults .sempty{padding:14px;color:var(--muted)}
.sresults .sall{display:block;width:100%;padding:10px;border:0;background:var(--bg);color:var(--acc2);font:inherit;font-weight:600;cursor:pointer}
[data-theme=dark] .sresults a:hover,[data-theme=dark] .sresults a.on{background:#3a3f47}
.search input::-webkit-search-cancel-button,.search input::-webkit-calendar-picker-indicator{display:none}
/* Moteur de recherche du haut : style moderne */
.search{display:flex;align-items:center}
.search input{height:44px;padding:0 120px 0 44px!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff;font-size:15px;transition:background .2s,border-color .2s,box-shadow .2s}
.search input::placeholder{color:rgba(255,255,255,.62)}
.search input:hover{background:rgba(255,255,255,.14)!important}
.search input:focus{outline:none;background:#fff!important;color:#1b2430;border-color:#f4a261!important;box-shadow:0 0 0 3px rgba(244,162,97,.35),0 8px 24px rgba(0,0,0,.18)}
.search input:focus::placeholder{color:#98a2b3}
.search .sico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.7);pointer-events:none;display:flex;transition:color .2s}
.search:focus-within .sico{color:#e76f51}
.search .search-btn{display:none}
.search .sscope{position:absolute;right:78px;top:50%;transform:translateY(-50%);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(244,162,97,.22);color:#ffd6b8;pointer-events:none}
.search:focus-within .sscope{background:#fff1e6;color:#b54708}
.search .skbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:600 11px/1 ui-monospace,monospace;padding:5px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);pointer-events:none}
.search:focus-within .skbd{border-color:#e4e7ec;color:#98a2b3}
.search:not(:has(.sscope)) input{padding-right:70px!important}
@media (max-width:800px){.search .skbd{display:none}.search .sscope{right:10px}.search input{padding-right:90px!important;height:40px}}
[data-theme=dark] .search input:focus{background:#0f1724!important;color:#e6ebf2}
.sresults{border-radius:14px;animation:sdrop .14s ease-out}
@keyframes sdrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* ===== Mobile ===== */
@media (max-width:800px){
  .top{gap:6px!important;padding:0 8px!important}
  .brand{font-size:0!important;gap:0!important;flex-shrink:0}
  .search{flex:1;min-width:0}
  .search input{height:40px;padding:0 12px 0 38px!important;font-size:16px}
  .search .sico{left:11px}
  .search .sscope,.search .skbd{display:none!important}
  .sresults{position:fixed;left:8px;right:8px;top:62px;max-height:75vh}
  .top .langmenu summary,.theme-btn{width:34px;height:34px}
  main.app{padding:12px 12px 24px!important}
  .trialbar{font-size:13px;padding:8px 12px}
  h1{font-size:22px}
  .row:has(> h1){flex-wrap:wrap;gap:10px}
  .row:has(> h1) > .btn{min-width:0;padding:9px 14px!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .card.kpi .v{font-size:20px}
  .ftiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ft{padding:10px 4px 8px}.ft .fti{height:40px}.ft .fti svg{width:36px;height:36px}.ft .ftn{font-size:12.5px}
  .aztiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .azt{padding:6px 2px 4px}.azt .azi svg{width:44px;height:36px}.azt .azi b{font-size:15px}
  .docs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .bill-it .row{gap:8px}
  .addons .addon .ap{text-align:left}
  .wcol{gap:10px}
  .tw{overflow-x:auto}
}
@media (max-width:800px){
  .top .btn.up{display:none!important}
  .search input::placeholder{font-size:14px}
  .plan ul{list-style:none;padding-left:0}
}
@media (max-width:800px){.search{position:relative!important;transform:none!important;left:auto!important}}
/* Modification en masse */
.bulkbar{position:sticky;bottom:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;background:var(--card);border:1px solid var(--acc);border-radius:14px;box-shadow:0 14px 34px rgba(16,24,40,.22);animation:sdrop .15s ease-out}
.bulkbar .bsel{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;white-space:nowrap}
.bulkbar .bsel input{width:auto;margin:0}
.bulkbar .bacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}
.bulkbar .bgrp{display:inline-flex;gap:4px;align-items:center}
.bulkbar select,.bulkbar input[type=date]{width:auto;margin:0;padding:6px 8px;font-size:13px}
.bill-it .bchk{margin:0;align-self:flex-start;padding-top:2px}.bill-it .bchk input{width:18px;height:18px;margin:0}
.bill-it.picked,.doc.picked{box-shadow:0 0 0 2px var(--acc2)}
tr.picked td{background:#f2f3f5}
@media (max-width:800px){.bulkbar{bottom:8px;padding:8px 10px}.bulkbar .bacts{gap:6px}}
.bulkbar.idle{position:static;box-shadow:none;border-color:var(--line);background:transparent;padding:8px 12px;animation:none}
.bulkbar.idle .bacts,.bulkbar.idle .b1,.bulkbar:not(.idle) .b0{display:none}
.bulkbar.idle .bsel{font-weight:500;color:var(--muted)}
/* Bandeau « Installer l'application » (téléphone) */
.installbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#2b2f36;color:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.3);animation:sdrop .2s ease-out}
.installbar img{width:42px;height:42px;border-radius:10px;flex-shrink:0}
.installbar .it{flex:1;min-width:0;font-size:13px;line-height:1.35}.installbar .it b{display:block;font-size:15px}
.installbar .ok{background:#f4a261;border-color:#f4a261;color:#2b2f36;font-weight:700;white-space:nowrap}
.installbar .x{border:0;background:transparent;color:rgba(255,255,255,.7);font-size:18px;padding:6px;cursor:pointer}
.installbar.help{align-items:flex-start}

/* iPhone : pas de zoom automatique quand on touche un champ (il faut au moins 16px) */
@media (max-width: 900px) {
  input, select, textarea { font-size: 16px !important; }
}

/* Factures : carte plus lisible + QR-code */
.bill-it{padding:14px 16px}
.bill-it .bhead{display:flex;gap:12px;align-items:flex-start}
.bill-it .bmain{flex:1;min-width:0}
.bill-it .btitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16.5px;font-weight:700}
.bill-it .btitle a{color:var(--acc2,#2b2f36);text-decoration:none}.bill-it .btitle a:hover{text-decoration:underline}
.bill-it .bdue{font-size:13px;color:var(--muted);margin-top:2px}
.bill-it .bamt{font-size:22px;font-weight:800;white-space:nowrap;letter-spacing:-.01em}.bill-it .bamt small{font-size:13px;font-weight:600;color:var(--muted)}
.bill-it.paid .bamt{color:var(--muted)}
.bill-it .bpay{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.bill-it .bfields{flex:1;min-width:0;display:grid;gap:6px}
.bill-it .bf{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:8px;background:#f6f7f9;border-radius:9px;padding:6px 6px 6px 10px}
.bill-it .bf span{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}
.bill-it .bf code{font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;overflow-wrap:anywhere}
.bill-it .bf .copy{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 10px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}
.bill-it .bf .copy:hover{border-color:var(--acc2,#2b2f36)}
.bill-it .bpaid{align-self:center;white-space:nowrap}
.bqr{flex:0 0 auto;width:74px;height:74px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:zoom-in;transition:transform .15s,box-shadow .15s}
.bqr:hover{transform:scale(1.05);box-shadow:0 6px 18px rgba(16,24,40,.15)}.bqr svg{width:100%;height:100%;display:block}
.qrpop{position:fixed;inset:0;z-index:200;background:rgba(10,14,22,.7);display:flex;align-items:center;justify-content:center;padding:16px;animation:sdrop .15s ease-out}
.qrpop[hidden]{display:none}
.qrpop .qrin{position:relative;background:#fff;border-radius:18px;padding:22px 22px 14px;width:min(420px,100%);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.qrpop .qrt{display:block;font-size:18px;padding:0 30px}.qrpop .qra{font-size:24px;font-weight:800;margin:4px 0 12px}
.qrpop .qrbig svg{width:100%;max-width:340px;height:auto}
.qrpop .qrx{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:#f0f1f4;font-size:16px;cursor:pointer}
@media (max-width:640px){
  .bill-it .bpay{flex-wrap:wrap}
  .bill-it .bfields{flex-basis:calc(100% - 90px)}
  .bill-it .bf{grid-template-columns:minmax(0,1fr) auto}.bill-it .bf span{grid-column:1/-1}
  .bill-it .bpaid{width:100%}
  .bill-it .bamt{font-size:19px}
}

/* Garanties */
.wlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.wcard{display:flex;gap:14px;align-items:stretch;margin:0;padding:12px}
.wcard .wth{flex:0 0 76px;height:96px;border-radius:10px;background:#f1f3f6 center/cover no-repeat;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.wcard .wmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.wcard .wtop{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.wcard .wti{font-weight:700;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wcard .wbadge{flex:0 0 auto;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:#dcfae6;color:#067647;white-space:nowrap}
.wcard.w-soon .wbadge{background:#fef0c7;color:#b54708}.wcard.w-expired .wbadge{background:#f0f1f4;color:var(--muted)}
.wcard .wbar{height:6px;border-radius:99px;background:#eceff3;overflow:hidden;margin:4px 0 2px}.wcard .wbar span{display:block;height:100%;background:#12b76a;border-radius:99px}
.wcard.w-soon .wbar span{background:#f79009}.wcard.w-expired .wbar span{background:#c4c9d2}
.wcard.w-expired{opacity:.75}
.wcard .wfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;flex-wrap:wrap}
.wcard .wdur{display:flex;align-items:center;gap:6px;margin:0}.wcard .wdur select{width:auto;margin:0;padding:4px 6px;font-size:13px}
@media (max-width:640px){.wlist{grid-template-columns:1fr}}

/* Aperçu rapide au survol */
.pvacts{position:absolute;top:8px;right:8px;display:flex;gap:6px;justify-content:flex-end;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:3}
[data-pid]:hover .pvacts,[data-pid]:focus-within .pvacts{opacity:1;transform:none}
.pvacts button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;padding:0;font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:rgba(17,24,39,.86);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pvacts button:hover{background:#111827}.pvacts .pv-edit{background:rgba(255,255,255,.95);color:#111827}.pvacts .pv-edit:hover{background:#fff}
@media (hover:none){.pvacts{opacity:1;transform:none}.pvacts span{display:none}.pvacts{top:6px;right:6px}}
.pvpop{position:fixed;inset:0;z-index:250;background:rgba(10,14,22,.78);display:flex;align-items:center;justify-content:center;padding:3vh 3vw}
.pvpop[hidden]{display:none}
.pvbox{position:relative;width:min(1100px,100%);height:94vh;background:var(--card,#fff);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.pvhead{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line)}
.pvhead .pvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pvhead .pvx{width:36px;height:36px;border-radius:50%;border:0;background:#f0f1f4;cursor:pointer;font-size:15px;flex:0 0 auto}
.pvbody{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#e9ecf1}
.pvbody img{max-width:100%;max-height:100%;object-fit:contain}
.pvbody iframe{width:100%;height:100%;border:0;background:#fff}
.pvwait{color:var(--muted)}
.pvnav{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;border:0;background:rgba(17,24,39,.7);color:#fff;font-size:26px;cursor:pointer;line-height:1}
.pvp{left:10px}.pvn{right:10px}.pvnav:hover{background:#111827}
#edit:target{box-shadow:0 0 0 3px var(--acc2,#2b2f36);scroll-margin-top:90px}
@media (max-width:640px){.pvpop{padding:0}.pvbox{height:100%;border-radius:0}.pvhead .pv-dl{display:none}}

/* Fil d'Ariane moderne */
.crumbs2{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 12px;padding:4px;background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.05);max-width:100%}
.crumbs2 a,.crumbs2 .cr-cur{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.crumbs2 a:hover{background:#eef2f7;color:var(--acc2,#2b2f36)}
.crumbs2 .cr-home{padding-left:8px}.crumbs2 .cr-home .ico{flex:0 0 auto}
.crumbs2 .cr-cur{background:var(--acc2,#2b2f36);color:#fff}
.crumbs2 .cr-sep{display:inline-flex;color:#b4bcc8}
[data-theme=dark] .crumbs2 a:hover{background:rgba(255,255,255,.08)}
@media (max-width:640px){.crumbs2 .cr-home span{display:none}.crumbs2 a,.crumbs2 .cr-cur{max-width:150px;padding:5px 10px}}

/* Garanties : une ligne par achat */
.wtable{display:flex;flex-direction:column;gap:8px;container-type:inline-size}
.wrow{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,1.3fr) 128px 150px 84px;gap:10px;align-items:center;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.wrow.whead{background:none;border:0;padding:0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.wrow .wth{width:46px;height:58px;border-radius:7px;background:#f1f3f6 center/cover no-repeat;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.wrow .wc{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}
.wrow .wc small{display:none;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wrow .wf{width:100%;margin:0;padding:6px 7px;border:1px solid transparent;border-radius:7px;background:transparent;font:inherit;font-size:14px;color:inherit;transition:border-color .15s,background .15s}
.wrow input.wf[data-k=store]{font-weight:700}
.wrow .wf:hover{border-color:var(--line);background:#fafbfc}.wrow .wf:focus{border-color:var(--acc2,#2b2f36);background:#fff;outline:0}
.wrow .wf.saved{border-color:#12b76a;background:#ecfdf3}.wrow .wf.err{border-color:#d92d20}
.wrow .wdue{gap:1px}.wrow .wdue b{font-size:14px}
.wrow .wdue .wdur{padding:2px 4px;font-size:12px;color:var(--muted);width:auto}
.wrow .wbadge{font-size:11.5px;font-weight:700;color:#067647}
.wrow.w-soon .wbadge{color:#b54708}.wrow.w-expired .wbadge,.wrow.w-used .wbadge{color:var(--muted)}
.wrow .wbar{display:block;height:4px;border-radius:99px;background:#eceff3;overflow:hidden;margin:2px 0}.wrow .wbar span{display:block;height:100%;background:#12b76a}
.wrow.w-soon .wbar span{background:#f79009}.wrow.w-expired .wbar span,.wrow.w-used .wbar span{background:#c4c9d2}
.wrow.w-expired,.wrow.w-used{opacity:.72}
.wusebtn{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:6px 4px;border:1px solid #fdb022;border-radius:9px;background:#fffaeb;color:#b54708;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.wusebtn .ic{font-size:17px;line-height:1}.wusebtn:hover{background:#fef0c7}
.wusebtn.on{border-color:var(--line);background:#fff;color:var(--muted)}
@container (max-width:640px){
  .wrow{grid-template-columns:46px 1fr 1fr}
  .wrow.whead{display:none}
  .wrow .wth{grid-row:span 3;height:100%}
  .wrow .wc small{display:block}
  .wusebtn{flex-direction:row;justify-content:center;padding:8px}
}
/* Fiche document : bloc Garantie */
.wbox{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:4px 0 14px;background:#f6fbf8}
.wbox summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.wbox summary::-webkit-details-marker{display:none}
.wbox summary::after{content:'▾';margin-left:auto;color:var(--muted)}.wbox[open] summary::after{content:'▴'}
[data-theme=dark] .wbox{background:rgba(18,183,106,.06)}

/* Recherche du haut : look moderne */
.search input{height:46px;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px rgba(0,0,0,.12);backdrop-filter:blur(6px);padding-left:50px!important;letter-spacing:.005em}
.search input:hover{border-color:rgba(255,255,255,.3)!important}
.search input:focus{background:#fff!important;box-shadow:0 0 0 4px rgba(244,162,97,.28),0 12px 32px rgba(0,0,0,.22)!important}
.search .sico{left:9px;width:32px;height:32px;border-radius:10px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff!important;box-shadow:0 2px 8px rgba(231,111,81,.4)}
.search .sico svg{width:16px;height:16px}
.search .sscope{display:inline-flex;align-items:center;gap:5px;pointer-events:auto;cursor:pointer;border:1px solid rgba(244,162,97,.45);background:rgba(244,162,97,.16);color:#ffe2cc;padding:4px 6px 4px 9px;border-radius:8px;font:600 12px/1 inherit;right:96px;max-width:180px}
.search .sscope span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search .sscope i{font-style:normal;font-size:14px;line-height:1;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;opacity:.75}
.search .sscope:hover i{background:rgba(255,255,255,.2);opacity:1}
.search:focus-within .sscope{background:#fff1e6;border-color:#fbd3b5;color:#b54708}
.search .skbd{display:flex;gap:3px;border:0;padding:0;right:12px}
.search .skbd kbd{font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;color:rgba(255,255,255,.75)}
.search:focus-within .skbd kbd{background:#f2f4f7;border-color:#e4e7ec;color:#667085}
.search:not(:has(.sscope)) input{padding-right:84px!important}
.search:has(.sscope) input{padding-right:290px!important}
@media (max-width:800px){.search .sico{width:28px;height:28px;left:6px}.search input{padding-left:42px!important;height:42px}.search:has(.sscope) input{padding-right:12px!important}}
/* Garanties : lignes cliquables (lecture seule) */
.wrow.wlink{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}
.wrow.wlink:hover,.wrow.wlink:focus-visible{border-color:var(--acc2,#2b2f36);box-shadow:0 8px 22px rgba(16,24,40,.10);transform:translateY(-2px);outline:0;opacity:1}
.wrow.wlink:hover .wv{color:var(--acc2,#2b2f36)}
.wrow .wv{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;transition:color .15s}
.wrow b.wv{font-weight:700}
.wrow .wdurt{font-size:12px;color:var(--muted)}
.wrow.wlink:hover .wth{box-shadow:0 0 0 2px var(--acc2,#2b2f36)}
/* Liste : fiche d'aperçu au survol */
.hovcard{position:fixed;z-index:240;display:flex;gap:12px;width:340px;padding:12px;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(16,24,40,.22)}
.hovcard.in{animation:hcin .16s ease-out}
@keyframes hcin{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.hovcard .hc-th{flex:0 0 96px;height:124px;border-radius:8px;background:#f1f3f6 center top/cover no-repeat;border:1px solid var(--line)}
.hovcard .hc-th.load{background-image:linear-gradient(90deg,#f1f3f6,#e7eaef,#f1f3f6)!important;background-size:200% 100%!important;animation:hcshine 1s linear infinite}
.hovcard .hc-th.none{display:none}
@keyframes hcshine{to{background-position:-200% 0}}
.hovcard .hc-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.hovcard .hc-t{font-size:14.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.hovcard .hc-b{display:flex;gap:6px;margin-top:auto}
@media (hover:none){.hovcard{display:none!important}}
/* Photo de l'article (garantie) */
.wphotobox{display:flex;gap:14px;align-items:flex-start;margin:4px 0 12px;padding:10px;border:1px dashed #b7c2d0;border-radius:12px;background:var(--card,#fff);transition:background .15s,border-color .15s}
.wphotobox.drag{border-color:var(--acc2,#2b2f36);background:#f1f2f4}
.wpimg{flex:0 0 120px;height:120px;border-radius:10px;background:#f1f3f6 center/contain no-repeat;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--muted);padding:8px}
.wpimg.on{background-color:#fff}.wpimg.on span{display:none}
.wpact{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wpact label.btn{margin:0;cursor:pointer}
.wpact #wpmsg{flex-basis:100%}.wpact #wpmsg.red{color:#d92d20}
.wpsearch{flex-basis:100%;background:#f6f7f9;border-radius:10px;padding:10px}
.wpsearch .row{flex-wrap:nowrap}.wpsearch input{margin:0;flex:1;min-width:0}.wpsearch p{margin:8px 0}
/* Interrupteur e-mail des garanties */
.wmail{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:14px;color:inherit}
.wmail input{position:absolute;opacity:0;width:1px;height:1px}
.wmail .sw{flex:0 0 40px;height:22px;border-radius:99px;background:#d0d5dd;position:relative;transition:background .2s}
.wmail .sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.wmail input:checked+.sw{background:#12b76a}.wmail input:checked+.sw::after{transform:translateX(18px)}
.wmail input:focus-visible+.sw{box-shadow:0 0 0 3px rgba(18,183,106,.3)}
.wrow .wth.wphoto{background-size:contain;background-color:#fff}
@media (max-width:640px){.wphotobox{flex-direction:column}.wpimg{width:100%;flex-basis:auto;height:180px}}
/* Propositions de photos */
.wpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.wpcand{position:relative;display:flex;flex-direction:column;gap:3px;padding:4px;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.wpcand img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:7px;background:#fff}
.wpcand small{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpcand:hover{border-color:var(--acc2,#2b2f36);transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.12)}
.wpcand.sel{border-color:#12b76a}.wpcand.busy{opacity:.55;pointer-events:none}
.wpsk{aspect-ratio:1;border-radius:10px;background:linear-gradient(90deg,#eceff3,#f7f8fa,#eceff3);background-size:200% 100%;animation:hcshine 1s linear infinite}
/* Fiche document : l'aperçu prend la même hauteur que le formulaire à côté */
@media (min-width:901px){
  .dvcol{position:relative;align-self:stretch;display:flex;flex-direction:column;min-height:420px}
  :has(> .dvcol){margin-bottom:30px}
  .dvcol+#edit{margin-bottom:0}
  .dvcol .preview{flex:1 1 0;min-height:0;max-height:none;height:0}
  .dvcol p{position:absolute;left:0;right:0;top:100%;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:900px){.dvcol iframe.preview{height:70vh}}
.wpdiag{color:#98a2b3;font-size:11px;word-break:break-all}
.wmail{flex-wrap:wrap;gap:8px 18px;cursor:default}
.wmail .wm-t{font-weight:600}
.wmail .wm-o{display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;color:inherit;font-size:14px;position:relative}

/* Cloche de notifications */
.bell{position:relative}
.bell>summary{list-style:none;cursor:pointer;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);position:relative;transition:background .15s}
.bell>summary::-webkit-details-marker{display:none}
.bell>summary:hover,.bell[open]>summary{background:rgba(255,255,255,.16)}
.bell.has>summary svg{animation:bellring 2.4s ease-in-out 1}
@keyframes bellring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-14deg)}50%{transform:rotate(6deg)}}
.bell-n{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e5484d;color:#fff;font:700 11px/19px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--acc2,#2b2f36)}
.bell-box{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,92vw);max-height:70vh;overflow:auto;background:var(--card,#fff);color:var(--ink,#1b2430);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(16,24,40,.25);z-index:120;animation:sdrop .15s ease-out}
.bell-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:inherit}
.bell-all{border:0;background:none;color:var(--acc2,#2b2f36);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.bell-it{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;text-decoration:none;color:inherit;border-bottom:1px solid #f0f2f5;position:relative}
.bell-it:hover{background:#f6f8fb}
.bell-it .bi{flex:0 0 30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eef2f7}
.bell-it.lvl-red .bi{background:#fee4e2}.bell-it.lvl-orange .bi{background:#fef0c7}.bell-it.lvl-green .bi{background:#dcfae6}.bell-it.lvl-blue .bi{background:#dbe8fe}
.bell-it .bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bell-it .bt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bell-it .bt small{font-size:12.5px;color:var(--muted)}
.bell-it.lvl-red small{color:#d92d20}
.bell-it .dot{flex:0 0 8px;height:8px;border-radius:50%;background:#2e90fa;margin-top:6px}
.bell-it.read .dot{visibility:hidden}.bell-it.read .bt b{font-weight:500}
.bell-empty{padding:22px 14px;text-align:center;color:var(--muted)}
[data-theme=dark] .bell-it:hover{background:rgba(255,255,255,.05)}
@media (max-width:640px){.bell>summary{width:34px;height:34px}.bell-box{position:fixed;left:8px;right:8px;top:62px;width:auto}}
.top .bell{margin-left:auto}.top .bell+.langmenu{margin-left:0!important}
.bell-acts{display:flex;gap:12px}.bell-clear{border:0;background:none;color:#d92d20;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.bell-it .bx{flex:0 0 24px;height:24px;margin:-2px -6px 0 2px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;opacity:.5}
.bell-it:hover .bx{opacity:1}.bell-it .bx:hover{background:#fee4e2;color:#d92d20}
.bell-it[hidden]{display:none}
/* Fenêtre des notifications plus grande */
.bell-box{width:min(480px,94vw);max-height:80vh}
.bell-h{padding:16px 18px}.bell-h b{font-size:17px}
.bell-it{padding:14px 18px;gap:14px}
.bell-it .bi{flex-basis:40px;height:40px;font-size:19px;border-radius:11px}
.bell-it .bt b{font-size:15.5px}.bell-it .bt small{font-size:13.5px}
.bell-empty{padding:36px 18px;font-size:15px}
@media (max-width:640px){.bell-box{width:auto}}
/* Nouveaux widgets */
.wbig{font-size:24px;font-weight:800;letter-spacing:-.01em}.wbig.red{color:#d92d20}
.wgb{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}
.wgb.wg-ok{background:#dcfae6;color:#067647}.wgb.wg-s{background:#fef0c7;color:#b54708}.wgb.wg-x{background:#f0f1f4;color:var(--muted)}
.wn{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f0f2f5;text-decoration:none;color:inherit}
.wn:last-of-type{border-bottom:0}.wn>span:first-child{flex:0 0 26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eef2f7;font-size:14px}
.wn.lvl-red>span:first-child{background:#fee4e2}.wn.lvl-orange>span:first-child{background:#fef0c7}.wn.lvl-green>span:first-child{background:#dcfae6}
.wn>span:last-child{min-width:0;display:flex;flex-direction:column}.wn b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wn small{font-size:12px;color:var(--muted)}
.wn.lvl-red small{color:#d92d20}.wn:hover b{color:var(--acc2,#2b2f36)}
.wcal span.wend{box-shadow:inset 0 -3px 0 #12b76a}
/* Widgets au milieu (accueil) : deux par ligne */
.wcol.m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;align-items:start}
.wcol.m .widget{margin:0}
.wcol.m .wadd{grid-column:1/-1}
.wcol.m .wslot,.wcol.m .wdrop{grid-column:auto}
.wcol.m:not(:has(.widget)) .wadd select{opacity:.75}
@media (max-width:700px){.wcol.m{grid-template-columns:1fr}}

/* Statut des factures : pastilles et bandeau */
.badge.bb{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 4px;border-radius:99px;font-weight:700;font-size:12px;letter-spacing:.01em;border:1px solid transparent}
.badge.bb i{font-style:normal;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff;background:currentColor}
.badge.bb i{color:#fff}
.badge.bb.b-paid{background:#ecfdf3;color:#067647;border-color:#abefc6}.badge.bb.b-paid i{background:#12b76a}
.badge.bb.b-overdue{background:#fef3f2;color:#b42318;border-color:#fecdca}.badge.bb.b-overdue i{background:#f04438}
.badge.bb.b-soon{background:#fffaeb;color:#b54708;border-color:#fedf89}.badge.bb.b-soon i{background:#f79009;font-size:9px}
.badge.bb.b-open{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.badge.bb.b-open i{background:#2e90fa}
.billban{display:flex;align-items:center;gap:14px;margin:-6px -6px 16px;padding:14px 16px;border-radius:14px;border:1px solid}
.billban .bbi{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff}
.billban .bbt{flex:1;min-width:0;display:flex;flex-direction:column}.billban .bbt b{font-size:17px}.billban .bbt small{font-size:13px;opacity:.85}
.billban .bba{font-size:22px;font-weight:800;white-space:nowrap;letter-spacing:-.01em}
.billban .bbb{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .12s}
.billban .bbb:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.15)}
.billban.bs-paid{background:linear-gradient(135deg,#ecfdf3,#f6fef9);border-color:#abefc6;color:#05603a}.billban.bs-paid .bbi{background:linear-gradient(135deg,#32d583,#12b76a)}.billban.bs-paid .bbb{background:#fff;color:#344054;border:1px solid #d0d5dd}
.billban.bs-overdue{background:linear-gradient(135deg,#fef3f2,#fffbfa);border-color:#fecdca;color:#912018}.billban.bs-overdue .bbi{background:linear-gradient(135deg,#f97066,#d92d20)}.billban.bs-overdue .bbb{background:#12b76a;color:#fff}
.billban.bs-soon{background:linear-gradient(135deg,#fffaeb,#fffcf5);border-color:#fedf89;color:#93370d}.billban.bs-soon .bbi{background:linear-gradient(135deg,#fdb022,#f79009)}.billban.bs-soon .bbb{background:#12b76a;color:#fff}
.billban.bs-open{background:linear-gradient(135deg,#eff8ff,#f5faff);border-color:#b2ddff;color:#1849a9}.billban.bs-open .bbi{background:linear-gradient(135deg,#53b1fd,#2e90fa);font-size:18px}.billban.bs-open .bbb{background:#12b76a;color:#fff}
[data-theme=dark] .billban{filter:saturate(.9) brightness(.92)}
@media (max-width:640px){.billban{flex-wrap:wrap}.billban .bba{font-size:19px}.billban .bbb{width:100%}}
/* Connexion : rester connecté + Face ID */
.remember{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:2px 0 12px;cursor:pointer}
.remember input{width:18px;height:18px;margin:0}
.faceid-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px}
.pkrow{padding:8px 0;border-bottom:1px solid var(--line);margin:0}
.wwhere{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.wwhere span{flex-basis:100%}
.wwhere button{flex:1;min-width:80px;border:1px solid var(--line);background:var(--card,#fff);border-radius:9px;padding:8px 6px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wwhere button:hover{border-color:var(--acc2,#2b2f36);background:#f1f2f4}
.wcol.m:not(:has(.widget)){min-height:0;margin:0}
body.wdragging .wcol.m{min-height:90px;margin:0 0 18px}
/* 2FA par approbation */
.orsep{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--muted);font-size:13px}.orsep::before,.orsep::after{content:'';flex:1;height:1px;background:var(--line)}
.apprbox{text-align:center;padding:12px;border:1px dashed var(--line);border-radius:12px}
.apprnum{font-size:44px;font-weight:800;letter-spacing:.05em;color:var(--acc2,#2b2f36);margin:4px 0}
.spin{display:inline-block;width:12px;height:12px;border:2px solid #cfd6e2;border-top-color:var(--acc2,#2b2f36);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}
@keyframes spin{to{transform:rotate(360deg)}}
.apprpop{position:fixed;inset:0;z-index:300;background:rgba(10,14,22,.6);display:flex;align-items:center;justify-content:center;padding:16px;animation:sdrop .15s ease-out}
.apprin{background:var(--card,#fff);border-radius:18px;padding:24px;width:min(380px,100%);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.apprico{font-size:38px}.apprin .appt{display:block;font-size:18px;margin:6px 0}
.appnums{display:flex;gap:10px;justify-content:center;margin:12px 0 16px}
.appn{width:72px;height:72px;border-radius:16px;border:2px solid var(--line);background:#f6f8fb;font:800 26px/1 system-ui,sans-serif;cursor:pointer;color:inherit}
.appn:hover{border-color:var(--acc2,#2b2f36);background:#f1f2f4}
.appmsg{font-weight:700;margin-top:8px}
.azbadge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;border-radius:99px;background:#fff1e6;color:#b54708;font-size:12px;font-weight:700;vertical-align:1px}
body.selecting{user-select:none;cursor:cell}
body.selecting tr.srch-it:hover td,body.selecting .doc:hover{background:#f1f2f4}
input[name="ids[]"]{cursor:pointer}
/* Créanciers d'une lettre : 4 colonnes */
.azcreds:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.azcreds>.azn:first-child{grid-column:1/-1}
.azcreds .azn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.azcreds:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.azcreds:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Factures : vignette d'aperçu */
.bill-it .bthumb{position:relative;flex:0 0 64px;height:82px;padding:0;border:1px solid var(--line);border-radius:9px;background:#f4f6f9 center top/cover no-repeat;cursor:zoom-in;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.bill-it .bthumb:hover{transform:scale(1.04);border-color:var(--acc2,#2b2f36);box-shadow:0 8px 20px rgba(16,24,40,.15)}
.bill-it .bthumb .bzoom{position:absolute;right:3px;bottom:3px;width:22px;height:22px;border-radius:6px;background:rgba(17,24,39,.75);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.bill-it .bthumb:hover .bzoom{opacity:1}
@media (hover:none){.bill-it .bthumb .bzoom{opacity:1}}
@media (max-width:640px){.bill-it .bthumb{flex-basis:52px;height:66px}}
.bill-it .bmeta{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:6px;align-items:center}
.bill-it .bmeta>span{font-size:12.5px;padding:2px 8px;border-radius:7px;background:#f2f4f7;color:#475467;white-space:nowrap}
.bill-it .bmeta>span.late{background:#fef3f2;color:#b42318;font-weight:600}.bill-it .bmeta>span.ok{background:#ecfdf3;color:#067647;font-weight:600}
.bill-it.paid .bf{opacity:.75}
.stabs .fsel{width:auto;margin:0;padding:6px 10px;font-size:13.5px;border-radius:9px}
@media (max-width:700px){.stabs .spacer{flex-basis:100%;height:0}.stabs .fsel{flex:1;min-width:0}}
.layout2.docgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media (max-width:820px){.layout2.docgrid{grid-template-columns:1fr}.docgrid .preview{height:60vh!important;min-height:0!important}.docgrid input,.docgrid select,.docgrid textarea{max-width:100%;min-width:0;box-sizing:border-box}.docgrid #warranty,.docgrid .card{max-width:100%;overflow:hidden}}
.tabbar{display:none}
@media (max-width:800px){
.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card,#fff);border-top:1px solid var(--line,#e3e7ee);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(13,24,41,.08)}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11.5px;font-weight:600;color:var(--muted,#6b7587);text-decoration:none;border-radius:10px}
.tabbar a.on{color:var(--accent,#4b5563)}
.tabbar a.on svg{transform:translateY(-1px)}
.side a.intab{display:none!important}
main.app{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
.bulkbar,.pvpop .pvnav{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabbar{background:#121a28;border-color:#24304a}}
[data-theme="dark"] .tabbar{background:#121a28;border-color:#24304a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabbar a.on{color:#fff!important;background:rgba(255,255,255,.12)!important}}
@media (max-width:800px){
html,body{overflow-x:clip}
.top>*{flex-shrink:0}.top .search{flex:1 1 auto!important;min-width:0!important;width:auto!important}
.top .search input{min-width:0;width:100%}
}
@media (max-width:430px){.top .brand{display:none!important}}
@media (max-width:800px){
main.app .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
main.app .grid>.card{min-width:0}
main.app>.row{flex-wrap:wrap;gap:10px}main.app>.row .btn{max-width:100%;white-space:normal}
.aztiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}.azt{min-width:0}.azt svg{width:100%;height:auto;max-width:52px}
.azbox,.card{max-width:100%;box-sizing:border-box}
}
@media (max-width:1100px){.home3>*{min-width:0;max-width:100%}.home3 .widget{max-width:100%;box-sizing:border-box}}
.pvtap{display:none}
@media (max-width:820px){
.docgrid .pvmini{position:relative;max-height:240px;overflow:hidden;border-radius:14px}
.docgrid .pvmini .preview{height:240px!important;min-height:0!important;pointer-events:none}
.pvtap{display:flex;position:absolute;inset:0;align-items:flex-end;justify-content:center;padding-bottom:12px;border:0;background:linear-gradient(transparent 55%,rgba(13,24,41,.35));cursor:pointer;z-index:2}
.pvtap span{background:rgba(13,24,41,.85);color:#fff;font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px}
.pvpop .pvbox{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}
}
@media (max-width:800px){.side{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;box-sizing:border-box}.side .side-foot{padding-bottom:6px}}
@media (max-width:800px){
.wmail{display:flex!important;flex-direction:column;align-items:stretch!important;gap:2px!important;padding:12px 14px!important}
.wmail .wm-t{margin-bottom:4px}
.wmail .wm-o{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border-top:1px solid var(--line,#e3e7ee)}
.wmail .wm-o span:last-child{white-space:nowrap}
main.app .grid:has(> .kpi:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
main.app .grid .kpi{padding:10px 12px!important}main.app .grid .kpi .l{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main.app .grid .kpi .v{font-size:22px}
.stabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.stabs::-webkit-scrollbar{display:none}.stabs>*{flex-shrink:0;white-space:nowrap}
.wtable .whead{display:none!important}
.wtable .wrow.wlink{display:grid!important;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"th st due" "th it due" "th bo act";gap:4px 12px;padding:12px!important;align-items:start}
.wtable .wrow .wth{grid-area:th;width:64px!important;height:64px!important}
.wtable .wrow .wc:nth-of-type(1){grid-area:st}.wtable .wrow .wc:nth-of-type(2){grid-area:it}.wtable .wrow .wc:nth-of-type(3){grid-area:bo}
.wtable .wrow .wdue{grid-area:due}.wtable .wrow .wact{grid-area:act}
.wtable .wrow .wc small{font-size:10.5px}.wtable .wrow .wv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.wtable .wrow .wdurt{display:none}
}
/* ===== Passe mobile globale ===== */
@media (max-width:800px){
body:not(.pg-home) .home3>.wcol,body:not(.pg-home) .home3>aside{display:none!important}
#stabs{flex-wrap:wrap!important;overflow:visible}
#stabs .spacer{display:none}
#stabs .fsel{flex:1 1 30%;min-width:0;font-size:16px;padding:8px 6px}
.aztiles{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
.azt{padding:4px 0!important}.azt svg{max-width:34px!important}.azt .azc{font-size:11px}.azt b{font-size:12px}
.unlockbar{padding:12px!important}.unlockbar>*{font-size:14px}
.trialbar{font-size:13px;padding:8px 12px!important}
main.app h1{font-size:24px;line-height:1.2;word-break:break-word}
main.app .card{padding:14px!important}
.btn-add{padding:10px 14px!important}
.tabbar a svg,.tabbar button svg{width:22px;height:22px}
}
.pg-home .grid{margin-bottom:12px!important}.pg-home .grid>.card{margin-bottom:0!important}.pg-home .wcol.m{margin-bottom:20px}.pg-home .wcol.m:empty{min-height:0}
.ptr{position:fixed;top:62px;left:50%;transform:translate(-50%,0);opacity:0;z-index:30;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(13,24,41,.18);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--muted,#6b7587);pointer-events:none;transition:opacity .15s}
.ptr.ready{color:var(--acc2,#4b5563)}
.ptr.spin{opacity:1!important;animation:ptrspin .7s linear infinite}
@keyframes ptrspin{to{transform:translate(-50%,70px) rotate(360deg)}}
@media (min-width:801px){.ptr{display:none}}
.wch-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.wch-bar select{flex:1 1 30%;min-width:0;padding:5px 6px;font-size:13px;border:1px solid var(--line,#e3e7ee);border-radius:8px;background:var(--card,#fff);color:inherit}
.wch-svg svg{display:block;color:var(--ink,#1f2328)}.wch-svg rect,.wch-svg circle,.wch-svg path{transition:opacity .15s}.wch-svg rect:hover{opacity:.8}
.wch-leg{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:6px}.wch-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.wch-leg b{margin-left:auto}
@media (max-width:800px){.wch-bar select{font-size:16px}}
.billcrumb{margin-bottom:12px}
#azcreds{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
#azcreds[hidden]{display:none}
.azsub{text-decoration:none;padding:14px!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.azsub:hover{border-color:var(--acc2,#4b5563);box-shadow:0 4px 14px rgba(13,24,41,.08);transform:translateY(-1px)}
.azsub .azsi{font-size:26px;line-height:1}.azsub .azsn{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azsub small{color:var(--muted);white-space:nowrap}
@media (max-width:800px){#azcreds{grid-template-columns:1fr}}
.azsub{justify-content:flex-start!important}.azsub .azsn{text-align:left}.aztiles[hidden]+#azcreds{border-top:0!important;margin-top:0!important;padding-top:0!important}
.favbtn .st{color:#c4cad6;font-size:17px;line-height:1;transition:color .15s,transform .15s}.favbtn{display:inline-flex;gap:6px;align-items:center}.favbtn.on .st{color:#f5b301;transform:scale(1.15)}
@media (max-width:800px){.favbtn .tx{display:none}}
.pvacts .pv-fav{font-size:18px;color:#9aa3b2;background:rgba(255,255,255,.95)!important}.pvacts .pv-fav.on{color:#f5b301}
.favli{display:flex;align-items:center;gap:8px}.favli a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favst{color:#f5b301}
/* Sous-dossiers créanciers : tuiles dossier comme les lettres */
#azcreds:not([hidden]){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important}
#azcreds>.azsub:first-child{grid-column:auto!important}
.azt.azsub{text-decoration:none;padding:12px 8px 10px!important;gap:4px;min-width:0;justify-content:flex-start!important}
.azt.azsub .azi svg{width:64px!important;height:52px!important}
.azt.azsub .azi b{font-size:15px!important}
.azt.azsub .azsn{font-weight:600;font-size:13.5px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.azt.azsub small{font-size:11.5px;color:var(--muted)}.azt.azsub small.due{color:#b54708;font-weight:600}
.azt.azsub:hover{border-color:var(--acc2,#4b5563)}
@media (max-width:800px){#azcreds:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.azt.azsub .azi svg{width:50px!important;height:40px!important}}
.billsec{display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 12px;padding:10px 4px;border:0;border-top:2px solid var(--line,#e3e7ee);background:none;font:inherit;color:var(--ink,#1f2328);cursor:pointer;text-align:left}
.billsec .bs-t{font-weight:700;font-size:15px}.billsec .bs-n{background:var(--acc,#2b2f36);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:1px 9px}
.billsec .bs-c{margin-left:auto;color:var(--muted);transition:transform .2s}.billsec[aria-expanded=false] .bs-c{transform:rotate(-90deg)}
.billsec:hover .bs-t{color:var(--acc2,#4b5563)}
body.billsfold #stabs,body.billsfold .bill-it,body.billsfold .bulkbar,body.billsfold #billnone{display:none!important}
/* ===== Panneaux suspendus (ordinateur) ===== */
.signs{display:none}
@media (min-width:801px){
.side a.insign{display:none!important}
.signs{display:flex;justify-content:center;gap:38px;position:relative;margin:-6px 0 14px;padding-top:8px;height:72px}
.signs-rail{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:min(620px,90%);height:6px;border-radius:3px;background:linear-gradient(#5b4636,#3b2c21);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.sign{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink,#1f2328);transform-origin:50% 8px;padding-top:8px}
.sign .rope{position:absolute;top:0;left:16px;right:16px;height:24px}
.sign .rope::before,.sign .rope::after{content:"";position:absolute;top:0;width:2px;height:24px;background:repeating-linear-gradient(#a8865f 0 3px,#8a6a46 3px 6px);border-radius:1px}
.sign .rope::before{left:0}.sign .rope::after{right:0}
.sign .board{margin-top:10px;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;background:var(--card,#fff);border:1px solid var(--line,#e3e7ee);box-shadow:0 6px 14px rgba(13,24,41,.12);font-weight:700;font-size:15px;position:relative}
.sign .board::before,.sign .board::after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:#b9c0cc}
.sign .board::before{left:14.5px}.sign .board::after{right:14.5px}
.sign .board svg{color:var(--acc2,#4b5563)}
.sign:hover{animation:swing .9s ease-in-out}
.sign.on .board{background:linear-gradient(#f4a261,#e76f51);border-color:#d8613f;color:#fff}
.sign.on .board svg{color:#fff}
.sign.on .board::before,.sign.on .board::after{background:rgba(255,255,255,.6)}
@keyframes swing{0%{transform:rotate(0)}20%{transform:rotate(5deg)}45%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}100%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.sign:hover{animation:none}}
}

@media (min-width:801px){.signs.inmid{margin:0 0 12px}.signs.inmid .signs-rail{width:min(560px,96%)}}
@media (min-width:801px){
.signs.inmid{padding-top:0;margin-top:0;height:66px}
.signs.inmid .signs-rail{top:14px;left:-24px;right:-24px;width:auto;transform:none}
.signs.inmid .sign{padding-top:0}
.signs.inmid .sign .rope{top:14px;height:20px}.signs.inmid .sign .rope::before,.signs.inmid .sign .rope::after{height:20px}
.signs.inmid .sign .board{margin-top:30px}
.signs-rail::before,.signs-rail::after{content:"";position:absolute;top:-8px;width:12px;height:22px;border-radius:3px;background:linear-gradient(90deg,#9aa3b2,#e3e7ee 45%,#8a93a3);box-shadow:0 1px 3px rgba(0,0,0,.3);background-image:radial-gradient(circle at 50% 28%,#5b6474 1.6px,transparent 2px),radial-gradient(circle at 50% 74%,#5b6474 1.6px,transparent 2px),linear-gradient(90deg,#9aa3b2,#e3e7ee 45%,#8a93a3)}
.signs-rail::before{left:-4px}.signs-rail::after{right:-4px}
.home3>section{position:relative;z-index:1}
}
@media (min-width:801px){.signs.inmid .signs-rail{top:6px}.signs.inmid .sign .rope{top:6px;height:28px}.signs.inmid .sign .rope::before,.signs.inmid .sign .rope::after{height:28px}}
/* Fixations en nœud de corde */
@media (min-width:801px){
.signs-rail::before,.signs-rail::after{top:-7px;width:20px;height:20px;border-radius:7px;box-shadow:0 1px 3px rgba(0,0,0,.35);background:repeating-linear-gradient(115deg,#b8925f 0 3px,#8a6a46 3px 5px,#c9a46f 5px 7px)}
.signs-rail::before{left:-8px}.signs-rail::after{right:-8px}
.signs-rail{overflow:visible}
.signs-rail>i{display:none}
.sign::before{display:none}
.sign .rope{background:radial-gradient(circle at 1px 3px,#8a6a46 0 4px,transparent 4.5px) no-repeat,radial-gradient(circle at calc(100% - 1px) 3px,#8a6a46 0 4px,transparent 4.5px) no-repeat}
.signs .board::before,.signs .board::after{width:7px;height:7px;top:3px;background:radial-gradient(circle,#8a6a46 0 2.5px,#c9a46f 3px)}
.signs .board::before{left:13.5px}.signs .board::after{right:13.5px}
}
@media (min-width:801px){
.signs .sign .board::before,.signs .sign .board::after{width:11px;height:11px;top:2px;border-radius:50%;z-index:2;background:radial-gradient(circle at 45% 40%,#c9a46f 0 1.6px,#8a6a46 2.6px 3.2px,transparent 3.4px),radial-gradient(circle,transparent 3.4px,#d5dae2 3.6px,#7d8696 5.5px);box-shadow:0 1px 1px rgba(0,0,0,.25)!important}
.signs .sign.on .board::before,.signs .sign.on .board::after{background:radial-gradient(circle at 45% 40%,#c9a46f 0 1.6px,#8a6a46 2.6px 3.2px,transparent 3.4px),radial-gradient(circle,transparent 3.4px,#f1f3f6 3.6px,#9aa3b2 5.5px)}
.signs .board::before{left:11.5px}.signs .board::after{right:11.5px}
.signs.inmid .sign .rope{height:37px;z-index:3}.signs.inmid .sign .rope::before,.signs.inmid .sign .rope::after{height:37px}
}
/* Œillets sur les widgets (bouts de la tige), plus sur les panneaux */
@media (min-width:801px){
.signs .sign .board::before,.signs .sign .board::after{display:none!important}
.signs.inmid .sign .rope{height:31px}.signs.inmid .sign .rope::before,.signs.inmid .sign .rope::after{height:31px}
.signs-rail::before,.signs-rail::after{top:-6px!important;width:18px!important;height:18px!important;border-radius:50%!important;box-shadow:0 1px 2px rgba(0,0,0,.3)!important;background:radial-gradient(circle at 45% 40%,#c9a46f 0 2.4px,#8a6a46 3.6px 4.4px,transparent 4.7px),radial-gradient(circle,transparent 4.7px,#e3e7ee 5px,#7d8696 9px)!important}
.signs-rail::before{left:-14px!important}.signs-rail::after{right:-14px!important}
}
/* Séparateur « Toutes les factures… » : panneau suspendu centré */
.billsec{position:relative;display:flex!important;justify-content:center;border-top:0!important;padding:0!important;margin:10px 0 16px!important;height:64px}
.billsec .bs-rail{position:absolute;top:6px;left:0;right:0;height:6px;border-radius:3px;background:linear-gradient(#5b4636,#3b2c21);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.billsec .bs-board{position:relative;margin-top:26px;display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:10px;background:var(--card,#fff);border:1px solid var(--line,#e3e7ee);box-shadow:0 6px 14px rgba(13,24,41,.12);transform-origin:50% -20px;transition:transform .2s}
.billsec .bs-board::before,.billsec .bs-board::after{content:"";position:absolute;top:-21px;width:2px;height:22px;background:repeating-linear-gradient(#a8865f 0 3px,#8a6a46 3px 6px)}
.billsec .bs-board::before{left:18px}.billsec .bs-board::after{right:18px}
.billsec:hover .bs-board{animation:swing .9s ease-in-out}
.billsec .bs-c{margin-left:4px!important}
.billsec[aria-expanded=false] .bs-board{background:linear-gradient(#f4a261,#e76f51);border-color:#d8613f;color:#fff}.billsec[aria-expanded=false] .bs-c{color:#fff}
/* Séparateur moderne (remplace le panneau suspendu) */
.billsec{height:auto!important;align-items:center;margin:18px 0 16px!important}
.billsec .bs-rail{top:50%!important;height:1px!important;border-radius:0;box-shadow:none!important;background:linear-gradient(90deg,transparent,var(--line,#d5dae2) 15%,var(--line,#d5dae2) 85%,transparent)!important}
.billsec .bs-board{margin:0!important;padding:7px 8px 7px 16px!important;border-radius:999px!important;background:var(--card,#fff)!important;border:1px solid var(--line,#e3e7ee)!important;box-shadow:0 1px 2px rgba(13,24,41,.06),0 4px 12px rgba(13,24,41,.06)!important;color:var(--ink,#1f2328)!important;animation:none!important;transform:none!important;transition:box-shadow .2s,border-color .2s}
.billsec .bs-board::before,.billsec .bs-board::after{display:none!important}
.billsec .bs-t{font-size:13.5px!important;font-weight:600!important;letter-spacing:.01em}
.billsec .bs-n{background:color-mix(in srgb,var(--acc2,#4b5563) 12%,transparent)!important;color:var(--acc2,#4b5563)!important;font-size:12px}
.billsec .bs-c{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--bg,#f3f5f8);color:var(--muted)!important;box-sizing:border-box}
.billsec:hover .bs-board{border-color:color-mix(in srgb,var(--acc2,#4b5563) 40%,var(--line,#e3e7ee))!important;box-shadow:0 6px 18px rgba(75,85,99,.12)!important}
.billsec:hover .bs-t{color:inherit!important}
.billsec[aria-expanded=false] .bs-board{background:var(--card,#fff)!important;color:var(--ink)!important;border-style:dashed!important}
.billsec[aria-expanded=false] .bs-c{color:var(--muted)!important}
/* Onglets du haut : style moderne (ligne fine + boutons arrondis) */
@media (min-width:801px){
.signs,.signs.inmid{height:auto!important;padding:0!important;margin:2px 0 16px!important;gap:10px!important;align-items:center}
.signs .signs-rail{top:50%!important;left:0!important;right:0!important;width:auto!important;transform:none!important;height:1px!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(90deg,transparent,var(--line,#d5dae2) 12%,var(--line,#d5dae2) 88%,transparent)!important}
.signs .signs-rail::before,.signs .signs-rail::after,.signs .sign .rope,.signs .sign::before{display:none!important}
.signs .sign{padding:0!important;animation:none!important;transform:none!important;z-index:1}
.signs .sign .board{margin:0!important;padding:8px 16px 8px 10px!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important;background:var(--card,#fff)!important;border:1px solid var(--line,#e3e7ee)!important;color:var(--ink,#1f2328)!important;box-shadow:0 1px 2px rgba(13,24,41,.06),0 4px 12px rgba(13,24,41,.06)!important;transition:box-shadow .2s,border-color .2s,transform .2s}
.signs .sign .board svg{color:var(--muted,#6b7587)!important}
.signs .sign:hover .board{border-color:color-mix(in srgb,var(--acc2,#4b5563) 40%,var(--line,#e3e7ee))!important;box-shadow:0 6px 18px rgba(75,85,99,.12)!important;transform:translateY(-1px)}
.signs .sign.on .board{background:var(--acc,#2b2f36)!important;border-color:var(--acc,#2b2f36)!important;color:#fff!important}
.signs .sign.on .board svg{color:#fff!important}
}
@media (min-width:801px){.signs .sign.signhome .board{padding:8px 10px!important}.signs .sign.signhome .board>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (min-width:801px){.signs .sign .board{border-radius:10px!important}}.billsec .bs-board{border-radius:10px!important}.billsec .bs-c{border-radius:7px!important}
/* Résultats de recherche instantanés */
#sresults{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#sresults a{display:flex!important;align-items:center;gap:12px;padding:11px 14px!important}
#sresults .si{flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:var(--bg,#f3f5f8);display:flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden}
#sresults .st{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#sresults .sl1{display:flex;align-items:center;gap:8px;min-width:0}
#sresults .sl1 b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sresults .sk{flex-shrink:0;font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:5px}
#sresults .sk.b{background:#fef3e8;color:#b54708}#sresults .sk.d{background:#f1f2f4;color:#4b5563}
#sresults .sl2{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sresults .st small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
#sresults mark{background:#fff1a8;color:inherit;border-radius:3px;padding:0 1px}
#sresults .sd{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
#sresults .sd b{font-size:14px;white-space:nowrap}#sresults .sd span{font-size:12px;color:var(--muted)}
@media (max-width:800px){
body.srch-open{overflow:hidden;touch-action:none}
body.srch-open #sresults{touch-action:pan-y}
#sresults{position:fixed!important;left:8px!important;right:8px!important;top:calc(var(--toph,74px) - 4px)!important;width:auto!important;max-height:calc(100dvh - 64px - 92px - env(safe-area-inset-bottom))!important;overflow-y:auto!important}
#sresults a{padding:10px 12px!important;gap:10px}
#sresults .si{flex-basis:34px;width:34px;height:34px}
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #sresults mark{background:#5b4a00}}[data-theme=dark] #sresults mark{background:#5b4a00}
@media (max-width:800px){body.srch-open main.app{filter:blur(1px);opacity:.45;transition:opacity .15s}#sresults .st small mark{background:none;font-weight:600}}
/* Widgets du milieu : 3 emplacements par ligne, chaque widget prend 1, 2 ou 3 emplacements */
.wcol.m{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.wcol.m>.widget{grid-column:span 3}
.wcol.m>.widget[data-span="1"]{grid-column:span 1}.wcol.m>.widget[data-span="2"]{grid-column:span 2}
.wcol.m>.wdrop,.wcol.m>.wslot{grid-column:1/-1}
.wspan{display:inline-flex;border:1px solid var(--line,#e3e7ee);border-radius:7px;overflow:hidden;margin-right:4px}
.wspan button{border:0!important;background:none;padding:1px 6px!important;font-size:12px;line-height:18px;color:var(--muted);cursor:pointer;min-width:0!important;width:auto!important;height:auto!important}
.wspan button+button{border-left:1px solid var(--line,#e3e7ee)!important}
.wspan button.on{background:var(--acc,#2b2f36);color:#fff}
@media (max-width:1100px){.wcol.m{grid-template-columns:1fr}.wcol.m>.widget{grid-column:auto!important}.wspan{display:none}}
.wch-svg svg{max-height:280px;margin:0 auto}
.wkpi{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}.wkpi .wbig{font-size:24px;font-weight:700}
.widget[data-w^=kdocs] .wh h3,.widget[data-w^=kbills] .wh h3{font-size:13px;font-weight:500;color:var(--muted)}
.wcol.m{grid-auto-flow:row dense}
/* Emplacement de dépôt : même largeur que le widget déplacé */
.wcol.m>.wdrop{grid-column:span 3!important}
.wcol.m>.wdrop[data-span="1"]{grid-column:span 1!important}.wcol.m>.wdrop[data-span="2"]{grid-column:span 2!important}
.wcol.m>.wslot{display:none!important}
.wdrop{border:2px dashed var(--acc2,#4b5563)!important;border-radius:12px;background:rgba(75,85,99,.08)!important;display:flex;align-items:center;justify-content:center;color:var(--acc2,#4b5563);font-weight:600;font-size:13px;box-sizing:border-box}
body.wdragging .wcol.m{outline:2px dashed #cfd3d9;outline-offset:6px;background-image:linear-gradient(90deg,transparent calc(33.33% - 6px),rgba(75,85,99,.10) calc(33.33% - 6px) calc(33.33% + 6px),transparent calc(33.33% + 6px) calc(66.66% - 6px),rgba(75,85,99,.10) calc(66.66% - 6px) calc(66.66% + 6px),transparent calc(66.66% + 6px))}
body.wdragging .wcol.m>.widget:not(.dragging){opacity:.75;outline:1px dashed #c9cdd3}
.wcol.m.masonry{grid-auto-rows:4px;row-gap:0!important;align-items:start}
.wcol.m.masonry>.widget{margin-bottom:12px!important}
.wcol.m.masonry>.wdrop{margin-bottom:12px}
#recentdocs[hidden]{display:none!important}
.wch-bar select.wch-cred{flex-basis:100%}
.dropin{position:fixed;inset:0;z-index:200;background:rgba(13,24,41,.45);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;pointer-events:none}
.dropin[hidden]{display:none}
.dropin-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 56px;border:3px dashed #fff;border-radius:18px;background:rgba(75,85,99,.85);color:#fff;text-align:center}
.dropin-ic{font-size:40px;line-height:1}.dropin-box b{font-size:20px}.dropin-box span{font-size:15px;opacity:.9}
@media (max-width:800px){.wgrip{display:none!important}.widget .wh{cursor:default!important;touch-action:auto!important}}
@media (max-width:800px){.home3>.wcol.l,.home3>.wcol.r{display:none!important}}
.pdffit{overflow-y:auto;-webkit-overflow-scrolling:touch;background:#e9ecf1}
.pdffit canvas{display:block;margin:0 auto 8px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.pvbody .pdffit{width:100%;height:100%;padding:8px;box-sizing:border-box}
.pvmini .pdffit{height:240px;overflow:hidden;padding:0}
input.autofill{background:#fffbea;border-color:#f5c451}
/* Membres de la famille */
.mcount{font-size:12px;font-weight:700;background:#f1f2f4;color:#4b5563;border-radius:999px;padding:2px 9px;margin-left:8px}
.madd{padding:7px 14px!important}
.mlist{display:flex;flex-direction:column;margin-top:12px;border:1px solid var(--line,#e3e7ee);border-radius:12px;overflow:hidden}
.mrow{display:flex;align-items:center;gap:12px;padding:10px 12px}.mrow+.mrow{border-top:1px solid var(--line,#e3e7ee)}
.mav{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#f4a261,#e76f51)}
.mrow:nth-child(2n) .mav{background:linear-gradient(135deg,#9ca3af,#4b5563)}.mrow:nth-child(3n) .mav{background:linear-gradient(135deg,#34d399,#059669)}
.minfo{flex:1;min-width:0;display:flex;flex-direction:column}.minfo b{font-size:15px}.minfo .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mme{font-style:normal;font-size:11px;font-weight:700;background:#f3f5f8;color:var(--muted);border-radius:5px;padding:1px 6px;margin-left:4px}
.madd-form{margin-top:14px;padding:14px;border:1px dashed var(--line,#d5dae2);border-radius:12px;background:var(--bg,#f8fafc)}
@media (max-width:800px){.madd span{display:none}.madd{width:40px;height:40px;padding:0!important;border-radius:50%;font-size:20px}}
@media (max-width:800px){.btn.madd{border-radius:50%!important;width:42px!important;height:42px!important;font-size:22px!important}}
.doc .th{aspect-ratio:3/4!important;background-position:center top!important}
.billsec[hidden]{display:none!important}
/* Couleur du bandeau du haut (Réglages) */
.top.top-black{background:#1f2328}
.top.top-blue{background:#1d3557}
.top.top-white{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.top.top-white .brand{color:var(--ink)}
.top.top-white .burger span{background:var(--ink)!important}
.top.top-white .search{background:#f3f4f6!important;border-color:var(--line)!important;box-shadow:none!important}
.top.top-white .search input{color:var(--ink)!important}.top.top-white .search input::placeholder{color:var(--muted)!important}
.top.top-white .skbd kbd{color:var(--muted)!important;border-color:var(--line)!important;background:#fff!important}
.top.top-white .bell,.top.top-white .langmenu summary,.top.top-white .theme-btn{color:var(--ink)!important;border-color:var(--line)!important;background:#fff!important}
.top.top-white svg{color:inherit}
[data-theme=dark] .top.top-white{background:#0b111b;color:#fff}
.tbpick{display:flex;gap:12px;flex-wrap:wrap}
.tbopt{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.tbopt input{position:absolute;opacity:0}
.tbsw{display:flex;align-items:center;gap:5px;width:120px;height:40px;padding:0 10px;border-radius:10px;border:2px solid var(--line);box-sizing:border-box}
.tbsw i{display:block;height:8px;border-radius:4px;flex:1}
.tbsw.tb-white{background:#fff}.tbsw.tb-white i{background:#d1d5db}
.tbsw.tb-blue{background:#1d3557}.tbsw.tb-black{background:#1f2328}
.tbsw.tb-blue i,.tbsw.tb-black i{background:rgba(255,255,255,.35)}
.tbopt input:checked+.tbsw{border-color:#f4a261;box-shadow:0 0 0 3px rgba(244,162,97,.3)}
.tbopt input:focus-visible+.tbsw{outline:2px solid var(--ink)}
.wmove{display:inline-flex;border:1px solid var(--line,#e3e7ee);border-radius:7px;overflow:hidden;margin-right:4px}
.wmove button{border:0!important;background:none;padding:1px 5px!important;font-size:10px;line-height:18px;color:var(--muted);cursor:pointer;min-width:0!important;width:auto!important;height:auto!important}
.wmove button+button{border-left:1px solid var(--line,#e3e7ee)!important}.wmove button:hover{background:var(--acc,#2b2f36);color:#fff}
@media (max-width:1100px){.wmove{display:none}}
.wmove{display:none!important}
.widget.showmove .wmove{display:inline-flex!important}
.top.top-white .bell>summary{color:var(--ink)!important;border-color:var(--line)!important;background:#fff!important}.top.top-white .bell{background:none!important;border:0!important}
.top.top-white .search{background:none!important;border:0!important;box-shadow:none!important}
.top.top-white .search input{background:#f3f4f6!important;border:1px solid #e5e7eb!important;box-shadow:none!important;color:var(--ink)!important}
.top.top-white .search input:hover{background:#eceef1!important}
.top.top-white .search input:focus{background:#fff!important;border-color:#f4a261!important;box-shadow:0 0 0 3px rgba(244,162,97,.25)!important}
.top.top-white .search-btn{color:var(--ink)!important}
.pg-bills main .grid,.pg-warranties main .grid{margin-bottom:12px!important}.pg-bills main .grid>.card,.pg-warranties main .grid>.card{margin-bottom:0!important}
.hovcard{width:460px!important}.hovcard .hc-th{flex:0 0 210px!important;height:280px!important;background-size:contain!important;background-color:#fff!important}
.search .sscope{display:none!important}
.search .skbd{display:none!important}
body.bills-root #stabs,body.bills-root .bill-it,body.bills-root .bulkbar,body.bills-root #billnone,body.bills-root .billsec{display:none!important}
@media (min-width:801px){
.aztiles{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important}
.azt{padding:12px 8px 10px!important}
.azt .azi svg{width:64px!important;height:52px!important}
.azt .azi b{font-size:18px!important}
.azt .azc{font-size:12px!important}
}
@media (min-width:1000px){#bulk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}#bulk>*:not(.bill-it){grid-column:1/-1}#bulk>.bill-it{margin:0!important;min-width:0}}
.crbill{display:contents}
body.bills-cred #stabs{border-top:1px solid var(--line,#e4e7ec);padding-top:14px;margin-top:4px}
.dates2{gap:12px}.dates2 label[hidden]{display:none}
#azbadge{display:none!important}
main label{color:var(--ink)!important;font-weight:500}
main label input,main label select,main label textarea{font-weight:400!important}
.bill-it{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.bill-it:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,24,40,.10);border-color:#d5d9e0}@media (prefers-reduced-motion:reduce){.bill-it:hover{transform:none}}
.bill-it .bmeta{flex-wrap:nowrap!important;gap:5px!important;min-width:0;overflow:hidden}.bill-it .bmeta>span{white-space:nowrap;flex-shrink:0;font-size:12px!important;padding:2px 7px!important}.bill-it .bmeta>span:first-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bill-it{container-type:inline-size}@container (max-width:540px){.bill-it .bmeta{flex-wrap:wrap!important;overflow:visible}.bill-it .bmeta>span:first-child{overflow:visible}}
.bill-it{cursor:pointer}.bill-it code,.bill-it input{cursor:auto}
@container (min-width:541px){.bill-it .bmeta{overflow:visible!important;width:max-content;max-width:none}.bill-it .bmeta>span:first-child{flex-shrink:0!important;overflow:visible!important;text-overflow:clip!important}}
.badge.bb{border-radius:6px!important}.badge.bb i{border-radius:4px!important}
.bill-it .badge.b-paid{cursor:pointer;position:relative}.bill-it .badge.b-paid:hover{filter:brightness(.96)}.paydate{position:absolute;left:0;top:100%;margin-top:4px;z-index:5;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.bgana{position:fixed;right:16px;bottom:16px;z-index:150;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:#1f2328;color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.bgana[hidden]{display:none}
.bgana .sp{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#f4a261;border-radius:50%;animation:bgspin .8s linear infinite}
@keyframes bgspin{to{transform:rotate(360deg)}}
@media (max-width:800px){.bgana{bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:12px;justify-content:center}}
.bgana .bgstop{margin-left:6px;border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:6px;width:22px;height:22px;cursor:pointer;font-size:12px}.bgana .bgstop:hover{background:rgba(255,255,255,.3)}
/* Inscription / connexion : sélecteur de langue comme les autres champs ; langues au-dessus de la carte sur mobile */
body.is-auth main.auth select{background:rgba(255,255,255,.92)!important;color:#1b2430!important;border:2px solid transparent!important;font-size:16px}
body.is-auth main.auth select:focus{outline:none;border-color:#f4a261!important;background:#fff!important}
@media (max-width:700px){body.is-auth .authlangs{position:relative;top:auto;right:auto;text-align:center;padding:14px 16px 0}body.is-auth main.auth{margin-top:16px!important}}
body.is-auth main.auth label{color:rgba(255,255,255,.92)!important}
/* Barre de modification en masse sur mobile : compacte, une ligne qui défile horizontalement */
@media (max-width:800px){
.bulkbar:not(.idle){padding:10px 12px!important}
.bulkbar .bacts{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px!important;padding-bottom:4px;scrollbar-width:none}
.bulkbar .bacts::-webkit-scrollbar{display:none}
.bulkbar .bacts>*,.bulkbar .bgrp{flex-shrink:0}
.bulkbar .bgrp{display:flex!important;gap:4px;align-items:center;flex-wrap:nowrap!important}
.bulkbar .btn{white-space:nowrap;padding:7px 11px!important;font-size:14px!important}
.bulkbar select,.bulkbar input[type=date]{width:auto!important;min-width:0;max-width:150px;height:36px;padding:4px 8px!important;font-size:14px!important;margin:0!important}
.bulkbar input[type=date]{min-width:128px}
.bulkbar .bsel{font-size:15px;margin-bottom:8px}
}
@media (max-width:800px){.bulkbar:not(.idle){flex-direction:column!important;align-items:stretch!important;gap:6px!important}.bulkbar .bsel{margin:0!important}}
@media (max-width:800px){.bulkbar .bacts{max-width:100%;min-width:0;width:100%}.bulkbar{overflow:hidden}}
.prow{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e4e7ec)}
.prow[hidden]{display:none}
.prow-t{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.ptiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
.azt.pt .pav{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(135deg,#f4a261,#e76f51);margin-bottom:4px}
.azt.pt:nth-child(2n) .pav{background:linear-gradient(135deg,#9ca3af,#4b5563)}.azt.pt:nth-child(3n) .pav{background:linear-gradient(135deg,#34d399,#059669)}

.macc{margin-left:auto;margin-right:6px}
.macc-form{display:flex;flex-direction:column;gap:8px;padding:12px 14px;margin:-2px 0 8px 46px;border:1px solid var(--line,#e3e3e3);border-radius:10px;background:var(--card,#fff)}
.macc-row{display:flex;flex-wrap:wrap;gap:6px 16px}
.macc-form label.chk{display:inline-flex;align-items:center;gap:6px;font-weight:400;color:inherit}
@media(max-width:700px){.macc-form{margin-left:0}.macc{display:none}}

/* ---- Cartes factures : version mobile compacte ---- */
@media (max-width:700px){
  .bill-it{padding:12px 12px 10px!important;border-radius:14px}
  .bill-it .bhead{display:grid!important;grid-template-columns:52px 1fr auto;gap:4px 12px;align-items:start;position:relative}
  .bill-it .bchk{position:absolute;left:-4px;top:-4px;z-index:2;margin:0}
  .bill-it .bchk input{width:18px;height:18px}
  .bill-it .bthumb{width:52px!important;height:70px!important;grid-row:1/3;margin:0!important}
  .bill-it .bmain{display:contents}
  .bill-it .bmain>*{grid-column:2/4;min-width:0}
  .bill-it .bmain>.bmeta{grid-column:1/4;margin-top:8px}
  .bill-it .btitle{padding-right:96px}
  .bill-it .btitle{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .bill-it .btitle a{font-size:16px;line-height:1.2}
  .bill-it .btitle .badge{font-size:11.5px!important;padding:2px 7px!important;line-height:1.3;white-space:nowrap;border-width:1px}
  .bill-it .bmain>.small.muted{font-size:11.5px;margin-top:2px}
  .bill-it .bamt{position:absolute;top:0;right:0;font-size:17px!important;white-space:nowrap;text-align:right}
  .bill-it .bamt small{font-size:11px}
  .bill-it .bmeta{display:flex;flex-wrap:wrap;gap:4px!important;margin-top:6px;}
  .bill-it .bmeta>span{font-size:11.5px!important;padding:2px 7px!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .bill-it .bpay{border-top:0!important;padding-top:6px!important;margin-top:4px!important;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .bill-it .bpay .bpaid{width:auto!important;flex:0 0 auto;margin-left:auto;font-size:12.5px;padding:5px 12px}
  .bill-it.paid .bpay .bpaid{background:transparent;border-color:var(--line,#d9dde3);color:var(--muted,#6b7587)}
  .tabbar a.on{color:var(--ink,#111);background:rgba(127,135,150,.16)}
  .tabbar a.on svg{transform:none}
  [data-theme=dark] .tabbar a.on{color:#fff;background:rgba(255,255,255,.12)}
}
@media (max-width:700px){
  .bill-it{position:relative}
  .bill-it .bhead{position:static!important}
  .bill-it .bchk{left:8px;top:8px}
  .bill-it .bamt{top:12px;right:12px}
  .bill-it .btitle .badge{position:absolute;left:12px;bottom:10px;height:30px;display:inline-flex!important;align-items:center;gap:5px;font-size:12.5px!important;padding:0 10px!important;border-radius:8px;box-sizing:border-box}
  .bill-it .bpay .bpaid{height:30px;padding:0 12px!important;display:inline-flex;align-items:center;box-sizing:border-box}
  .bill-it .bpay{min-height:30px}
}

.bill-it .bbm{display:none}
@media (max-width:700px){
  .bill-it .btitle .badge{display:none!important}
  .bill-it .bbm{display:inline-flex;order:-1}
  .bill-it .bpay{align-items:center}
  .bill-it .bbm .badge,.bill-it .bpay .bpaid{font-size:12.5px!important;height:32px;box-sizing:border-box;padding:0 12px!important;display:inline-flex!important;align-items:center;gap:5px;border-radius:8px;line-height:1;white-space:nowrap}
  .bill-it .bbm .badge svg,.bill-it .bbm .badge img{width:15px;height:15px}
}
@media (max-width:700px){
  .bill-it .bpay{flex-wrap:wrap!important}
  .bill-it .bpay>.bfields,.bill-it .bpay>.bqr{order:3}
  .bill-it .bpay>.bfields{flex:1 1 100%}
  .bill-it .bpay>.bfields:empty,.bill-it .bpay>.spacer{display:none}
  .bill-it .bpay>.bbm{order:1;flex:0 1 auto;min-width:0}
  .bill-it .bpay>.bpaid{order:2;margin-left:auto!important}
  .bill-it .bpay .bbm .badge{height:32px!important;padding:0 12px!important;font-size:12.5px!important;border-radius:8px!important;margin:0!important}
  .bill-it .bpay .bbm .badge>*:first-child{flex:0 0 16px;width:16px!important;height:16px!important;min-width:16px}
  .bill-it .bpay .bbm .badge{font-weight:600}
}

.bill-it .bdd{display:contents}
@media (max-width:700px){.bill-it .bmeta>.bdd{display:flex!important;flex:1 1 100%;gap:4px;padding:0!important;background:none!important;overflow:visible!important}
.bill-it .bdd>span{font-size:11.5px;padding:2px 7px;border-radius:7px;background:#f2f4f7;color:#475467;white-space:nowrap}
.bill-it .bdd>span.late{background:#fef3f2;color:#b42318;font-weight:600}
[data-theme=dark] .bill-it .bdd>span:not(.late){background:rgba(255,255,255,.08);color:inherit}}
/* Boutons du bas toujours alignés entre cartes voisines */
#bulk{align-items:stretch!important}
#bulk>.bill-it{display:flex;flex-direction:column}
#bulk>.bill-it>.bpay{margin-top:auto!important}
#bulk>.bill-it>.bpay{align-items:flex-end!important}#bulk>.bill-it>.bpay .bpaid{align-self:flex-end}
/* Badge de statut en bas à gauche, aussi sur ordinateur */
.bill-it .btitle .badge{display:none!important}
.bill-it .bpay{display:flex;flex-wrap:wrap!important;gap:8px;align-items:flex-end!important}
.bill-it .bpay>.bbm{display:inline-flex;order:1;flex:0 1 auto;min-width:0}
.bill-it .bpay>.bfields,.bill-it .bpay>.bqr{order:3}
.bill-it .bpay>.bfields{flex:1 1 100%}
.bill-it .bpay>.bfields:empty,.bill-it .bpay>.spacer{display:none}
.bill-it .bpay>.bpaid{order:2;margin-left:auto!important}
.bill-it .bpay .bbm .badge,.bill-it .bpay .bpaid{height:32px!important;box-sizing:border-box;padding:0 12px!important;font-size:12.5px!important;border-radius:8px!important;margin:0!important;display:inline-flex!important;align-items:center;gap:5px;line-height:1;white-space:nowrap;width:auto!important}
.bill-it .bpay .bbm .badge{font-weight:600}
.bill-it .bpay .bbm .badge>*:first-child{flex:0 0 16px;width:16px!important;height:16px!important;min-width:16px}
.bill-it .bpay>.bpaid{margin-left:auto!important}
.bill-it .bpay>.bqr{order:0!important;flex:0 0 auto;margin-right:calc(100% - 130px)!important}
/* Garanties : cartes sur deux colonnes (ordinateur) */
@media (min-width:900px){
  .wtable{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
  .wtable>.whead{display:none!important}
  .wtable>.wrow.wlink{display:grid!important;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"th st due" "th it due" "th bo act";gap:6px 14px;padding:14px!important;align-items:start;border-radius:14px}
  .wtable .wrow .wth{grid-area:th;width:72px!important;height:90px!important}
  .wtable .wrow .wc:nth-of-type(1){grid-area:st}.wtable .wrow .wc:nth-of-type(2){grid-area:it}.wtable .wrow .wc:nth-of-type(3){grid-area:bo}
  .wtable .wrow .wdue{grid-area:due}.wtable .wrow .wact{grid-area:act;justify-self:end;align-self:end}
  .wtable .wrow .wc small{display:block;font-size:10.5px}
  .wtable .wrow .wv{display:block}
}
/* ===== Carte facture : aperçu à gauche + 7 lignes ===== */
.bill-it.bx{padding:14px!important}
.bill-it.bx .bx-top{display:flex;gap:14px;align-items:flex-start}
.bill-it.bx .bx-side{position:relative;flex:0 0 auto}
.bill-it.bx .bx-side .bchk{position:absolute;left:-6px;top:-6px;z-index:2;margin:0}
.bill-it.bx .bx-side .bthumb{width:84px!important;height:112px!important;flex:none!important;margin:0!important}
.bill-it.bx .bx-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.bill-it.bx .bx-l1{display:flex;align-items:baseline;gap:10px}
.bill-it.bx .bx-l1 .btitle{flex:1;min-width:0;padding:0!important;display:block}
.bill-it.bx .bx-l1 .btitle a{font-size:16px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bill-it.bx .bx-amt{font-size:19px;font-weight:800;white-space:nowrap}
.bill-it.bx .bx-amt small{font-size:12px;font-weight:600;color:var(--muted)}
.bill-it.bx .bx-l2{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bill-it.bx .bx-chips{display:flex;flex-wrap:wrap;gap:5px}
.bill-it.bx .bx-chips>span{font-size:12px;padding:2px 8px;border-radius:7px;background:#f2f4f7;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bill-it.bx .bx-chips>span.late{background:#fef3f2;color:#b42318;font-weight:600}
[data-theme=dark] .bill-it.bx .bx-chips>span:not(.late){background:rgba(255,255,255,.08);color:inherit}
.bill-it.bx .bx-l5{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.bill-it.bx .bx-l5 .badge,.bill-it.bx .bx-l5 .bx-btn{height:32px!important;box-sizing:border-box;padding:0 12px!important;font-size:12.5px!important;border-radius:8px!important;margin:0!important;display:inline-flex!important;align-items:center;gap:5px;line-height:1;white-space:nowrap;width:auto!important}
.bill-it.bx .bx-l5 .badge{font-weight:600}
.bill-it.bx .bx-l5 .badge>*:first-child{flex:0 0 16px;width:16px!important;height:16px!important}
.bill-it.bx.paid .bx-btn{background:transparent;border-color:var(--line,#d9dde3);color:var(--muted,#6b7587)}
.bill-it.bx .bx-l5 .bqr{margin-left:auto;width:44px;height:44px;padding:2px}
.bill-it.bx .bx-pay{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.bill-it.bx .bx-pay .bf{width:100%;box-sizing:border-box}
#bulk>.bill-it.bx>.bx-pay{margin-top:auto!important;padding-top:12px}
@media (max-width:700px){
  .bill-it.bx{padding:12px!important}
  .bill-it.bx .bx-top{gap:10px}
  .bill-it.bx .bx-side .bthumb{width:60px!important;height:80px!important}
  .bill-it.bx .bx-l1 .btitle a{font-size:15px}
  .bill-it.bx .bx-amt{font-size:17px}
  .bill-it.bx .bx-chips>span{font-size:11.5px;padding:2px 7px}
}
.bill-it.bx .bx-l4,.bill-it.bx .bx-l5{flex-wrap:nowrap!important}
.bill-it.bx .bx-l4>span{flex:0 1 auto;min-width:0}
.bill-it.bx .bx-l5 .badge{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bill-it.bx .bx-l5 .bx-btn{flex:0 0 auto}
@media (max-width:700px){
  .bill-it.bx .bx-side .bthumb{width:46px!important;height:62px!important}
  .bill-it.bx .bx-top{gap:9px}
  .bill-it.bx .bx-l4>span{font-size:11px;padding:2px 5px}
  .bill-it.bx .bx-l4{gap:4px}
  .bill-it.bx .bx-l5{gap:6px}
  .bill-it.bx .bx-l5 .badge,.bill-it.bx .bx-l5 .bx-btn{padding:0 8px!important;font-size:12px!important;height:30px!important}
  .bill-it.bx .bx-l5 .badge>*:first-child{flex-basis:14px;width:14px!important;height:14px!important}
}
/* Ligne 5 : séparation au-dessus, bouton à gauche de la bulle */
.bill-it.bx .bx-l5{border-top:1px solid var(--line,#e3e7ee);padding-top:10px;margin-top:6px}
.bill-it.bx .bx-l5 .bx-btn{order:-1}
/* Référence / IBAN : bouton Copier juste à côté du numéro */
.bill-it.bx .bx-pay{gap:4px;margin-top:10px}
.bill-it.bx .bx-pay .bf{grid-template-columns:78px auto auto!important;justify-content:start;column-gap:12px}
.bill-it.bx .bx-pay .bf code{min-width:0;overflow:hidden;text-overflow:ellipsis}
.bill-it.bx>.bx-l5{margin-top:12px}
#bulk>.bill-it.bx>.bx-l5{margin-top:auto!important}#bulk>.bill-it.bx>.bx-top{margin-bottom:12px}#bulk>.bill-it.bx>.bx-pay{margin-top:10px!important}
.bill-it.bx>.bx-pay,#bulk>.bill-it.bx>.bx-pay{margin-top:6px!important;padding-top:0!important}
.bill-it.bx .bx-l5 .bx-btn{order:1!important}
.bill-it.bx .bx-pay .bf{grid-template-columns:78px minmax(0,1fr) auto!important}
.bill-it.bx.paid{border-color:#86e0ad!important;box-shadow:0 0 0 1px rgba(18,183,106,.18),0 0 14px rgba(18,183,106,.16)!important}[data-theme=dark] .bill-it.bx.paid{border-color:#1f7a4d!important;box-shadow:0 0 0 1px rgba(18,183,106,.25),0 0 14px rgba(18,183,106,.18)!important}
.bill-it.bx .bx-l4{align-items:center}.bill-it.bx .bx-sep{flex:0 0 1px;align-self:stretch;width:1px;background:var(--line,#d9dde3);margin:2px 3px}
.bill-it.bx .bx-l4{flex-wrap:wrap!important;row-gap:5px}
.bill-it.bx .bx-l4>span{flex:0 0 auto!important}
.bill-it.bx .bx-perg{display:inline-flex;align-items:center;gap:5px;font-weight:400}
.bill-it.bx .bx-perg>span{font-size:12px;padding:2px 8px;border-radius:7px;background:#f2f4f7;color:#475467;white-space:nowrap}
[data-theme=dark] .bill-it.bx .bx-perg>span{background:rgba(255,255,255,.08);color:inherit}
.bill-it.bx .bx-sep{display:inline-block;height:18px;flex:0 0 1px;width:1px;background:#c9ced6;margin:0 3px}
@media (max-width:700px){.bill-it.bx .bx-perg>span{font-size:11px;padding:2px 5px}}
.pchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 10px}
.pchip{font:inherit;font-size:12.5px;padding:3px 10px;border-radius:8px;border:1px solid var(--line,#d9dde3);background:var(--card,#fff);cursor:pointer;color:inherit}
.pchip:hover{border-color:#9aa3af}.pchip.on{background:#ecfdf3;border-color:#86e0ad;color:#067647}
.pchips{grid-column:1/-1}
.mav-nc{background:#e5e7eb;color:#4b5563}.mnc{background:#f2f4f7;color:#667085}.pn-form label{max-width:420px}
.macc-form .macc-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 10px}
.macc-form label.chk{padding:6px 10px;border:1px solid var(--line,#e3e7ee);border-radius:8px;background:var(--bg,#f7f8fa);cursor:pointer}
.macc-form label.chk:has(input:checked){border-color:#86e0ad;background:#ecfdf3}
.macc-form label.chk:has(.allf){grid-column:1/-1;font-weight:600;background:transparent}
/* Dossiers A–Z plus petits (ordinateur) */
@media (min-width:801px){
  .aztiles{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))!important;gap:6px!important}
  .aztiles .azt{padding:6px 4px 5px!important;border-radius:10px}
  .aztiles .azt .azi svg{width:40px!important;height:32px!important}
  .aztiles .azt .azi b{font-size:13px!important}
  .aztiles .azt .azc{font-size:11px!important}
}
/* Barre de modification en masse : groupes titrés */
.bulkbar .bcap{display:none}
@media (min-width:801px){
  .bulkbar:not(.idle){align-items:flex-start;gap:12px 16px;padding:12px 16px}
  .bulkbar:not(.idle) .bsel{align-self:center}
  .bulkbar .bacts{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
  .bulkbar .bgrp{position:relative;display:inline-grid!important;grid-auto-flow:column;align-items:center;gap:4px;padding:16px 0 0}
  .bulkbar .bcap{display:block;position:absolute;left:2px;top:0;font-style:normal;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
  .bulkbar .bgrp.bend{margin-left:auto}
  .bulkbar select,.bulkbar input[type=date]{height:32px;padding:4px 8px;font-size:13px;max-width:170px}
  .bulkbar .btn.sm{height:32px;padding:0 11px;display:inline-flex;align-items:center}
}
.aztiles.ptiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:8px!important}
.aztiles.ptiles .azt{padding:12px 10px 10px!important}
.aztiles.ptiles .azt .azc{font-size:12px!important}
.aztiles.ptiles .azt b,.aztiles.ptiles .azt .pn{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center;line-height:1.25}
.aztiles.ptiles .azt .azsn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:14px}
.med-form{margin:0 0 8px 46px}@media(max-width:700px){.med-form{margin-left:0}}
.mrow .minfo{margin-right:auto}.mrow .macc{margin-left:0}.mrow .medit{order:9;margin-left:6px!important}.mrow>form{order:10}
.bill-it.bx .bx-l5 .bx-btn{margin-left:auto!important}
.bill-it.bx .bx-l5 .bx-btn{transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}
.bill-it.bx .bx-l5 .bx-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,24,40,.18)}
.bill-it.bx .bx-l5 .bx-btn:not(.sec):hover{background:#12b76a!important;border-color:#12b76a!important;color:#fff!important}
.bill-it.bx .bx-l5 .bx-btn.sec:hover{border-color:#9aa3af!important;color:var(--ink,#111)!important}
.bill-it.bx .bx-l5 .bx-btn:active{transform:translateY(0);box-shadow:none}
.avpick{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.avpick>.small{width:100%}
.avsw{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line,#d9dde3);cursor:pointer;padding:0}
.avsw:hover{transform:scale(1.12)}.avsw.on{box-shadow:0 0 0 2px var(--ink,#111)}
.avup{cursor:pointer;margin:0 0 0 6px}
.mav{background-size:cover;background-position:center}
.org2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.org2 .card{margin-top:0}.org-l>.card+.card{margin-top:16px}@media(max-width:900px){.org2{grid-template-columns:1fr}}
.home3>section:has(.org2){container-type:inline-size}
@container (max-width:760px){.org2{grid-template-columns:1fr!important}}
.org2 .row,.org2 form{flex-wrap:nowrap!important}
.org2 input:not([type=color]):not([type=checkbox]),.org2 select{min-width:0!important;width:auto;flex:1 1 0}
.org2 select{max-width:150px;flex:0 1 150px}
.org2 input[type=color]{flex:0 0 40px;width:40px;padding:2px}
.org2 .btn{flex:0 0 auto}
.org2 input[name=icon]{flex:0 0 44px;width:44px}
.org2 input[name=icon]{flex:0 0 46px!important;width:46px!important;text-align:center;padding-left:4px!important;padding-right:4px!important}.org2 input[name=name]{flex:1 1 auto!important}.org2 select{flex:0 1 140px!important}
.org2 form>span.hide-m{flex:0 1 140px;min-width:0;display:flex}.org2 form>span.hide-m select{width:100%!important;max-width:100%!important;flex:1 1 auto!important}.org2 .tw{overflow:visible}
/* Dossiers et étiquettes : une colonne, sections repliables */
.org2{grid-template-columns:1fr!important;gap:14px}
.org-l{display:flex;flex-direction:column;gap:14px}.org-l>.card+.card{margin-top:0}
.ofold{padding:0!important;overflow:hidden}
.ofh{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;cursor:pointer}
.ofh h2{margin:0!important;font-size:17px;flex:1}
.ofh:hover{background:rgba(127,135,150,.06)}
.ofc{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(127,135,150,.12);transition:transform .25s}
.ofold.closed .ofc{transform:rotate(-90deg)}
.ofb{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease}
.ofold.closed .ofb{grid-template-rows:0fr}
.ofi{min-height:0;overflow:hidden;padding:0 18px 16px}
.ofold.closed .ofi{padding-bottom:0}
.ofi .tw{margin:0}
.pchips{display:flex!important;flex-direction:column;grid-column:auto!important;margin:0!important}
.pchips{align-items:stretch!important;text-align:left!important;justify-content:flex-start!important}
.sup-grid{display:grid!important;grid-template-columns:1fr!important;max-width:780px;margin:0 auto;gap:16px}.sup-grid>*{margin:0!important}main h1:has(+ .sup-grid){max-width:780px;margin-left:auto;margin-right:auto}
/* Mobile : seuls les widgets ⅓ sont côte à côte (on glisse de gauche à droite), les autres pleine largeur */
@media (max-width:700px){
  .wcol.m{display:flex!important;flex-direction:column;gap:12px!important}
  .wcol.m>.widget{grid-column:auto!important;grid-row-end:auto!important}
  .wcol.m>.wadd,.wcol.m>.wslot,.wcol.m>.wdrop{display:none!important}
  .wcol.m>.mswipe{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px;align-items:flex-start}
  .wcol.m>.mswipe::-webkit-scrollbar{display:none}
  .mswipe>.widget{flex:0 0 86%;max-width:86%;scroll-snap-align:start;margin:0!important}
}
@media (max-width:700px){.wcol.m>.mswipe{align-items:stretch!important}.mswipe>.widget{display:flex;flex-direction:column;flex:0 0 86%!important;width:86%;min-width:86%}.mswipe>.widget .wchart{flex:1;display:flex;flex-direction:column}.mswipe>.widget .wch-svg{flex:1;display:flex;align-items:flex-end}}

@media (max-width:700px){
  .wcol.m>.mswipe{gap:0!important;padding:0!important;margin:0!important;position:relative}
  .mswipe>.widget{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;scroll-snap-align:center;scroll-snap-stop:always}
  .mswipe>.widget+.widget{margin-left:10px!important}
  .wcol.m>.mdots{display:flex;justify-content:center;gap:7px;margin:-4px 0 2px}
  .mdots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#c9ced6;transition:width .25s,background .25s;cursor:pointer}
  .mdots button.on{width:22px;background:var(--ink,#1f2937)}
  [data-theme=dark] .mdots button{background:#475467}[data-theme=dark] .mdots button.on{background:#fff}
}
.card.plan.want{border:2px solid #12b76a!important;box-shadow:0 0 0 4px rgba(18,183,106,.15)!important}

/* Pendant le déchiffrement : pas de cadenas ni de « 0 », un léger reflet à la place */
body.e2e-wait span.enc{color:transparent!important;background:linear-gradient(90deg,rgba(127,135,150,.12),rgba(127,135,150,.24),rgba(127,135,150,.12));background-size:200% 100%;animation:encsh 1.1s linear infinite;border-radius:5px;display:inline-block;min-width:4.5em;line-height:1.1}
@keyframes encsh{from{background-position:200% 0}to{background-position:-200% 0}}
/* Factures : on n'affiche les tuiles et la liste qu'une fois prêtes (évite le « flash » de 0 et de cadenas) */
body.bwait #stabs,body.bwait #bulk,body.bwait .billsec,body.bwait #billnone{display:none!important}
body.bwait #azbox{position:relative;min-height:160px}
body.bwait #azbox>*{visibility:hidden}
body.bwait #azbox::after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(127,135,150,.25);border-top-color:var(--ink,#1f2937);border-radius:50%;animation:bspin .8s linear infinite}
@keyframes bspin{to{transform:rotate(360deg)}}
.docsep{border:0;border-top:1px solid var(--line,#e3e7ee);margin:16px 0 14px}
/* Aperçu : panneau à droite, sur toute la hauteur de l'écran (ordinateur) */
@media (min-width:801px){
  .pvpop{justify-content:flex-end!important;align-items:stretch!important;padding:0!important;background:rgba(10,14,22,.45)!important}
  .pvpop .pvbox{width:min(900px,62vw)!important;height:100vh!important;height:100dvh!important;max-height:none!important;border-radius:18px 0 0 18px!important;animation:pvin .22s ease-out;box-shadow:-20px 0 60px rgba(0,0,0,.35)!important}
  .pvpop .pvp{left:12px}.pvpop .pvn{right:12px}
}
@keyframes pvin{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}

/* Vue liste : panneau d'aperçu à droite, sur toute la hauteur */
.hovcard.hside{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(560px,42vw)!important;height:auto!important;display:flex!important;flex-direction:column;gap:10px;padding:16px 16px 12px!important;border-radius:18px 0 0 18px!important;z-index:240;box-shadow:-18px 0 50px rgba(0,0,0,.22)!important;background:var(--card,#fff)}
.hovcard.hside[hidden]{display:none!important}
.hovcard.hside.in{animation:pvin .2s ease-out}
.hside .hs-head{display:flex;gap:10px;align-items:flex-start}
.hside .hs-head .hc-m{flex:1}
.hside .hc-t{font-size:16px!important;-webkit-line-clamp:2!important}
.hside .hs-x{width:34px;height:34px;border-radius:50%;border:0;background:#f0f1f4;cursor:pointer;flex:0 0 auto}
.hside .hc-b{margin:0!important}
.hside .hs-pv{position:relative;flex:1;min-height:0;border-radius:10px;overflow:hidden;background:#e9ecf1;border:1px solid var(--line)}
.hside .hs-pv .hc-th{position:absolute!important;inset:0;width:auto!important;height:auto!important;flex:none!important;border:0!important;border-radius:0!important;background-size:contain!important;background-position:center top!important;background-color:#fff!important}
.hside .hs-pv .hc-th.gone{opacity:0}
.hside .hs-pv iframe,.hside .hs-pv img.full{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;object-fit:contain}
[data-theme=dark] .hside .hs-x{background:#243042;color:#fff}
.hovcard.hside{overscroll-behavior:contain}
/* Mots trouvés : surlignage doux, lisible en clair comme en sombre */
#sresults mark,#sresults .st small mark{background:rgba(255,196,0,.32)!important;color:inherit!important;font-weight:inherit;border-radius:3px;padding:0 1px;margin:0 -1px}
/* Résultats de recherche plus larges (ordinateur) */
@media (min-width:801px){
  #sresults.sresults{left:50%!important;right:auto!important;width:min(920px,92vw)!important;margin-left:calc(min(920px,92vw) / -2)!important;max-height:78vh!important}
}

/* Historique de recherche */
#sresults .shh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
#sresults .shclr{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;text-transform:none;letter-spacing:0;cursor:pointer;text-decoration:underline}
#sresults .shi{align-items:center}
#sresults .shi .st b{font-weight:500}
#sresults .shx{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:50%;opacity:.6}
#sresults .shx:hover{opacity:1;background:rgba(127,135,150,.15)}

/* Vue liste : miniature + infos de la facture sous le titre */
.t .lrow{display:flex;gap:12px;align-items:center}
.t .lthumb{flex:0 0 40px;width:40px;height:52px;border-radius:6px;border:1px solid var(--line);background:#fff center top/cover no-repeat;display:flex;align-items:center;justify-content:center}
.t .lthumb.none{background:#f1f3f6}
.t .lmain{min-width:0;display:flex;flex-direction:column;gap:4px}
.t .lmeta{display:flex;flex-wrap:wrap;gap:4px 6px}
.t .lmeta>span{font-size:12px;padding:1px 7px;border-radius:6px;background:#f2f4f7;color:#475467;white-space:nowrap}
[data-theme=dark] .t .lmeta>span{background:rgba(255,255,255,.08);color:inherit}
@media (max-width:640px){.t .lthumb{flex-basis:32px;width:32px;height:42px}}
.search .sico{pointer-events:auto!important;cursor:pointer;border:0;padding:0;transition:transform .15s,filter .15s}.search .sico:hover{filter:brightness(1.08);transform:translateY(-50%) scale(1.06)!important}.search .sico:active{transform:translateY(-50%) scale(.96)!important}
.bulkbar .bapply{background:#12b76a!important;border-color:#12b76a!important;color:#fff!important;font-weight:700}
/* Mobile : référence et IBAN sur toute la largeur, bouton Copier à droite (le libellé passe au-dessus) */
@media (max-width:640px){.bill-it.bx .bx-pay .bf{grid-template-columns:minmax(0,1fr) auto!important;row-gap:2px}.bill-it.bx .bx-pay .bf span{grid-column:1/-1}.bill-it.bx .bx-pay .bf code{font-size:13px;white-space:normal;overflow:visible}}
@media (max-width:640px){.bill-it.bx .bx-l5{flex-wrap:wrap!important;row-gap:6px}.bill-it.bx .bx-l5 .badge{flex:0 0 auto!important;overflow:visible!important}.bill-it.bx .bx-l5 .bx-btn{margin-left:auto!important}}

/* Échéances du mois : navigation par mois */
.wcal-h{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.wcal-h .wcal-t{flex:1;text-align:left;background:none;border:0;padding:2px 0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-transform:capitalize}
.wcal-h .wcal-t.off{cursor:default}.wcal-h .wcal-t:not(.off){color:var(--acc2,#2b2f36);font-weight:600}.wcal-h .wcal-t:not(.off):hover{text-decoration:underline}
.wcal-nav{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink,#1b2430);font-size:17px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px}
.wcal-nav:hover{border-color:var(--acc2,#2b2f36);background:var(--bg,#f5f6f8)}
.wcal a{display:block;padding:4px 0;border-radius:6px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}
.wcal a:hover{transform:scale(1.12);box-shadow:0 2px 8px rgba(16,24,40,.18)}.wcal a.wend{box-shadow:inset 0 -3px 0 #12b76a}.wcal a.wend:hover{box-shadow:inset 0 -3px 0 #12b76a,0 2px 8px rgba(16,24,40,.18)}

/* Import par e-mail */
.inbox-frame{position:fixed;width:1px;height:1px;left:-9999px;top:0;border:0;opacity:0;pointer-events:none}
.inbox-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;background:#1d3557;color:#fff;padding:11px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:14.5px;max-width:min(92vw,560px)}
.inbox-toast a{color:#bfdbfe;font-weight:700;margin-left:6px}
@media (max-width:640px){.inbox-toast{bottom:84px}}
.miaddr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.miaddr code{font:600 15px ui-monospace,Menlo,Consolas,monospace;background:var(--bg,#f5f6f8);border:1px solid var(--line);border-radius:8px;padding:8px 12px;word-break:break-all}

/* Installation sur ordinateur : petite carte en bas à droite */
@media (min-width:700px){.installbar.desk{left:auto;right:18px;bottom:18px;max-width:440px;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.28)}}
.installbar.desk.help .it{font-size:13.5px}
/* Champs de date (iPhone / Safari) : texte à gauche, même largeur et même hauteur que les autres champs */
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{text-align:left;max-width:100%;min-width:0;box-sizing:border-box}
@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:none;appearance:none;min-height:2.65em;line-height:1.3}}
input[type=date]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}
label>input[type=date],label>input[type=datetime-local]{display:block;width:100%}

/* Guide de démarrage (inc/guide.php) */
.cguide{position:fixed;inset:0;z-index:200;background:rgba(15,22,34,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cguide-box{position:relative;width:min(460px,100%);background:var(--card);color:var(--ink);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.3);padding:30px 24px 18px;text-align:center}
.cguide-skip{position:absolute;top:12px;right:12px;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:8px}
.cguide-skip:hover{background:var(--bg);color:var(--ink)}
.cguide-ico{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--bg);font-size:28px;margin-bottom:8px}
.cguide-count{margin:0 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.cguide-step h2{margin:0 0 10px;font-size:20px;line-height:1.25}
.cguide-text{margin:0 auto;max-width:390px;font-size:15px;line-height:1.55;min-height:4.6em}
.cguide-step[hidden]{display:none!important}
.cguide-dots{display:flex;justify-content:center;gap:6px;margin:18px 0 14px}
.cguide-dots span{width:7px;height:7px;border-radius:50%;background:var(--line);transition:width .2s,background .2s}
.cguide-dots span.on{width:20px;border-radius:4px;background:var(--acc)}
.cguide-nav{display:flex;gap:8px;justify-content:center}.cguide-nav .btn{min-width:120px}.cguide-nav .btn[hidden]{display:none}
.cguide-again{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:640px){.cguide{align-items:flex-end;padding:0}.cguide-box{border-radius:18px 18px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.cguide-nav .btn{flex:1;min-width:0}}
@media print{.cguide{display:none!important}}
/* ---------- Partage public (lien, délai, mot de passe) ---------- */
.shdlg{border:0;border-radius:16px;padding:22px 22px 20px;width:min(480px,calc(100vw - 32px));background:var(--card);color:var(--ink);box-shadow:0 24px 60px rgba(16,24,40,.28)}
.shdlg::backdrop{background:rgba(16,24,40,.45)}
.shdlg h2{margin:0 0 6px;font-size:19px;padding-right:30px}.shdlg label{display:block;margin-top:12px}.shdlg select,.shdlg input[type=text]{width:100%;margin-top:4px}
.shdlg label.chk{display:flex;gap:8px;align-items:center;font-weight:500}.shdlg label.chk input{width:auto;margin:0}
.shx{position:absolute;top:10px;right:10px;margin:0}.shx button{border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:8px}.shx button:hover{background:var(--bg)}
.shdlg.busy .shx{visibility:hidden}
.shbar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:14px}.shbar i{display:block;height:8px;width:0;background:#12b76a;transition:width .25s}
.shlink{display:flex;gap:8px;margin-top:8px}.shlink input{flex:1;min-width:0;margin:0;font-size:13.5px}
.shlist{display:flex;flex-direction:column}.shitem{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}.shitem:first-child{border-top:0}
.shi-main{flex:1;min-width:200px;display:flex;flex-direction:column}.shitem form{margin:0}
@media(max-width:600px){.shbtn span{display:none}}
.shdlg textarea{width:100%;margin-top:4px;resize:vertical;min-height:70px;font:inherit}
.shdlg .shlink .shpw{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.shdlg .shlink .btn{white-space:nowrap}.shdlg .shpwv{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.shdlg input[type=email]{width:100%;margin-top:4px}.shdlg .shlink input[type=email]{margin:0}
.shmail{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.shmsg,.shsent{margin:8px 0 0}.shmsg.ok,.shsent.ok{color:var(--green)}.shmsg.bad,.shsent.bad{color:var(--red)}
.shdlg{max-height:calc(100vh - 32px);overflow:auto}
@media(max-width:480px){.shdlg .shpwbox .shlink{flex-wrap:wrap}.shdlg .shpwbox .shlink input{flex-basis:100%}}
/* Mes partages */
.shon{display:inline-flex;align-items:center;gap:4px;background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600;white-space:nowrap;align-self:center}
.shon:hover{background:#d1fadf}[data-theme=dark] .shon{background:#053321;color:#75e0a7;border-color:#085d3a}
.shcards{display:flex;flex-direction:column;gap:12px}.shcard{margin:0}
.shc-top{display:flex;align-items:flex-start;gap:12px}.shc-ic{font-size:24px;line-height:1.2}.shc-main{flex:1;min-width:0;display:flex;flex-direction:column}
.shc-title{font-weight:700;font-size:16px;color:var(--ink);word-break:break-word}.shc-title:hover{text-decoration:underline}
.shc-exp{white-space:nowrap;font-size:12.5px;font-weight:600;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 10px}.shc-exp.soon{color:var(--amber);border-color:currentColor}
.shc-note{margin:12px 0 0;padding:10px 14px;background:#eef4ff;border-left:4px solid #1d3557;border-radius:8px;white-space:pre-line;font-size:14px;word-break:break-word}[data-theme=dark] .shc-note{background:#1b2a40;border-left-color:#7cb3ff}
.shc-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px}
.shc-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.shc-acts form{margin:0}
@media(max-width:600px){.shc-top{flex-wrap:wrap}.shc-main{flex-basis:calc(100% - 48px)}.shc-exp{margin-left:36px}.shc-acts .spacer{display:none}}
.shc-cm{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:0 12px}.shc-cm>summary{cursor:pointer;padding:10px 0;font-weight:600;font-size:14px}
.shc-cl{display:flex;flex-direction:column;gap:8px}.shc-c{background:var(--bg);border-radius:10px;padding:8px 12px}.shc-c.o{background:#eef4ff;border-left:3px solid #1d3557}[data-theme=dark] .shc-c.o{background:#1b2a40}
.shc-c>div{display:flex;align-items:center;gap:6px}.shc-c p{margin:4px 0 0;white-space:pre-line;word-break:break-word;font-size:14px}.shc-x{margin-left:auto;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.shc-x:hover{color:var(--red)}
.shc-rf{display:flex;gap:8px;align-items:flex-end;margin:10px 0 12px}.shc-rf textarea{flex:1;min-height:44px;margin:0;resize:vertical;font:inherit}
.shflash{box-shadow:0 0 0 3px #7cb3ff}
.shc-files{margin-top:8px;color:var(--muted);word-break:break-word}
/* Partage : lien public / membres du classeur */
.shaud{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;margin:10px 0 4px}.shaud button{flex:1;border:0;background:none;padding:8px 10px;border-radius:9px;font:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.shaud button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(16,24,40,.12)}
.shmlist{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:4px}.shmlist label.shm{display:flex;gap:6px;align-items:center;margin:4px 0;font-weight:500}.shmlist label.shm input{width:auto;margin:0}
.shc-aud{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.shtag{font-weight:700;font-size:12px;border-radius:99px;padding:2px 9px}.shtag.pub{background:#eef4ff;color:#1d3557}.shtag.mem{background:#f4ebff;color:#6941c6}
.shwho{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 9px;font-size:12.5px}.shwho.seen{border-color:#abefc6;color:#027a48}
a.shrec{display:block;color:inherit;text-decoration:none}a.shrec:hover{border-color:#7cb3ff}a.shrec.new{border-left:4px solid #6941c6}
[data-theme=dark] .shtag.pub{background:#1b2a40;color:#7cb3ff}[data-theme=dark] .shtag.mem{background:#2b2045;color:#c3a6ff}
.pg-shared .cmts h2{font-size:17px}
/* Mes liens partagés : liste compacte, une ligne par partage (détails au clic) */
.shlistbox{padding:0;overflow:hidden}.shlistbox .shcards{gap:0}
.shrow{border-top:1px solid var(--line)}.shrow:first-child{border-top:0}
.shrow>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.shrow>summary::-webkit-details-marker{display:none}
.shrow>summary:hover{background:var(--bg)}.shrow[open]>summary{background:var(--bg)}
.shr-ic{font-size:20px;flex:none}.shr-nm{flex:1;min-width:0;display:flex;flex-direction:column}.shr-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.shr-nm small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.shr-chips{display:flex;align-items:center;gap:6px;flex:none}.shr-chips .shtag{display:inline-flex;gap:4px;align-items:center}.shr-chips .shtag i{font-style:normal}
.shr-c{font-size:12.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 8px;white-space:nowrap}.shr-c.hot{color:#6941c6;border-color:#d6bbfb;background:#f9f5ff;font-weight:700}
.shr-exp{font-size:12.5px;font-weight:600;white-space:nowrap;min-width:52px;text-align:right}.shr-exp.soon{color:var(--amber)}
.shr-chev{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px;flex:none;transition:transform .15s}.shrow[open] .shr-chev{transform:rotate(225deg);margin-bottom:-4px}
.shr-b{padding:4px 16px 14px 48px;border-top:1px dashed var(--line)}.shr-b .shc-aud{margin-top:10px}.shr-b .shc-meta a{font-weight:600}
.shrow.shflash{box-shadow:inset 3px 0 0 #7cb3ff}
@media(max-width:700px){.shrow>summary{flex-wrap:wrap;gap:6px 10px}.shr-nm{flex-basis:calc(100% - 60px)}.shr-chips{order:3;width:100%;padding-left:32px;flex-wrap:wrap}.shr-chips .shtag i{display:none}.shr-exp{text-align:left;min-width:0}.shr-b{padding-left:16px}}
.shmlist{align-items:center;padding-top:8px}.shmlist .shmlab{margin-right:4px}.shmlist label.shm{margin:0}
@media(max-width:700px){.shlistbox{padding:0!important}.shr-chev{order:2}.shr-nm{order:1}.shr-ic{order:0}.shr-chips{order:3}}
@media(max-width:700px){.shrow>summary .shr-nm{flex:1 1 0;flex-basis:0}.shrow>summary{padding:12px}}
/* Menu latéral sur téléphone : même taille de texte que sur ordinateur (l'ancienne règle « barre du bas » grossissait les libellés) */
@media(max-width:800px){.side a span.lbl{font-size:15px!important;font-weight:500}.side a span.ic{font-size:inherit}.side a{padding:10px 18px!important}.side a.on .lbl{font-weight:600}}
/* ===== Téléphone : barre du bas Accueil · Rechercher · Favoris · Notifications ; Documents, Factures et Garanties dans le menu ☰ ===== */
@media (max-width:800px){
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font:inherit;font-size:11.5px;font-weight:600;color:var(--muted,#6b7587);background:none;border:0;border-radius:10px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.tabbar button.on{color:var(--accent,#4b5563);background:rgba(16,24,40,.05)}
.tb-n{position:absolute;top:0;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#e5484d;color:#fff;font:700 10.5px/18px system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--card,#fff)}
.side a.insign:not(.intab){display:flex!important}
.top .bell>summary{display:none}
.bell-box{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:65vh!important;z-index:70}
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabbar button.on{color:#fff!important;background:rgba(255,255,255,.12)!important}}
[data-theme="dark"] .tabbar button.on{color:#fff;background:rgba(255,255,255,.12)}
@media (max-width:800px){.installbar{bottom:calc(76px + env(safe-area-inset-bottom))!important}}
@media (max-width:800px){.tabbar a,.tabbar button{line-height:1.2;justify-content:flex-start}.tabbar a svg,.tabbar button svg{display:block;flex:none}
html:has(#bell[open]) .installbar{display:none!important}}
/* ===== Téléphone : séparation dans le menu ☰ ; recherche ouverte par la loupe de la barre du bas ===== */
@media (max-width:800px){
.side a.insign+a:not(.insign){margin-top:10px;position:relative}
.side a.insign+a:not(.insign)::before{content:"";position:absolute;left:18px;right:18px;top:-6px;border-top:1px solid var(--line)}
html:not(.msearch) .top .search{display:none!important}
.top .brand{display:flex!important;font-size:19px!important;gap:9px!important;margin-right:auto}
html.msearch .top .brand,html.msearch .top .langmenu,html.msearch .top .theme-btn{display:none!important}
html.msearch .top .search{flex:1;width:auto!important;min-width:0}
.msclose{display:none}
html.msearch .msclose{display:inline-flex;align-items:center;border:0;background:none;color:inherit;font:inherit;font-size:15px;font-weight:600;padding:8px 4px;cursor:pointer;white-space:nowrap}
}
.msclose{display:none}@media (max-width:800px){html.msearch .msclose{display:inline-flex}}
/* ===== Factures sur téléphone : plus compact et lisible ===== */
@media (max-width:700px){
#stabs.stabs{flex-wrap:wrap!important;overflow:visible;gap:8px}
#stabs .spacer{display:none}
#stabs [data-f]{flex:1 1 0}
#stabs .fsel{flex:1 1 calc(50% - 4px)!important;min-width:0;height:38px;font-size:14px!important;padding:6px 8px!important}
.bill-it.bx{padding:12px 12px 10px!important;margin-bottom:10px}
.bill-it.bx .bx-side .bthumb{width:52px!important;height:70px!important}
.bill-it.bx .bx-lines{gap:5px}
.bill-it.bx .bx-l1 .btitle a{font-size:15.5px}
.bill-it.bx .bx-amt{font-size:16.5px}
.bill-it.bx .bx-l2{font-size:12.5px}
.bill-it.bx .bx-nono{display:none!important}
.bill-it.bx .bx-l3:not(:has(span:not(.bx-nono))):not(:has(.tag)){display:none}
.bill-it.bx .bx-l4{flex-wrap:wrap!important}
.bill-it.bx .bx-sep{display:none}
.bill-it.bx .bx-perg{display:contents}
.bill-it.bx .bx-chips>span{font-size:11.5px;padding:2px 7px}
.bill-it.bx .bx-l5{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.bill-it.bx .bx-l5 .badge,.bill-it.bx .bx-l5 .bx-btn{height:30px!important;font-size:12.5px!important}
.bill-it.bx .bx-l5 .bx-btn{margin-left:auto!important}
.bill-it.bx .bx-pay{gap:5px;margin-top:8px}
.bill-it.bx .bx-pay .bf{padding:6px 6px 6px 10px;row-gap:1px!important}
.bill-it.bx .bx-pay .bf span{font-size:10.5px;letter-spacing:.04em}
.bill-it.bx .bx-pay .bf code{font-size:12.5px!important;letter-spacing:0}
.bill-it .bf .copy{padding:3px 8px;font-size:12px}
}
/* Référence / IBAN sur téléphone : libellé à gauche, bouton « copier » en icône → une ligne chacun */
@media (max-width:700px){
.bill-it.bx .bx-pay .bf{grid-template-columns:40px minmax(0,1fr) 34px!important;column-gap:6px}
.bill-it.bx .bx-pay .bf span{grid-column:auto!important;font-size:10px}
.bill-it.bx .bx-pay .bf code{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden;text-overflow:clip}
.bill-it .bf .copy{width:34px;height:30px;padding:0;font-size:0!important;display:inline-flex;align-items:center;justify-content:center}
.bill-it .bf .copy::before{content:"⧉";font-size:16px;line-height:1}
.bill-it .bf .copy.ok::before{content:"✓";color:var(--green,#039855)}
}
@media (max-width:700px){
.bill-it.bx .bx-pay .bf{grid-template-columns:minmax(0,1fr) 34px!important;row-gap:0!important;padding:5px 6px 6px 10px}
.bill-it.bx .bx-pay .bf span{grid-column:1/-1!important;font-size:10px;line-height:1.3}
.bill-it.bx .bx-pay .bf code{white-space:normal!important;overflow:visible;font-size:12.5px!important}
}

/* Montant + devise (fiche facture) */
.curamt{display:flex;gap:6px}.curamt select{width:auto;flex:0 0 auto;padding-right:26px}.curamt input{flex:1;min-width:0}

/* ===== Menu du bas (2.7.5) : barre flottante en verre dépoli, légèrement transparente ===== */
@media (max-width:800px){
  .tabbar{left:12px!important;right:12px!important;bottom:max(6px, calc(env(safe-area-inset-bottom) - 20px))!important;padding:6px!important;gap:4px;
    border-radius:26px!important;border:1px solid rgba(255,255,255,.55)!important;border-top-width:1px!important;
    background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
    box-shadow:0 10px 30px rgba(13,24,41,.18),0 1px 0 rgba(255,255,255,.6) inset!important}
  .tabbar a,.tabbar button{padding:7px 0 6px!important;border-radius:20px!important;font-size:11px!important;font-weight:600;letter-spacing:.01em;
    color:#5b6577!important;background:transparent!important;transition:background .25s,color .25s,transform .15s}
  .tabbar a:active,.tabbar button:active{transform:scale(.94)}
  .tabbar a svg,.tabbar button svg{transition:transform .25s}
  .tabbar a.on,.tabbar button.on{color:#fff!important;background:linear-gradient(135deg,#1f3a5f,#2b5c8f)!important;box-shadow:0 4px 12px rgba(31,58,95,.35)}
  .tabbar a.on svg,.tabbar button.on svg{transform:translateY(-1px) scale(1.06)!important}
  main.app{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .bulkbar,.pvpop .pvnav{bottom:calc(90px + env(safe-area-inset-bottom))!important}
}
@media (max-width:800px) and (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabbar{background:rgba(18,26,40,.6)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.06) inset!important}
  :root:not([data-theme="light"]) .tabbar a,:root:not([data-theme="light"]) .tabbar button{color:#aab4c5!important}
  :root:not([data-theme="light"]) .tabbar a.on,:root:not([data-theme="light"]) .tabbar button.on{color:#fff!important;background:linear-gradient(135deg,#2b5c8f,#3d7cc0)!important}}
@media (max-width:800px){[data-theme="dark"] .tabbar{background:rgba(18,26,40,.6)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.06) inset!important}
  [data-theme="dark"] .tabbar a,[data-theme="dark"] .tabbar button{color:#aab4c5!important}
  [data-theme="dark"] .tabbar a.on,[data-theme="dark"] .tabbar button.on{color:#fff!important;background:linear-gradient(135deg,#2b5c8f,#3d7cc0)!important}}