/* Suivi colis — composants propres à l'écran */
[data-kxscreen="suivi-colis"] .clw{flex:1;min-height:0;display:grid;grid-template-columns:1fr var(--aside);gap:20px;padding:16px 26px 22px}
[data-kxscreen="suivi-colis"] .cll{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:2px}
[data-kxscreen="suivi-colis"] .cll::-webkit-scrollbar{width:8px}[data-kxscreen="suivi-colis"] .cll::-webkit-scrollbar-thumb{background:#DDD9D1;border-radius:9px;border:2px solid var(--paper)}

[data-kxscreen="suivi-colis"] .pcd{border:1px solid var(--hair);border-left:3px solid var(--hair);border-radius:14px;background:var(--card);box-shadow:var(--sh);margin-bottom:11px;overflow:hidden;animation:cardIn .32s var(--spring) both}
[data-kxscreen="suivi-colis"] .pcd.tr{border-left-color:var(--amber)}
[data-kxscreen="suivi-colis"] .pcd.ok{border-left-color:var(--jade)}
[data-kxscreen="suivi-colis"] .pcd.pb{border-left-color:var(--red)}
[data-kxscreen="suivi-colis"] .pcd .hd0{cursor:pointer;display:flex;align-items:center;gap:9px;width:100%;padding:11px 13px;text-align:left;background:#FBFAF7;border-bottom:1px solid transparent;transition:border-color .2s;flex-wrap:wrap}
[data-kxscreen="suivi-colis"] .pcd.open .hd0{border-bottom-color:var(--hair2)}
[data-kxscreen="suivi-colis"] .pcd .hd0 .car1{color:var(--faint);transition:transform .25s var(--ease);flex:none}
[data-kxscreen="suivi-colis"] .pcd.open .hd0 .car1{transform:rotate(180deg)}
[data-kxscreen="suivi-colis"] .pcd .no0{font-family:'DM Mono',monospace;font-size:13px;font-weight:500;color:var(--ink);letter-spacing:-.01em}
[data-kxscreen="suivi-colis"] .pcd .mt0{font-size:11px;color:var(--faint);font-weight:500;white-space:nowrap}
[data-kxscreen="suivi-colis"] .pcd .hdr0{margin-left:auto;display:flex;gap:5px;flex:none}
[data-kxscreen="suivi-colis"] .ib0{width:30px;height:30px;border-radius:9px;border:1px solid var(--hair);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--soft);transition:border-color .16s,background .16s,color .16s}
[data-kxscreen="suivi-colis"] .ib0:hover{border-color:#CFCAC0;background:#FAF9F5;color:var(--ink)}
[data-kxscreen="suivi-colis"] .ib0.bl0{background:#EAF1FB;border-color:#CFDDF3;color:#2E5AA8}

[data-kxscreen="suivi-colis"] .pbd{display:grid;grid-template-columns:1fr 260px;gap:20px;padding:13px}
[data-kxscreen="suivi-colis"] .arts0{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:7px}
[data-kxscreen="suivi-colis"] .art0{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border-radius:10px;background:#F4F2ED;min-width:0}
[data-kxscreen="suivi-colis"] .art0 .t0{width:30px;height:38px;border-radius:7px;flex:none;border:1px solid rgba(22,24,27,.06)}
[data-kxscreen="suivi-colis"] .art0 .n0{display:block;font-size:11.5px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-kxscreen="suivi-colis"] .art0 .s0{display:block;font-family:'DM Mono',monospace;font-size:10px;color:var(--faint);margin-top:2px}
[data-kxscreen="suivi-colis"] .noart{font-size:11.5px;color:var(--faint);font-weight:500;padding:6px 0}

[data-kxscreen="suivi-colis"] .stepr0{display:flex;align-items:center;gap:0}
[data-kxscreen="suivi-colis"] .stepr0 i{width:11px;height:11px;border-radius:50%;border:2px solid #DCD7CE;background:var(--card);flex:none}
[data-kxscreen="suivi-colis"] .stepr0 i.dn0{border-color:var(--forest);background:var(--forest)}
[data-kxscreen="suivi-colis"] .stepr0 i.now0{border-color:var(--forest);background:var(--card);box-shadow:0 0 0 3px rgba(12,91,65,.14)}
[data-kxscreen="suivi-colis"] .stepr0 s{flex:1;height:2px;background:#EDEBE4;text-decoration:none}
[data-kxscreen="suivi-colis"] .stepr0 s.dn0{background:var(--forest)}
[data-kxscreen="suivi-colis"] .last0{margin-top:9px;font-size:12px;font-weight:650;color:var(--ink2);line-height:1.4}
[data-kxscreen="suivi-colis"] .last0 span{display:block;font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint);font-weight:400;margin-top:3px}

[data-kxscreen="suivi-colis"] .pft0{display:flex;align-items:center;gap:8px;padding:10px 13px;border-top:1px solid var(--hair2);background:#FBFAF7;flex-wrap:wrap}
[data-kxscreen="suivi-colis"] .pft0 .mono{font-size:10.5px;color:var(--faint)}
[data-kxscreen="suivi-colis"] .cks{display:flex;flex-direction:column;gap:0;margin:0 13px 11px;border:1px solid var(--hair);border-radius:11px;overflow:hidden}
[data-kxscreen="suivi-colis"] .ckr{display:flex;gap:11px;padding:8px 12px;border-bottom:1px solid var(--hair2);font-size:11.5px;color:var(--ink2)}
[data-kxscreen="suivi-colis"] .ckr:last-child{border-bottom:0}
[data-kxscreen="suivi-colis"] .ckr .ckt{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint);width:104px;flex:none}
[data-kxscreen="suivi-colis"] .ckr i{font-style:normal;color:var(--faint)}
[data-kxscreen="suivi-colis"] .badg{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:7px;font-size:10px;font-weight:750;white-space:nowrap}
[data-kxscreen="suivi-colis"] .badg.ok0{background:var(--jadebg);color:#0B6B44}
[data-kxscreen="suivi-colis"] .badg.wa0{background:var(--amberbg);color:var(--amber)}
[data-kxscreen="suivi-colis"] .badg.er0{background:var(--redbg);color:var(--red)}
[data-kxscreen="suivi-colis"] .badg.n0{background:#F4F2ED;color:var(--soft);font-family:'DM Mono',monospace;font-weight:500}
[data-kxscreen="suivi-colis"] .filters{display:flex;align-items:center;gap:7px}
[data-kxscreen="suivi-colis"] .fchip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;border:1px solid var(--hair);background:var(--card);font-size:12px;font-weight:600;color:var(--ink2);white-space:nowrap;transition:border-color .16s,background .16s,color .16s}
[data-kxscreen="suivi-colis"] .fchip:hover{border-color:#CFCAC0;background:#FAF9F5}
[data-kxscreen="suivi-colis"] .fchip.on{border-color:var(--forest);background:var(--jadebg);color:#0B6B44}
[data-kxscreen="suivi-colis"] .fchip .cnt{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint);font-weight:500}
[data-kxscreen="suivi-colis"] .fchip.on .cnt{color:#0B6B44;opacity:.72}
[data-kxscreen="suivi-colis"] .ef{width:100%;box-sizing:border-box;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--hair);border-radius:9px;padding:9px 11px;outline:none;transition:border-color .16s,box-shadow .16s}
[data-kxscreen="suivi-colis"] .ef:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(12,91,65,.09)}
[data-kxscreen="suivi-colis"] .ef.mono6{font-family:'DM Mono',monospace}
/* sélecteur d'articles */
[data-kxscreen="suivi-colis"] .pxpick{width:min(760px,100%);max-height:calc(100% - 48px);display:flex;flex-direction:column;background:var(--card);border-radius:18px;box-shadow:0 40px 90px -22px rgba(22,24,27,.4);overflow:hidden;animation:rise .3s var(--spring) both}
[data-kxscreen="suivi-colis"] .pxpick .hd2{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--hair)}
[data-kxscreen="suivi-colis"] .pxpick .hd2 h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.025em}
[data-kxscreen="suivi-colis"] .pxpick .body2{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:14px 18px 18px}
[data-kxscreen="suivi-colis"] .pxpick .mfoot{border-top:1px solid var(--hair);background:#FBFAF7;padding:13px 18px;margin:0}
[data-kxscreen="suivi-colis"] .pickg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
[data-kxscreen="suivi-colis"] .pk{display:flex;flex-direction:column;gap:6px;padding:7px;border:1px solid var(--hair);border-radius:12px;background:var(--card);text-align:left;transition:border-color .18s,box-shadow .2s}
[data-kxscreen="suivi-colis"] .pk.on{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest)}
[data-kxscreen="suivi-colis"] .pk .im2{aspect-ratio:3/4;border-radius:8px;border:1px solid var(--hair)}
[data-kxscreen="suivi-colis"] .pk b{font-size:11px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-kxscreen="suivi-colis"] .pk em{font-style:normal;font-family:'DM Mono',monospace;font-size:9.5px;color:var(--faint)}
[data-kxscreen="suivi-colis"] .qrow{display:flex;align-items:center;border:1px solid var(--hair);border-radius:8px;background:#FBFAF7;overflow:hidden;margin-top:auto}
[data-kxscreen="suivi-colis"] .qrow button{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--forest);font-weight:500}
[data-kxscreen="suivi-colis"] .qrow button:hover:not(:disabled){background:#EDEBE4}
[data-kxscreen="suivi-colis"] .qrow button:disabled{color:#C9C4B8}
[data-kxscreen="suivi-colis"] .qrow .qv{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--ink)}
/* INTÉGRATION — données réelles : n° de suivi longs insécables */
[data-kxscreen="suivi-colis"] .pcd .no0{overflow-wrap:anywhere;word-break:break-word}