/* onglets internes (repris du tronc Studio IA, non chargé ici) */
/* Champ date de lecture API (barre d'actions) — assorti aux petits boutons .btn.sm */
[data-kxscreen="commandes"] .cmddate{height:29px;padding:0 9px;border-radius:8px;border:1px solid var(--hair);background:var(--card);color:var(--ink);font-size:11.5px;font-weight:600;font-family:inherit;box-shadow:none;cursor:pointer}
[data-kxscreen="commandes"] .cmddate:focus{outline:none;border-color:var(--forest)}
/* Menu de portée du bouton « Lire les commandes » */
[data-kxscreen="commandes"] .pop.rd{min-width:212px;right:0;left:auto}
[data-kxscreen="commandes"] .rdrow{display:flex;gap:6px;align-items:center;padding:7px 5px 3px;margin-top:4px;border-top:1px solid var(--hair)}
[data-kxscreen="commandes"] .rdrow .cmddate{flex:1;height:31px}
[data-kxscreen="commandes"] .rdrow .btn.sm.go{background:var(--forest);color:#fff;border-color:var(--forest)}
[data-kxscreen="commandes"] .subtabs{display:flex;gap:3px;padding:3px;margin:14px 26px 0;background:#EDEBE5;border-radius:12px;width:max-content}
[data-kxscreen="commandes"] .subtabs button{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--soft);transition:color .2s,background .2s,box-shadow .2s}
[data-kxscreen="commandes"] .subtabs button.on{background:var(--card);color:var(--ink);font-weight:700;box-shadow:var(--sh)}
[data-kxscreen="commandes"] .subtabs b{font-family:'DM Mono',monospace;font-size:10.5px;font-weight:500;color:var(--faint);font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .subtabs button.on b{color:var(--forest)}
/* Commandes — composants propres à l'écran */
[data-kxscreen="commandes"] .cmdw{flex:1;min-height:0;display:grid;grid-template-columns:1fr var(--aside);gap:20px;padding:16px 26px 22px}
[data-kxscreen="commandes"] .cmdl{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:2px}
[data-kxscreen="commandes"] .cmdl::-webkit-scrollbar{width:8px}[data-kxscreen="commandes"] .cmdl::-webkit-scrollbar-thumb{background:#DDD9D1;border-radius:9px;border:2px solid var(--paper)}

[data-kxscreen="commandes"] .dayh{display:flex;align-items:center;gap:10px;padding:9px 2px 8px;position:sticky;top:0;z-index:3;background:var(--paper)}
[data-kxscreen="commandes"] .dayh b{font-size:13px;font-weight:750;letter-spacing:-.015em}
[data-kxscreen="commandes"] .dayh .n{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint)}
[data-kxscreen="commandes"] .dayh .sub2{margin-left:auto;font-family:'DM Mono',monospace;font-size:11px;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}

[data-kxscreen="commandes"] .ol{display:grid;grid-template-columns:24px 52px 1fr 74px 96px 104px;gap:14px;align-items:center;padding:11px 13px;border:1px solid var(--hair);border-radius:13px;background:var(--card);box-shadow:var(--sh);margin-bottom:8px;animation:cardIn .34s var(--spring) both;transition:border-color .18s,box-shadow .2s}
[data-kxscreen="commandes"] .ol:hover{border-color:#DCD7CE;box-shadow:var(--sh2)}
[data-kxscreen="commandes"] .ol.on{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest),var(--sh)}
[data-kxscreen="commandes"] .ol.ordered{opacity:.62}
[data-kxscreen="commandes"] .ol .cb3{width:20px;height:20px;border-radius:7px;border:1.5px solid var(--hair);display:flex;align-items:center;justify-content:center;color:transparent;transition:background .16s,border-color .16s,color .16s}
[data-kxscreen="commandes"] .ol.on .cb3{background:var(--forest);border-color:var(--forest);color:#fff}
[data-kxscreen="commandes"] .ol .th3{width:52px;height:68px;border-radius:9px;border:1px solid var(--hair)}
[data-kxscreen="commandes"] .ol .nm3{font-size:13px;font-weight:650;letter-spacing:-.015em;line-height:1.3}
[data-kxscreen="commandes"] .ol .mt3{display:flex;align-items:center;gap:7px;margin-top:4px;font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint)}
[data-kxscreen="commandes"] .ol .ded{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;background:#EAF1FB;color:#2E5AA8;font-size:9.5px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif}
[data-kxscreen="commandes"] .ol .done3{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;background:var(--jadebg);color:#0B6B44;font-size:9.5px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif}
[data-kxscreen="commandes"] .ol .q3{text-align:center;font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--forest);font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .ol .q3 i{font-style:normal;font-size:11px;color:var(--faint);font-weight:500}
[data-kxscreen="commandes"] .ol .pz3{text-align:right}
[data-kxscreen="commandes"] .ol .pz3 b{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .ol .pz3 span{display:block;font-family:'DM Mono',monospace;font-size:10px;color:var(--faint);margin-top:2px}
[data-kxscreen="commandes"] .ol .ac3{display:flex;gap:5px;justify-content:flex-end}
[data-kxscreen="commandes"] .ol .ib3{width:29px;height:29px;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="commandes"] .ol .ib3:hover{border-color:#CFCAC0;background:#FAF9F5;color:var(--ink)}
[data-kxscreen="commandes"] .ol .ib3.ok3{background:var(--jadebg);border-color:#CDE9DC;color:var(--forest)}
[data-kxscreen="commandes"] .ol .ib3.dg3:hover{border-color:#E5B8B8;background:var(--redbg);color:var(--red)}

[data-kxscreen="commandes"] .otb{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
[data-kxscreen="commandes"] .otb th{position:sticky;top:0;z-index:2;background:#FAF9F5;text-align:left;padding:9px 11px;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:700;border-bottom:1px solid var(--hair);white-space:nowrap}
[data-kxscreen="commandes"] .otb td{padding:8px 11px;border-bottom:1px solid var(--hair2);color:var(--ink2);white-space:nowrap;font-weight:500}
[data-kxscreen="commandes"] .otb tr:hover td{background:#FAF9F5}
[data-kxscreen="commandes"] .otb td.m3{font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;font-size:11px}
[data-kxscreen="commandes"] .otb .th4{width:26px;height:34px;border-radius:5px;border:1px solid var(--hair)}
[data-kxscreen="commandes"] .otb tr.dim2 td{opacity:.55}
[data-kxscreen="commandes"] .stt2{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:7px;font-size:10.5px;font-weight:700}
[data-kxscreen="commandes"] .stt2.w{background:var(--amberbg);color:var(--amber)}
[data-kxscreen="commandes"] .stt2.g{background:var(--jadebg);color:#0B6B44}
[data-kxscreen="commandes"] .tblw{border:1px solid var(--hair);border-radius:14px;background:var(--card);box-shadow:var(--sh);overflow:auto;max-height:100%}

[data-kxscreen="commandes"] .cta2{position:absolute;left:212px;right:0;bottom:0;height:74px;border-top:1px solid var(--hair);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);display:flex;align-items:center;gap:16px;padding:0 26px;z-index:20}
[data-kxscreen="commandes"] .cta2 .tot2{white-space:nowrap}
[data-kxscreen="commandes"] .cta2 .tot2 b{display:block;font-size:21px;font-weight:800;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .cta2 .tot2 span{font-size:11px;color:var(--soft);font-weight:500}
[data-kxscreen="commandes"] .opt2{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:12px;border:1px solid #DED3F5;background:#F7F3FF;margin:0 auto}
[data-kxscreen="commandes"] .opt2 .ic2{width:30px;height:30px;border-radius:10px;background:#EDE4FD;color:#6D45C4;display:flex;align-items:center;justify-content:center;flex:none}
[data-kxscreen="commandes"] .opt2 b{font-size:13.5px;font-weight:750;color:#4A2E86}
[data-kxscreen="commandes"] .opt2 em{display:block;font-style:normal;font-size:10.5px;color:#6B5A90;margin-top:2px;font-weight:500}
[data-kxscreen="commandes"] .opt2 .save{font-family:'DM Mono',monospace;font-weight:500;color:#1F7A4D}


/* ── Optimiseur : plan appliqué → cascade de paniers (porté du design) ── */
@keyframes cmdCartIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
[data-kxscreen="commandes"] .appb{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #CDE9DC;border-radius:13px;background:var(--jadebg);margin-bottom:14px;animation:cmdCartIn .32s var(--spring) both}
[data-kxscreen="commandes"] .appb .ic3{width:30px;height:30px;border-radius:10px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
[data-kxscreen="commandes"] .appb b{font-size:12.5px;font-weight:750;color:#0B6B44}
[data-kxscreen="commandes"] .appb em{display:block;font-style:normal;font-size:11px;color:#3C6F58;margin-top:2px;font-weight:500}
[data-kxscreen="commandes"] .appb .sp4{margin-left:auto;display:flex;gap:7px}
[data-kxscreen="commandes"] .donebar{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #CDE9DC;border-radius:12px;background:var(--jadebg);margin-bottom:12px;font-size:12px;color:#0B6B44;font-weight:600}
[data-kxscreen="commandes"] .donebar .ic4{width:24px;height:24px;border-radius:8px;background:var(--jade);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
[data-kxscreen="commandes"] .donebar .m6{margin-left:auto;font-family:'DM Mono',monospace;font-size:10.5px;color:#3C6F58;font-weight:500}
[data-kxscreen="commandes"] .cartw{animation:cmdCartIn .42s var(--spring) both}
[data-kxscreen="commandes"] .carth{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--hair);border-bottom:0;border-radius:13px 13px 0 0;background:#FBFAF7}
[data-kxscreen="commandes"] .carth .k{width:26px;height:26px;border-radius:9px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:12px;flex:none}
[data-kxscreen="commandes"] .carth b{font-size:13px;font-weight:750;letter-spacing:-.015em}
[data-kxscreen="commandes"] .carth .acc2{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint)}
[data-kxscreen="commandes"] .carth .cpn2{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:7px;background:var(--jadebg);color:#0B6B44;font-size:10.5px;font-weight:700}
[data-kxscreen="commandes"] .carth .amt{margin-left:auto;text-align:right;white-space:nowrap}
[data-kxscreen="commandes"] .carth .amt b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .carth .amt s{display:block;text-decoration:line-through;font-family:'DM Mono',monospace;font-size:10px;color:var(--faint);margin-top:1px}
[data-kxscreen="commandes"] .carth.done4{background:var(--jadebg);border-color:#CDE9DC}
[data-kxscreen="commandes"] .carth.done4 .k{background:var(--jade)}
[data-kxscreen="commandes"] .cartb{border:1px solid var(--hair);border-radius:0 0 13px 13px;background:var(--card);box-shadow:var(--sh);padding:9px 9px 10px;margin-bottom:14px}
[data-kxscreen="commandes"] .cartb .ol{box-shadow:none;margin-bottom:6px;border-color:var(--hair2)}
[data-kxscreen="commandes"] .cartb .ol:last-of-type{margin-bottom:0}
[data-kxscreen="commandes"] .ol.ordered .nm3{text-decoration:line-through;text-decoration-color:#C9C4B8}
[data-kxscreen="commandes"] .cartp{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hair2)}
[data-kxscreen="commandes"] .cartp .bar4{flex:1;height:6px;border-radius:99px;background:#EDEBE4;overflow:hidden}
[data-kxscreen="commandes"] .cartp .bar4 i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--forest),var(--jade));transition:width .35s var(--ease)}
[data-kxscreen="commandes"] .cartp .m4{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint);white-space:nowrap}
[data-kxscreen="commandes"] .cartp .m4 b{color:var(--ink2);font-weight:500}
[data-kxscreen="commandes"] .cartp .ok4{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;color:#0B6B44;white-space:nowrap}
[data-kxscreen="commandes"] .cartf{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hair2)}
[data-kxscreen="commandes"] .cartf .cap3{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint)}
[data-kxscreen="commandes"] .cartf .sp3{margin-left:auto;display:flex;gap:7px}
[data-kxscreen="commandes"] .go2{background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important}
[data-kxscreen="commandes"] .gprog{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
[data-kxscreen="commandes"] .gprog .bar5{flex:1;height:7px;border-radius:99px;background:#EDEBE4;overflow:hidden;max-width:220px}
[data-kxscreen="commandes"] .gprog .bar5 i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--forest),var(--jade));transition:width .35s var(--ease)}
[data-kxscreen="commandes"] .gprog .m5{font-size:11.5px;color:var(--soft);font-weight:500;white-space:nowrap}
[data-kxscreen="commandes"] .gprog .m5 b{color:var(--ink);font-weight:750}
[data-kxscreen="commandes"] .plans2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}
[data-kxscreen="commandes"] .plan2{border:1px solid var(--hair);border-radius:11px;background:var(--card);padding:10px 11px;text-align:left;transition:border-color .18s,background .18s,transform .18s var(--spring)}
[data-kxscreen="commandes"] .plan2:hover{border-color:#CFCAC0;transform:translateY(-1px)}
[data-kxscreen="commandes"] .plan2.on{border-color:var(--forest);background:var(--jadebg);box-shadow:0 0 0 1px var(--forest)}
[data-kxscreen="commandes"] .plan2.off{opacity:.45}
[data-kxscreen="commandes"] .plan2 .t2{font-size:10.5px;font-weight:650;color:var(--soft)}
[data-kxscreen="commandes"] .plan2 .p2{font-size:17px;font-weight:800;letter-spacing:-.03em;margin-top:5px;font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .plan2 .e2{font-size:10.5px;font-weight:750;color:var(--jade);margin-top:2px}
[data-kxscreen="commandes"] .plan2 .e2.n2{color:var(--faint);font-weight:500}
[data-kxscreen="commandes"] .acctgrp{margin-bottom:16px}
[data-kxscreen="commandes"] .accth{display:flex;align-items:center;gap:9px;padding:4px 2px 10px;position:sticky;top:0;z-index:2;background:var(--paper)}
[data-kxscreen="commandes"] .accth .ak{min-width:26px;height:26px;padding:0 7px;border-radius:8px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:12px;font-weight:600;flex:none}
[data-kxscreen="commandes"] .accth b{font-size:13.5px;font-weight:800;letter-spacing:-.015em}
[data-kxscreen="commandes"] .accth .an{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .acctgrp .cartw{margin-left:12px}


/* ══════════════════════════════════════════════════════════════════════════
   Panneau « Commandes Dotb » façon admin (.shopq) — repris À L IDENTIQUE de admin.css,
   re-scopé sous [data-kxscreen="commandes"]. Alimenté par DotbOrdersPanel (commandes-app.jsx).
   ══════════════════════════════════════════════════════════════════════════ */
[data-kxscreen="commandes"] .shopq{
  --sq-surf:#FFFFFF;--sq-sub:#FBFAF7;--sq-ink:#16181B;--sq-ink2:#333940;--sq-faint:#8A8F96;
  --sq-bd:#EAE7E0;--sq-bd2:#EAE7E0;--sq-green:#0C5B41;--sq-greend:#0C5B41;--sq-greenh:#0A4A35;
  --ok-bg:#EAF6F0;--ok-tx:#0C5B41;--ok-dot:#12B76A;--at-bg:#FAF2E2;--at-tx:#A9761B;--at-dot:#C0902B;
  --in-bg:#E9F1F6;--in-tx:#2E6C8F;--in-dot:#5B87B0;--cr-bg:#FBECEA;--cr-tx:#A93B33;--cr-dot:#C0504A;
  color:var(--sq-ink);
  padding-top:4px;
}
/* Tous les contrôles héritent de la police de l'app (Plus Jakarta Sans) — sinon boutons/inputs = police système. */
[data-kxscreen="commandes"] .shopq input,[data-kxscreen="commandes"] .shopq select,[data-kxscreen="commandes"] .shopq button{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
/* Barre de scrap (période + Scraper) */
[data-kxscreen="commandes"] .shopq .sqbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 14px}
[data-kxscreen="commandes"] .shopq .sqchip{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--sq-bd2);
  background:var(--sq-surf);color:var(--sq-ink);font:600 12px/1 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
[data-kxscreen="commandes"] .shopq .sqchip:hover{background:#F4F2ED}
[data-kxscreen="commandes"] .shopq .sqchip.on{background:var(--sq-green);border-color:var(--sq-greend);color:#fff}
[data-kxscreen="commandes"] .shopq .sqdate{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--sq-ink2)}
[data-kxscreen="commandes"] .shopq .sqdate input{height:30px;border-radius:8px;border:1px solid var(--sq-bd2);padding:0 8px;font-size:12px;background:var(--sq-surf);color:var(--sq-ink)}
[data-kxscreen="commandes"] .shopq .sqbtn{height:32px;padding:0 14px;border-radius:9px;border:1px solid var(--sq-bd2);
  background:var(--sq-surf);color:var(--sq-ink);font:600 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
[data-kxscreen="commandes"] .shopq .sqbtn:hover{background:#F4F2ED}
[data-kxscreen="commandes"] .shopq .sqbtn.primary{background:var(--sq-green);border-color:var(--sq-greend);color:#fff}
[data-kxscreen="commandes"] .shopq .sqbtn.primary:hover{background:var(--sq-greenh)}
[data-kxscreen="commandes"] .shopq .sqbtn:disabled{opacity:.5;cursor:default}
/* En-tête de page (titre + Exporter + Scraper) */
[data-kxscreen="commandes"] .shopq .sqhead{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px}
[data-kxscreen="commandes"] .shopq .sqtitle{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--sq-ink);line-height:1.1}
[data-kxscreen="commandes"] .shopq .sqsub{font-size:12px;color:var(--sq-ink2);margin-top:3px}
[data-kxscreen="commandes"] .shopq .sqhbtns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
/* Icônes de la barre d'onglets (recherche / tri) */
[data-kxscreen="commandes"] .shopq .sqtsp{flex:1}
[data-kxscreen="commandes"] .shopq .ticon{width:30px;height:30px;border-radius:8px;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--sq-ink2)}
[data-kxscreen="commandes"] .shopq .ticon:hover{background:#F4F2ED;color:var(--sq-ink)}
/* Cases à cocher */
[data-kxscreen="commandes"] .shopq .col-chk{width:34px}
[data-kxscreen="commandes"] .shopq .sqchk{width:16px;height:16px;accent-color:var(--sq-green);cursor:pointer;margin:2px 0 0}
[data-kxscreen="commandes"] .shopq .sqtable tr.sel td{background:var(--jadebg)}
[data-kxscreen="commandes"] .shopq .sqtile .sd.up{color:var(--ok-dot)}
/* Tuiles de métriques */
[data-kxscreen="commandes"] .shopq .sqmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 15px}
[data-kxscreen="commandes"] .shopq .sqtile{background:var(--sq-surf);border:1px solid var(--sq-bd);border-radius:14px;padding:16px 17px;box-shadow:var(--sh)}
[data-kxscreen="commandes"] .shopq .sqtile .sl{font-size:10.5px;color:var(--sq-faint);font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:block}
[data-kxscreen="commandes"] .shopq .sqtile .sv{font:500 26px/1.05 'DM Mono',ui-monospace,monospace;letter-spacing:-.03em;margin-top:9px;display:block;color:var(--sq-ink)}
[data-kxscreen="commandes"] .shopq .sqtile .sv.g{color:var(--sq-greend)}
[data-kxscreen="commandes"] .shopq .sqtile .sd{font-size:11.5px;color:var(--soft);font-weight:600;margin-top:6px;display:block}
/* Pastilles (marge, annulées, marge par ligne) — vert / ambre / rouge */
[data-kxscreen="commandes"] .shopq .pill{display:inline-block;background:var(--ok-bg);color:var(--ok-tx);border:1px solid #CBE7D7;border-radius:20px;font:700 10px/1.5 'Plus Jakarta Sans',system-ui,sans-serif;padding:2px 8px}
[data-kxscreen="commandes"] .shopq .pill.am{background:var(--at-bg);color:var(--at-tx);border-color:#EEDCB6}
[data-kxscreen="commandes"] .shopq .pill.rd{background:var(--cr-bg);color:var(--cr-tx);border-color:#F0CFCB}
/* Carte + tabs */
[data-kxscreen="commandes"] .shopq .sqcard{background:var(--sq-surf);border:1px solid var(--sq-bd);border-radius:12px;overflow:hidden;box-shadow:var(--sh);container-type:inline-size}
/* Responsive : quand la carte est étroite, on masque d'abord la colonne Paiement (redondante avec le statut),
   puis la colonne Commande (réf. synthétique) → tout reste visible sans scroll latéral. */
/* Responsive IDENTIQUE à l'admin : quand la carte rétrécit on masque d'abord Paiement
   (redondant avec le statut), puis Achat, puis Suivi → tout reste lisible sans scroll latéral. */
@container (max-width:900px){[data-kxscreen="commandes"] .shopq .col-pay{display:none}}
@container (max-width:860px){[data-kxscreen="commandes"] .shopq .col-cost{display:none}}
@container (max-width:820px){[data-kxscreen="commandes"] .shopq .col-cmd{display:none}}
[data-kxscreen="commandes"] .shopq .sqtabs{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid var(--sq-bd)}
[data-kxscreen="commandes"] .shopq .sqtab{height:30px;padding:0 12px;border-radius:8px;border:0;background:transparent;
  color:var(--sq-ink2);font:600 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
[data-kxscreen="commandes"] .shopq .sqtab:hover{background:#F4F2ED;color:var(--sq-ink)}
[data-kxscreen="commandes"] .shopq .sqtab.on{background:var(--jadebg);color:var(--forest);box-shadow:inset 0 0 0 1px #BFE3D0}
[data-kxscreen="commandes"] .shopq .sqtab .cnt{font-size:11px;color:var(--sq-faint);font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .shopq .sqtab.on .cnt{color:var(--forest)}
/* Recherche + tri */
[data-kxscreen="commandes"] .shopq .sqsrow{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--sq-bd)}
[data-kxscreen="commandes"] .shopq .sqsearch{flex:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--sq-bd2);border-radius:8px;background:var(--sq-surf);min-width:160px}
[data-kxscreen="commandes"] .shopq .sqsearch:focus-within{border-color:var(--jade);box-shadow:0 0 0 2px rgba(18,183,106,.2)}
[data-kxscreen="commandes"] .shopq .sqsearch input{border:0;outline:0;flex:1;font:450 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--sq-ink);background:transparent;min-width:0}
[data-kxscreen="commandes"] .shopq .sqsearch input::placeholder{color:var(--sq-faint)}
[data-kxscreen="commandes"] .shopq .sqsearch .clr{flex:none;width:18px;height:18px;border-radius:50%;background:var(--hair2);color:var(--sq-ink2);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}
[data-kxscreen="commandes"] .shopq .sqsort{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sq-faint);font-weight:600;white-space:nowrap}
[data-kxscreen="commandes"] .shopq .sqsort select{height:32px;border-radius:8px;border:1px solid var(--sq-bd2);background:var(--sq-surf);color:var(--sq-ink);font:600 12px/1 'Plus Jakarta Sans',system-ui,sans-serif;padding:0 8px;cursor:pointer}
/* Table */
[data-kxscreen="commandes"] .shopq .sqtscroll{overflow-x:auto}
[data-kxscreen="commandes"] .shopq .sqtable{width:100%;border-collapse:collapse;font-size:12px}
[data-kxscreen="commandes"] .shopq .sqtable th{text-align:left;padding:8px 7px;font-size:10.5px;font-weight:600;color:var(--sq-ink2);background:var(--sq-sub);border-bottom:1px solid var(--sq-bd);white-space:nowrap}
[data-kxscreen="commandes"] .shopq .sqtable th.num{text-align:left}
[data-kxscreen="commandes"] .shopq .sqtable td{padding:10px 7px;border-bottom:1px solid var(--hair2);vertical-align:middle;color:var(--sq-ink)}
/* 1re/dernière colonne : plus de marge que les 7px internes → le contenu (Suivi) ne colle plus au bord arrondi de la carte (alignée sur la barre recherche/onglets au-dessus). */
[data-kxscreen="commandes"] .shopq .sqtable th:first-child,[data-kxscreen="commandes"] .shopq .sqtable td:first-child{padding-left:15px}
[data-kxscreen="commandes"] .shopq .sqtable th:last-child,[data-kxscreen="commandes"] .shopq .sqtable td:last-child{padding-right:15px}
[data-kxscreen="commandes"] .shopq .sqtable tr:last-child td{border-bottom:0}
[data-kxscreen="commandes"] .shopq .sqtable tbody tr:hover td{background:var(--sq-sub)}
[data-kxscreen="commandes"] .shopq .sqtable tr.canc td{opacity:.6}
/* colonnes courtes = jamais coupées ; texte long (Article/Client) = passe à la ligne pour tout voir sans scroll */
[data-kxscreen="commandes"] .shopq .sqtable td:first-child,[data-kxscreen="commandes"] .shopq .sqtable .muted,[data-kxscreen="commandes"] .shopq .sqtable .amt,[data-kxscreen="commandes"] .shopq .sqtable .prof{white-space:nowrap}
[data-kxscreen="commandes"] .shopq .ordno{font-weight:600;color:var(--sq-green);font-variant-numeric:tabular-nums}
[data-kxscreen="commandes"] .shopq .ordno.trk{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;text-decoration:none;overflow-wrap:anywhere;line-height:1.35;display:inline-block}
[data-kxscreen="commandes"] .shopq a.ordno.trk:hover{text-decoration:underline;color:var(--jade)}
[data-kxscreen="commandes"] .shopq .prod{display:flex;align-items:flex-start;gap:9px;min-width:120px}
[data-kxscreen="commandes"] .shopq .thumb{width:32px;height:42px;border-radius:7px;object-fit:cover;border:1px solid var(--sq-bd);display:block;flex:none;cursor:zoom-in;background:var(--hair2);margin-top:1px}
[data-kxscreen="commandes"] .shopq .thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--faint);cursor:default}
[data-kxscreen="commandes"] .shopq .prod .pt{font-weight:600;color:var(--sq-ink);line-height:1.35;overflow-wrap:anywhere}
[data-kxscreen="commandes"] .shopq .prod .psku{font:450 11px/1.3 'DM Mono',monospace;color:var(--sq-faint);margin-top:3px;overflow-wrap:anywhere}
[data-kxscreen="commandes"] .shopq .cust{font-weight:500;color:var(--sq-ink)}
[data-kxscreen="commandes"] .shopq .cust .cnm{display:flex;align-items:flex-start;gap:6px}
[data-kxscreen="commandes"] .shopq .cflag{width:20px;height:15px;border-radius:2.5px;border:1px solid var(--hair);object-fit:cover;flex:none;margin-top:1px;box-shadow:0 0 0 .5px rgba(0,0,0,.03)}
[data-kxscreen="commandes"] .shopq .cust .buyerlnk{color:var(--sq-ink);font-weight:500;text-decoration:none}
[data-kxscreen="commandes"] .shopq .cust a.buyerlnk:hover{color:var(--forest);text-decoration:underline}
[data-kxscreen="commandes"] .shopq .cust .acc{display:block;font-weight:450;color:var(--sq-faint);font-size:11px;margin-top:1px}
[data-kxscreen="commandes"] .shopq .muted{color:var(--sq-ink2)}
[data-kxscreen="commandes"] .shopq .dt{white-space:nowrap}
[data-kxscreen="commandes"] .shopq .dt .d1{display:block;font-weight:500;color:var(--sq-ink);white-space:nowrap}
[data-kxscreen="commandes"] .shopq .dt .d2{display:block;color:var(--sq-faint);font:400 11px/1 'DM Mono',ui-monospace,monospace;margin-top:2px}
[data-kxscreen="commandes"] .shopq .amt{font:500 13px/1.6 'DM Mono',ui-monospace,monospace;text-align:left;color:var(--sq-ink)}
[data-kxscreen="commandes"] .shopq td.pcol{text-align:left;white-space:nowrap}
/* Profit en INLINE (pas flex) pour que le montant soit sur la même ligne de base que Total/Achat */
[data-kxscreen="commandes"] .shopq .prof{font:500 13px/1.6 'DM Mono',ui-monospace,monospace;color:var(--forest);white-space:nowrap}
[data-kxscreen="commandes"] .shopq .prof.neg{color:var(--red)}
[data-kxscreen="commandes"] .shopq .prof .ar{width:11px;height:11px;vertical-align:middle;margin-right:3px;margin-top:-2px}
[data-kxscreen="commandes"] .shopq .prof .pill{vertical-align:middle;margin-left:5px}
[data-kxscreen="commandes"] .shopq .na{color:var(--sq-faint)}
[data-kxscreen="commandes"] .shopq .acost{font:400 12.5px/1.6 'DM Mono',ui-monospace,monospace;text-align:left;color:var(--soft);white-space:nowrap}
/* Badges Polaris */
/* Étiquettes de statut style Dotb : sans point, coins peu arrondis, teinte douce + texte coloré */
[data-kxscreen="commandes"] .shopq .sqbadge{display:inline-block;padding:3px 9px;border-radius:7px;font:700 10.5px/1.25 'Plus Jakarta Sans',system-ui,sans-serif;white-space:nowrap;border:1px solid transparent}
[data-kxscreen="commandes"] .shopq .sqbadge.ok{background:var(--ok-bg);color:var(--ok-tx);border-color:#CBE7D7}
[data-kxscreen="commandes"] .shopq .sqbadge.at{background:var(--at-bg);color:var(--at-tx);border-color:#EEDCB6}
[data-kxscreen="commandes"] .shopq .sqbadge.in{background:var(--in-bg);color:var(--in-tx);border-color:#CADDE8}
[data-kxscreen="commandes"] .shopq .sqbadge.cr{background:var(--cr-bg);color:var(--cr-tx);border-color:#F0CFCB}
/* Pied */
[data-kxscreen="commandes"] .shopq .sqfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--sq-sub);border-top:1px solid var(--sq-bd)}
[data-kxscreen="commandes"] .shopq .sqfoot .fc{font-size:11.5px;color:var(--sq-ink2)}
[data-kxscreen="commandes"] .shopq .sqempty{padding:16px;color:var(--sq-ink2);font-size:12.5px}
@media(max-width:640px){[data-kxscreen="commandes"] .shopq .sqmetrics{grid-template-columns:repeat(2,1fr)}}