/* Thème : variables claires par défaut ; sombre via l'appareil (auto) ou forcé par data-theme sur <html> */
:root{
  --bg:#f3f2ef; --panel:#fff; --ink:#1d2327; --muted:#5f6b73; --line:#c9cdd1;
  --accent:#0b5cad; --accent-ink:#fff; --bad:#b3261e; --ok:#1e7a46;
  --c-livraison:#5a6b7b; --c-commentaire:#b26a00; --c-valide:#1e7a46; --c-remboursement:#7a3fa3;
  --c-rembourse:#00796b; --c-autre:#5f6b73;
  --tint-commentaire:#ffff99; --tint-valide:#c0c0c0; --tint-remboursement:#ff0000; --tint-rembourse:#99ff99;
  --hover:#f1f4f8; --soft:rgba(11,92,173,.07); --img-bg:#eee; --danger-bg:#fdeaea;
  --warn-bg:#fff0d6; --warn-ink:#8a5200; --late-bg:#fbe0de; --late-ink:#a32018;
  --alert-bg:#fff1e0; --alert-line:#f0b469; --alert-ink:#7a4300; --sauv-bg:#fff4d6; --sauv-ink:#6b4b00; --sauv-line:#e0c068;
  color-scheme:light;
  font-family: "Segoe UI", system-ui, sans-serif; color:var(--ink);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1a1d20; --panel:#24282c; --ink:#e8eaec; --muted:#9aa5ad; --line:#3b4147;
    --accent:#4c9be8; --accent-ink:#0c1620; --bad:#ff8a80; --ok:#6fcf97;
    --c-livraison:#9fb3c4; --c-commentaire:#f0b44c; --c-valide:#6fcf97; --c-remboursement:#c9a0e8;
    --c-rembourse:#5cc8bb; --c-autre:#9aa5ad;
    --tint-commentaire:#4a3f14; --tint-valide:#2e3338; --tint-remboursement:#4b2b33; --tint-rembourse:#1f4231;
    --hover:#2e343a; --soft:rgba(76,155,232,.14); --img-bg:#2e343a; --danger-bg:#3f2826;
    --warn-bg:#4a3512; --warn-ink:#ffd08a; --late-bg:#4d2321; --late-ink:#ffb3ad;
    --alert-bg:#3b2a12; --alert-line:#8a5a1e; --alert-ink:#ffd9a0; --sauv-bg:#3a2d12; --sauv-ink:#f0c987; --sauv-line:#7a5a20;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#1a1d20; --panel:#24282c; --ink:#e8eaec; --muted:#9aa5ad; --line:#3b4147;
  --accent:#4c9be8; --accent-ink:#0c1620; --bad:#ff8a80; --ok:#6fcf97;
  --c-livraison:#9fb3c4; --c-commentaire:#f0b44c; --c-valide:#6fcf97; --c-remboursement:#c9a0e8;
  --c-rembourse:#5cc8bb; --c-autre:#9aa5ad;
  --tint-commentaire:#4a3f14; --tint-valide:#2e3338; --tint-remboursement:#4b2b33; --tint-rembourse:#1f4231;
  --hover:#2e343a; --soft:rgba(76,155,232,.14); --img-bg:#2e343a; --danger-bg:#3f2826;
  --warn-bg:#4a3512; --warn-ink:#ffd08a; --late-bg:#4d2321; --late-ink:#ffb3ad;
  --alert-bg:#3b2a12; --alert-line:#8a5a1e; --alert-ink:#ffd9a0; --sauv-bg:#3a2d12; --sauv-ink:#f0c987; --sauv-line:#7a5a20;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-size:15px;line-height:1.4}
main{max-width:1100px;margin:0 auto;padding:20px}
a{color:var(--accent)}
.topbar{display:flex;justify-content:space-between;align-items:center;
  padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}
.brand{font-weight:600;text-decoration:none;color:var(--ink);font-size:1.05rem}
.flash{max-width:1100px;margin:12px auto 0;padding:8px 14px;border-left:4px solid var(--ok);background:var(--panel)}

.btn{display:inline-block;padding:7px 18px;border:1px solid var(--line);border-radius:6px;
  background:var(--panel);color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn.danger{color:var(--bad)}
.btn.small{padding:4px 10px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px}

/* liste */
.search{display:flex;gap:8px;margin-bottom:14px}
.search input{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font:inherit}
.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px}
table.liste{width:100%;border-collapse:collapse}
.liste th,.liste td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.liste th{font-weight:600;color:var(--muted);white-space:nowrap}
.liste tr:last-child td{border-bottom:0}
.r{text-align:right;white-space:nowrap}
.thumb{width:52px}
.thumb img{width:44px;height:44px;object-fit:cover;border-radius:4px;display:block}
.tag{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;margin-right:4px}
.tag.bad{color:var(--bad);border-color:var(--bad)} .tag.ok{color:var(--ok);border-color:var(--ok)}
form.inline{display:inline;margin-left:10px}
button.link{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--accent)}
button.link.danger{color:var(--bad)}
.empty{padding:40px 0;text-align:center;color:var(--muted)}

/* fiche */
.fiche{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 24px}
.fiche h1{font-size:1.15rem;margin:0 0 16px}
.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}
.row{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:10px;margin-bottom:12px}
.row > span:first-child{color:var(--ink);font-size:.9rem}
input[type=text],input[type=url],input[type=date],input[type=number],select,textarea{
  width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font:inherit}
.money{position:relative;display:inline-block;max-width:130px}
.money::after{content:"€";position:absolute;right:26px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.money input{text-align:right;padding-right:40px}
.row input[type=date]{max-width:170px}
.vendeur{display:flex;gap:6px}
.vendeur select{max-width:260px}
.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.check input[type=checkbox]{width:auto}
.check.small{font-size:.85rem;margin-top:6px}
.droite .checks{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.check.prix{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:10px;cursor:default}
.check.prix .money{max-width:none;width:100%}
.image-box .hint{display:block;margin-top:8px;font-size:.8rem;color:var(--muted)}
.image-box .btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.image-box{border:1px dashed var(--line);border-radius:8px;padding:12px;text-align:center}
.image-box img{max-width:100%;max-height:260px;border-radius:4px;margin-bottom:10px}
.ligne-review{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:10px 0 16px}
.ligne-review label{display:inline-flex;align-items:center;gap:8px}
.ligne-review .n{width:70px;text-align:center}
.textes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.textes label{display:flex;flex-direction:column;gap:5px;font-size:.9rem}
textarea{resize:vertical;min-height:160px}
.actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.actions .btn.danger{margin-left:auto}

@media (max-width:760px){
  .cols,.textes{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
}
@media print{
  body{background:#fff;color:#000} .no-print{display:none!important}
  main{padding:0;max-width:none} .fiche{border:0;padding:0}
  input,select,textarea{border:0;background:none;color:#000;padding:2px 0}
  textarea{resize:none}
}

/* liens commande + historique d'états */
.nowrap{white-space:nowrap}
.muted{color:var(--muted)}
small.muted{font-size:.8rem}
.etats{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px 24px 20px}
.etats h2{font-size:1.05rem;margin:0 0 12px}
.etats-table{width:100%;border-collapse:collapse}
.etats-table th,.etats-table td{padding:6px 8px 6px 0;text-align:left;border-bottom:1px solid var(--line)}
.etats-table td:first-child{width:170px}
.etats-table td:nth-child(2){width:32%}
.etats-table input{padding:5px 8px}
.etat-add td{border-bottom:0;padding-top:12px}
@media print{ .etats{border:0;padding:0} .etats-table input{padding:0} }

/* liste : 1 produit = 1 ligne */
main.wide{max-width:1600px}
.liste td{white-space:nowrap}
.liste .cell{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.liste{font-size:.93rem}
.liste .w-titre{max-width:180px}
.liste .w-vendeur{max-width:120px}
.liste .w-etat{max-width:190px}
.liste th,.liste td{padding:8px 7px}
.liste td.thumb{width:44px;padding-top:4px;padding-bottom:4px}
.liste .thumb img{width:36px;height:36px}
.liste .tag{white-space:nowrap}

/* ===== Smartphone ===== */
.mobile-only{display:none}
@media (pointer:coarse){ .mobile-only{display:inline-block} .desktop-only{display:none} }

@media (max-width:760px){
  body{font-size:16px}
  main,main.wide{padding:12px}
  .topbar{padding:10px 12px;position:sticky;top:0;z-index:20}
  .brand{font-size:1rem}
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px}
  .btn.small{min-height:40px}
  input[type=text],input[type=url],input[type=date],input[type=number],input[type=search],select,textarea{
    font-size:16px;min-height:44px}            /* 16px : évite le zoom auto d'iOS */
  .check input[type=checkbox]{width:22px;height:22px}
  .check{min-height:36px}
  .search{margin-bottom:12px}
  .search .btn{padding:8px 14px}

  /* --- liste : une carte par produit --- */
  .table-wrap{background:none;border:0;overflow:visible}
  table.liste,.liste tbody{display:block;width:100%}
  .liste thead{display:none}
  .liste tr{
    display:grid;grid-template-columns:64px minmax(0,1fr) auto;
    grid-template-areas:
      "thumb titre   titre"
      "thumb vendeur prix"
      "thumb etat    etat"
      "cmd   cmd     achat"
      "remb  remb    remb"
      "statut statut statut"
      "actions actions actions";
    column-gap:12px;background:var(--panel);border:1px solid var(--line);
    border-radius:12px;padding:12px;margin-bottom:10px}
  .liste td{display:block;border:0;padding:0;max-width:none;white-space:normal;min-width:0}
  .liste td:empty{display:none}
  .liste td.c-thumb:empty{display:block;width:64px;height:64px;border-radius:8px;background:var(--bg);border:1px dashed var(--line)}
  .liste .cell{display:block;max-width:none}
  .c-thumb{grid-area:thumb} .c-titre{grid-area:titre;font-weight:600;font-size:1.02em}
  .c-vendeur{grid-area:vendeur;color:var(--muted);font-size:.9em}
  .c-prix{grid-area:prix;text-align:right;font-weight:600;align-self:end}
  .c-etat{grid-area:etat;margin-top:2px}
  .c-cmd{grid-area:cmd;margin-top:8px;font-size:.88em}
  .c-achat{grid-area:achat;margin-top:8px;text-align:right;color:var(--muted);font-size:.88em}
  .c-remb{grid-area:remb;margin-top:4px;font-size:.88em;color:var(--muted)}
  .c-remb::before{content:"Remboursé : "}
  .c-statut{grid-area:statut;margin-top:8px}
  .liste td.c-actions{grid-area:actions;display:flex;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
  .c-actions form.inline{margin:0;flex:1}
  .c-actions .act{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;
    border:1px solid var(--line);border-radius:8px;background:var(--bg);text-decoration:none;font:inherit}
  .c-actions a.act{flex:1}
  .liste .thumb img{width:64px;height:64px;border-radius:8px}
  .liste td.thumb{width:auto}

  /* --- fiche --- */
  .fiche{padding:14px;border-radius:12px}
  .fiche h1{font-size:1.1rem}
  .row{grid-template-columns:1fr;gap:4px;margin-bottom:14px}
  .row > span:first-child{font-weight:600;font-size:.88rem}
  .row input[type=date],.money{max-width:none}
  .money{width:100%}
  .vendeur select{max-width:none}
  .ligne-review{gap:12px 18px}
  .ligne-review .n{width:84px}
  .textes textarea{min-height:140px}
  .check.prix{grid-template-columns:1fr 140px}
  .image-box img{max-height:220px}
  .image-box .btns{flex-direction:column}
  .image-box .btns .btn{width:100%}
  .actions{position:sticky;bottom:0;margin:16px -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    background:var(--panel);border-top:1px solid var(--line);border-radius:0 0 12px 12px;flex-wrap:wrap;z-index:10}
  .actions .btn{flex:1}
  .actions .btn.danger{margin-left:0;flex-basis:100%}
  .actions .btn[onclick*=print]{display:none}

  /* --- historique d'états : une carte par ligne --- */
  .etats{padding:14px;border-radius:12px}
  .etats-table,.etats-table tbody{display:block;width:100%}
  .etats-table thead{display:none}
  .etats-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
  .etats-table td,.etats-table td:first-child,.etats-table td:nth-child(2){display:block;width:auto;border:0;padding:0}
  .etats-table td:nth-child(3){grid-column:1 / -1}
  .etats-table td:nth-child(2){grid-column:1 / -1;order:-1}
  .etats-table td:nth-child(4){grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end}
  .etats-table td:nth-child(4) .btn{flex:1}
  .etat-add td{padding-top:0}
  .etats-table tr:has(td[colspan]){display:block}
}

/* ===== Connexion ===== */
.top-actions{display:flex;gap:8px;align-items:center}
.top-actions form.inline{margin:0}
main.login-page{max-width:420px;padding-top:12vh}
form.login{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:28px 24px;text-align:center}
form.login img{margin:0 auto 4px}
form.login h1{font-size:1.2rem;margin:0 0 10px}
form.login label{text-align:left;font-size:.9rem;font-weight:600}
form.login input[type=password]{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:6px;
  background:var(--bg);color:var(--ink);font:inherit;font-size:16px;min-height:44px}
form.login .error{color:var(--bad);margin:0;text-align:left;font-size:.9rem}
form.login .btn{min-height:44px;margin-top:6px}
@media (max-width:760px){
  .brand-long{display:none}
  .top-actions .btn{padding:8px 12px}
}
.search input{min-width:0}

/* ===== Filtres, icônes d'état, médias ===== */
.filters{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.filters .search{margin-bottom:0}
.chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.chip{flex:0 0 auto;white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:.92rem;border:1px solid var(--line);
  border-radius:999px;background:var(--panel);cursor:pointer;font-size:.9rem;white-space:nowrap}
.chip:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.chip input{width:16px;height:16px;margin:0}
.chip small{color:var(--muted);font-size:.82rem}
.summary{margin:0 2px 8px;color:var(--muted);display:flex;gap:6px}
.summary strong{color:var(--ink)}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.eico{display:inline-flex;align-items:center}
.cat-livraison{color:var(--c-livraison)} .cat-commentaire{color:var(--c-commentaire)}
.cat-valide{color:var(--c-valide)} .cat-remboursement{color:var(--c-remboursement)}
.cat-rembourse{color:var(--c-rembourse)} .cat-autre{color:var(--c-autre)}
.liste tr.row-livraison{--tint:var(--tint-livraison,transparent)}.liste tr.row-autre{--tint:var(--tint-autre,transparent)}
.liste tr.row-commentaire{--tint:var(--tint-commentaire)}
.liste tr.row-valide{--tint:var(--tint-valide)}
.liste tr.row-remboursement{--tint:var(--tint-remboursement)}
.liste tr.row-rembourse{--tint:var(--tint-rembourse)}
.liste tr td{background:var(--tint,transparent)}   /* livraison / autre : sans couleur */
.liste td.c-etat{text-align:center;width:40px}
.liste .etat-label{display:none}
.liste .cat-autre ~ .etat-label{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-left:6px}
.medias{display:inline-flex;gap:10px;align-items:center;color:var(--muted)}
.medias > span{display:inline-flex;align-items:center;gap:4px}
@media (max-width:760px){
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -12px;padding-left:12px;padding-right:12px;scrollbar-width:thin}
  .chip{min-height:40px}
  .liste tr{grid-template-areas:
      "thumb titre   titre"
      "thumb vendeur prix"
      "thumb etat    etat"
      "medias medias jours"
      "consigne consigne consigne"
      "cmd   cmd     achat"
      "remb  remb    remb"
      "statut statut statut"
      "actions actions actions"}
  .liste tr{background:var(--tint,var(--panel))}
  .liste tr td{background:none}
  .liste td.c-etat{display:flex;align-items:center;gap:8px;text-align:left;width:auto}
  .liste .etat-label{display:inline;max-width:none}
  .c-medias{grid-area:medias;margin-top:8px}
  .c-jours{grid-area:jours;margin-top:8px;text-align:right;color:var(--muted);font-size:.88rem}
  .c-jours::after{content:" j depuis l'état"}
}

/* logo dans la barre du haut */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand img{display:block;border-radius:7px;flex:none}

.app-foot{text-align:center;padding:18px 12px 28px;font-size:.85rem}
.app-foot a{color:var(--muted)}

/* ===== Bouton « état suivant » ===== */
.liste form.next{margin:0 8px 0 0}
.btn-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:32px;height:30px;padding:0;
  border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;
  vertical-align:middle;font:inherit}
.btn-next:hover{background:var(--accent);color:var(--accent-ink)}
.btn-next:disabled{opacity:.5;cursor:wait}
.next-label{display:none}
@media (max-width:760px){
  .liste td.c-actions{flex-wrap:wrap}
  .liste td.c-actions form.next{flex:1 1 100%;margin:0}
  .btn-next{width:100%;height:46px;background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:8px}
  .next-label{display:inline}
}

/* ===== Liste : icône d'état et photo plus grandes ===== */
.liste td.c-etat{width:52px}
.liste td.c-etat .ico{width:28px;height:28px}
.liste td.thumb{width:60px;padding-top:4px;padding-bottom:4px}
.liste .thumb img{width:50px;height:50px;border-radius:6px}

/* ===== Accueil : panneaux PayPal + raccourcis ===== */
main.narrow{max-width:720px}
.home-panels{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin:18px 0 0;align-items:start}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}
details.panel > summary{display:flex;align-items:baseline;gap:10px;padding:10px 14px;cursor:pointer;list-style:none}
details.panel > summary::-webkit-details-marker{display:none}
details.panel > summary::before{content:"▸";color:var(--muted);transition:transform .15s;display:inline-block}
details.panel[open] > summary::before{transform:rotate(90deg)}
details.panel > summary h2{font-size:1rem;margin:0}
details.panel > summary .muted{margin-left:auto;font-size:.85rem}
.panel-body{padding:0 14px 12px}
.panel-foot{margin:10px 0 0}
.mini{width:100%;border-collapse:collapse;font-size:.92rem}
.mini th,.mini td{padding:6px 8px 6px 0;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.mini th{color:var(--muted);font-weight:600;white-space:nowrap}
.mini th.r,.mini td.r{text-align:right}
.mini tr:last-child td{border-bottom:0}
.mini .p-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.mini .p-actions form{margin:0}
.mini .p-total{font-weight:600;white-space:nowrap}
.pp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.pp-actions form{display:flex;gap:6px;margin:0}
.pp-actions select{width:auto;max-width:320px}

ul.shortcuts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
ul.shortcuts li{display:flex;gap:6px}
.shortcut{flex:1;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 12px;min-height:40px;
  border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
.shortcut:hover{border-color:var(--accent)}
.shortcut.copied{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.sc-edit{display:flex;align-items:center;padding:0 10px;color:var(--muted);border:1px solid var(--line);border-radius:8px}
.sc-edit:hover{color:var(--accent);border-color:var(--accent)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 20px;border-radius:999px;
  background:#232f3e;color:#fff;z-index:50;box-shadow:0 4px 14px rgba(0,0,0,.3);max-width:90vw}
.toast.ko{background:var(--bad);color:#fff}

/* ===== Formulaires PayPal / raccourci / attribution ===== */
.hint-line{color:var(--muted);font-size:.9rem;margin:6px 0 0}
.textes.one{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.pick-head{padding:14px 18px;margin-bottom:14px}
.pick-head h1{font-size:1.1rem;margin:0 0 8px}
.pick-head p{margin:2px 0}
ul.picks{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.pick{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.pick .ico{width:24px;height:24px}
.pick-main{display:flex;flex-direction:column;min-width:0}
.pick-main .muted{font-size:.85rem}
.pick-price{text-align:right;font-weight:600;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.pick form{margin:0}

@media (max-width:900px){ .home-panels{grid-template-columns:1fr} }
@media (max-width:760px){
  .home-panels{gap:10px;margin-bottom:12px}
  .liste td.c-etat .ico{width:26px;height:26px}
  .liste tr{grid-template-columns:76px minmax(0,1fr) auto;
    grid-template-areas:
      "thumb titre   titre"
      "thumb vendeur prix"
      "thumb etat    etat"
      "medias medias jours"
      "consigne consigne consigne"
      "cmd   cmd     achat"
      "remb  remb    remb"
      "delai delai delai"
      "actions actions actions"}
  .liste .thumb img{width:76px;height:76px}
  .liste td.c-thumb:empty{width:76px;height:76px}
  .liste td.c-delai{grid-area:delai;text-align:left;margin-top:4px;color:var(--muted);font-size:.88em}
  .c-delai::before{content:"Commentaire à poster sous "}
  .c-delai::after{content:" j"}
  /* tableaux PayPal : une carte par ligne */
  .mini,.mini tbody{display:block;width:100%}
  .mini thead{display:none}
  .mini tr{display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"vendeur total" "date trans" "actions actions";gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
  .mini td{display:block;padding:0;border:0}
  .mini .p-vendeur{grid-area:vendeur;font-weight:600}
  .mini .p-total{grid-area:total}
  .mini .p-date{grid-area:date;color:var(--muted)}
  .mini .p-trans{grid-area:trans;text-align:right;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}
  .mini .p-montant{display:none}
  .mini .p-actions{grid-area:actions;margin-top:8px}
  .mini .p-actions > *{flex:1}
  .mini .p-actions .btn{width:100%}
  .pp-actions form{flex-direction:column;width:100%}
  .pp-actions select{max-width:none}
  .pp-actions > .btn{width:100%}
  .pick{grid-template-columns:auto minmax(0,1fr);}
  .pick-price{grid-column:2;align-items:flex-start;text-align:left;flex-direction:row;gap:8px}
  .pick form{grid-column:1 / -1}
  .pick form .btn{width:100%}
  .toast{bottom:84px}
}

/* correctifs mobile : les largeurs desktop ne doivent pas s'appliquer aux cartes */
details.panel > summary .muted{white-space:nowrap}
@media (max-width:760px){
  .liste td.c-etat,.liste td.thumb{width:auto}
  .liste td.c-etat{align-items:flex-start}
  .liste td.c-etat .etat-label{padding-top:3px}
  details.panel > summary h2{font-size:.95rem}
}

/* ===== Éditeur de texte enrichi (raccourcis) ===== */
.rte-bar{display:flex;gap:6px;flex-wrap:wrap}
.rte-bar .btn.small{min-width:40px}
.rte{min-height:220px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);
  font:inherit;line-height:1.5;overflow:auto;word-break:break-word}
.rte:focus{outline:2px solid var(--accent);outline-offset:1px}
.rte a{color:var(--accent)}
.row > small.muted{grid-column:3;white-space:nowrap;font-size:.8rem}
@media (max-width:760px){ .rte{font-size:16px;min-height:200px} .row > small.muted{grid-column:1} }

/* Filtres : toujours sur une seule ligne (on retire les pictos si la place manque) */
@media (min-width:761px){ .chip .eico{display:none} .chip{padding:5px 9px;gap:5px} }
@media (min-width:761px) and (max-width:1500px){ .chip{font-size:.82rem;padding:4px 7px;gap:4px} .chip input{width:14px;height:14px} .chip small{font-size:.74rem} .chips{gap:4px} }

/* ===== Réglages & statistiques ===== */
.colors td{vertical-align:middle}
.colors input[type=color]{width:56px;height:34px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.swatch{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:6px;min-width:140px}
.stats-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.stats-head h1{margin:0;flex:1}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:16px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.kpi span{color:var(--muted);font-size:.85rem}
.kpi strong{font-size:1.4rem}
.kpi small{color:var(--muted);font-size:.78rem}
.stats-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;margin-bottom:14px;align-items:start}
.stat-card{padding:4px 14px 12px}
.stat-card h2{font-size:1.05rem;margin:12px 0 8px}
.bars td:nth-child(3){position:relative;min-width:160px}
.bar{display:block;height:8px;border-radius:4px;background:var(--accent);opacity:.75;margin-bottom:2px}
.bar-v{font-size:.82rem;color:var(--muted)}
@media (max-width:900px){ .stats-cols{grid-template-columns:1fr} }
@media (max-width:600px){ .top-actions{gap:6px} .top-actions .btn{padding:6px 10px;white-space:nowrap;font-size:.9rem} .brand-long{display:none} }
@media (max-width:420px){ .topbar{gap:6px} .top-actions .btn{padding:6px 8px;font-size:.82rem;min-height:40px} .brand span{font-size:.95rem} }

/* Photo produit entière (sans recadrage) : la ligne s'agrandit si besoin */
.liste .thumb img{width:auto;height:auto;max-width:96px;max-height:96px;object-fit:contain;border-radius:6px;background:#fff}
.liste td.thumb{width:110px;padding-top:6px;padding-bottom:6px}
@media (max-width:760px){
  .liste tr{grid-template-columns:104px minmax(0,1fr) auto}
  .liste .thumb img{max-width:104px;max-height:130px}
  .liste td.thumb{width:auto}
  .liste td.c-thumb:empty{width:76px;height:76px}
}

.size-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.size-ctl input[type=range]{flex:1;min-width:140px}
.size-preview{margin:4px 0 18px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:6px}

.checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 12px}
.checks .check{margin:0}

/* Boutons d'action en pictogrammes (crayon / poubelle) */
.liste .ibtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;
  border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;text-decoration:none;vertical-align:middle}
.liste .ibtn:hover{background:var(--bg)}
.liste .ibtn.danger{color:var(--bad)}
.liste .ibtn.danger:hover{background:var(--bad);color:#fff;border-color:var(--bad)}
.liste td.c-actions{white-space:nowrap}
.liste td.c-actions form.inline:not(.next){display:inline-block;margin:0 0 0 4px}
@media (max-width:760px){ .liste .ibtn{width:auto;height:44px} .liste td.c-actions form.inline{margin:0} }
@media (max-width:760px){ .liste td.c-actions form.inline:not(.next){display:flex;flex:1} .liste td.c-actions .ibtn{flex:1;width:100%} }

/* Sauvegardes */
.sauv-alerte{background:var(--sauv-bg);border:1px solid var(--sauv-line);color:var(--sauv-ink);padding:8px 12px;border-radius:6px}

.sauv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sauv-actions form{margin:0}
.sauv-form{display:flex;flex-direction:column;gap:8px}
.sauv-btns{white-space:nowrap}
.sauv-btns form.inline{display:inline-block;margin-left:4px}
.sauv-strategie{margin:14px 0;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.sauv-strategie summary{cursor:pointer;font-weight:600}
@media (max-width:760px){ .sauv-table thead{display:none} .sauv-table tr{display:block;border-bottom:1px solid var(--line);padding:6px 0} .sauv-table td{display:inline-block;border:0;padding:2px 8px 2px 0} .sauv-btns{display:block !important;padding-top:6px !important} }

/* Avis Amazon (Gemini) */
.avis-bloc{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.avis-bloc h2{margin:0 0 8px;font-size:1.1rem}
.avis-bloc textarea{width:100%}
.avis-extra{display:block;margin-bottom:8px}
.avis-extra input{width:100%}
.avis-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
@media print{.avis-actions,.avis-extra{display:none}}

.avis-desc{margin-bottom:10px;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:var(--panel)}
.avis-desc summary{cursor:pointer;font-weight:600}
.avis-desc textarea{width:100%;margin-top:8px}

/* Image de la fiche : barre d'icônes, glisser-déposer, agrandissement */
.image-box.drop{border-color:var(--accent,#0b5cad);background:var(--soft)}
.image-box .vide{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 12px;color:var(--muted)}
.image-box .vide .ico{width:40px;height:40px}
.image-box .vide[hidden]{display:none}
.img-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.img-tools .ibtn{width:44px;height:44px}
.img-tools .ibtn .ico{width:22px;height:22px}
.img-tools .ibtn[hidden]{display:none}
.img-tools .ibtn.actif{background:var(--danger-bg);border-color:var(--bad)}
.image-box img{cursor:zoom-in}
.image-box img.retiree{opacity:.3;filter:grayscale(1);cursor:default}
.image-box .hint{min-height:1.2em}
.lightbox{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh}
.lightbox::backdrop{background:rgba(0,0,0,.8)}
.lightbox img{display:block;max-width:96vw;max-height:94vh;border-radius:6px;cursor:zoom-out}
@media (max-width:760px){.image-box .btns{flex-direction:row}}

.img-tools .ibtn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);
  border-radius:8px;background:var(--panel);color:var(--accent);cursor:pointer}
.img-tools .ibtn:hover{background:var(--hover)}
.img-tools .ibtn.danger{color:var(--bad)}
.img-tools .mobile-only{display:none}
@media (pointer:coarse){.img-tools .mobile-only{display:inline-flex}.img-tools .desktop-only{display:none}}
.img-tools .ibtn[hidden]{display:none}

/* Captures */
.cap-zone{border:1px dashed var(--line);border-radius:8px;padding:10px;margin-bottom:12px;text-align:center;outline:none}
.cap-zone:focus,.cap-zone.drop{border-color:var(--accent);background:var(--soft)}
.cap-zone .img-tools{align-items:center}
.cap-zone #cap-legende{flex:1;min-width:160px;max-width:320px}
.cap-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cap-grid li{position:relative;border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--panel);display:flex;flex-direction:column;gap:6px}
.cap-grid img{width:100%;height:130px;object-fit:cover;border-radius:4px;cursor:zoom-in;background:var(--img-bg)}
.cap-grid .cap-l{width:100%;font-size:.85rem}
.cap-grid .cap-del{position:absolute;top:10px;right:10px;width:32px;height:32px;background:rgba(255,255,255,.92)}
@media print{.cap-zone{display:none}.cap-grid img{height:auto;max-height:220px}}

/* Fiche : cartes et grille de champs */
.fiche .cols{gap:18px;align-items:start}
.fiche .gauche,.fiche .droite{display:flex;flex-direction:column;gap:14px;min-width:0}
.carte{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--panel)}
.carte > h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-weight:700}
.champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.fld{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted);font-weight:600;min-width:0}
.fld input,.fld select{font-weight:400;color:var(--ink);font-size:.95rem}
.champs .full{grid-column:1/-1}
.champs .check{align-self:center}
.avec-btn{display:flex;gap:6px;align-items:center}
.avec-btn input{flex:1;min-width:0}
.avec-btn .ibtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;color:var(--accent);flex:none;background:var(--panel)}
.avec-btn .ibtn[hidden]{display:none}
.avec-btn .ibtn .ico{width:18px;height:18px}
.fiche .money{max-width:none;width:100%}
.fld input.n{width:90px}
.media-opts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:400;color:var(--ink);font-size:.95rem;min-height:36px}
.media-opts .small-n{gap:4px}.media-opts .small-n input{width:62px;text-align:center}
.fiche .vendeur{display:flex;gap:6px}.fiche .vendeur select{flex:1;min-width:0}
.fiche .actions{position:sticky;bottom:0;background:linear-gradient(to top,var(--panel) 75%,rgba(255,255,255,0));padding:12px 0 6px;margin-top:10px;z-index:5}
.fiche .image-box{background:var(--panel)}
@media (max-width:900px){.fiche .cols{grid-template-columns:1fr}}
@media (max-width:420px){.champs{grid-template-columns:1fr}}
@media print{.fiche .actions{position:static}.carte{border:0;padding:4px 0}}
@media (max-width:760px){
  .fiche .actions{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 0 6px}
  .fiche .actions .btn{flex:1;width:auto;margin:0;padding-left:8px;padding-right:8px}
  .fiche .actions button[onclick*="print"]{display:none}
}

/* Gestion des vendeurs */
.vend-add{display:flex;gap:8px;margin:12px 0}.vend-add input{flex:1;min-width:0}
.vend-filtre{width:100%;margin-bottom:8px}
.vend-ren{display:flex;gap:6px;align-items:center}.vend-ren input{flex:1;min-width:0}
.vend-table .ibtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);cursor:pointer}
.vend-table .ibtn.danger{color:var(--bad)}
.vend-table .ibtn:disabled{opacity:.35;cursor:not-allowed}
.vend-table tr[hidden]{display:none}
@media (max-width:640px){.vend-table .h-dernier{display:none}}
.liens-reglages{display:flex;flex-wrap:wrap;gap:8px}
.vend-filtre{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font:inherit;box-sizing:border-box}

/* ===== Accueil : recherche, filtres, liste ===== */
.search{position:relative;align-items:center}
.search .s-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none}
.search .s-ico .ico{width:18px;height:18px}
.search input[type=search]{padding:10px 40px 10px 38px;border-radius:10px;font-size:1rem;-webkit-appearance:none;appearance:none}
.search input[type=search]::-webkit-search-cancel-button{display:none}
.search input[type=search]:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
.search .s-clear{position:absolute;right:112px;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);padding:4px;border-radius:50%}
.search .s-clear:hover{background:var(--bg);color:var(--ink)}
.search .s-clear .ico{width:16px;height:16px}
.search .btn{padding:10px 18px;border-radius:10px}
@media (max-width:760px){.search .s-clear{right:96px}.search .btn{padding:10px 14px}}

.chip{border-radius:999px;padding:6px 12px;gap:7px;background:var(--panel);cursor:pointer;transition:background .12s,border-color .12s}
.chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.chip:hover{border-color:var(--muted)}
.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.chip:has(input:checked){background:var(--tint,var(--soft));border-color:var(--accent);box-shadow:none;font-weight:600}
.chip.k-livraison{--tint:var(--tint-livraison,var(--soft))}.chip.k-autre{--tint:var(--tint-autre,var(--soft))}
.chip.k-commentaire{--tint:var(--tint-commentaire)}.chip.k-valide{--tint:var(--tint-valide)}
.chip.k-remboursement{--tint:var(--tint-remboursement)}.chip.k-rembourse{--tint:var(--tint-rembourse)}
.chip.k-livraison:has(input:checked){border-color:var(--c-livraison)}.chip.k-commentaire:has(input:checked){border-color:var(--c-commentaire)}
.chip.k-valide:has(input:checked){border-color:var(--c-valide)}.chip.k-remboursement:has(input:checked){border-color:var(--c-remboursement)}
.chip.k-rembourse:has(input:checked){border-color:var(--c-rembourse)}.chip.k-autre:has(input:checked){border-color:var(--c-autre)}
.swatch.sombre{background:#1a1d20;color:#e8eaec;border-color:#3b4147;margin-left:6px}
.chip .badge{background:rgba(0,0,0,.07);color:var(--ink);border-radius:999px;padding:1px 8px;font-size:.78rem;font-weight:600;min-width:20px;text-align:center}
.chip:has(input:not(:checked)) .eico,.chip:has(input:not(:checked)) .chip-l{opacity:.7}

.summary{align-items:baseline;margin:2px 4px 10px;font-size:.95rem}
.summary .sum-total{font-weight:600;color:var(--ink)}
.summary .sum-total::before{content:"· ";font-weight:400;color:var(--muted)}

.table-wrap{border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.liste thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;background:var(--panel)}
table.liste tbody tr[data-href]{cursor:pointer}
table.liste tbody tr[data-href]:hover td{filter:brightness(.97);box-shadow:inset 0 0 0 9999px rgba(11,92,173,.035)}
.liste .c-titre a{color:var(--ink);font-weight:600;text-decoration:none}
.liste .c-titre a:hover{color:var(--accent);text-decoration:underline}
.liste .c-cmd a{color:var(--muted);text-decoration:none;font-size:.88em}
.liste .c-cmd a:hover{color:var(--accent);text-decoration:underline}
.liste .c-vendeur{color:var(--muted)}
.jours.j-warn,.jours.j-late{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:600;font-size:.88em}
.jours.j-warn{background:var(--warn-bg);color:var(--warn-ink)}
.jours.j-late{background:var(--late-bg);color:var(--late-ink)}
.empty .empty-ico .ico{width:44px;height:44px;opacity:.5}

.fab{display:none}
@media (max-width:760px){
  .fab{display:flex;position:fixed;right:16px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;
       align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:30}
  .fab .ico{width:26px;height:26px;stroke:#fff}
}
@media print{.fab{display:none}}
.chip{position:relative}
@media (max-width:760px){main{padding-bottom:84px}}
/* Mobile : le bouton « Passer à » ne dépasse plus de la carte */
@media (max-width:760px){
  .liste td.c-actions{min-width:0;max-width:100%;box-sizing:border-box}
  .liste td.c-actions form.next{min-width:0;max-width:100%}
  .btn-next{box-sizing:border-box;max-width:100%;min-width:0;height:auto;min-height:46px;padding:8px 12px;white-space:normal;text-align:left;line-height:1.25}
  .btn-next .ico{flex:none}
  .next-label{min-width:0;overflow-wrap:anywhere}
  .liste tr{max-width:100%;box-sizing:border-box;overflow:hidden}
}
@media (max-width:359px){ .brand > span{display:none} .top-actions{gap:4px} .top-actions .btn{padding:6px 6px;font-size:.78rem} }

/* Alerte : délai de commentaire atteint */
.alerte-com{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:10px;
  background:var(--alert-bg);border:1px solid var(--alert-line);color:var(--alert-ink)}
.alerte-com .ac-ico .ico{width:22px;height:22px;stroke:#c76a00}
.alerte-com .ac-txt{flex:1;min-width:200px}
.badge-alerte{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:#c76a00;color:#fff;font-weight:700;font-size:.88em}
.badge-alerte .ico{width:14px;height:14px;stroke:#fff}
.liste tr.alerte td.c-titre a::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#c76a00;margin-left:8px;vertical-align:middle}

.fond-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.fond-ctl input[type=color]{width:52px;height:36px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
.fond-presets{display:flex;gap:8px;flex-wrap:wrap}
.fond-p{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.fond-p:hover,.fond-p:focus-visible{border-color:var(--accent);outline:none}
.swatch:not(.sombre){color:#1d2327;background-color:#fff}

.chip .chip-total{color:var(--muted);font-size:.8rem;font-weight:500;white-space:nowrap}
.chip:has(input:checked) .chip-total{color:var(--ink)}
@media (min-width:761px){.chips{flex-wrap:wrap;overflow-x:visible}.chip{padding:5px 10px;gap:6px}}

.btn-suivant{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn-suivant .ico{width:18px;height:18px;stroke:currentColor}
.fiche-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fiche-head h1{margin:0}
@media (max-width:760px){.fiche-head .btn-suivant{flex:1 1 100%;justify-content:center;min-height:46px}}

.chips-sep{flex:0 0 1px;background:var(--line);margin:4px 2px}
.pick-head + .filters{margin-top:12px}

.noreview{display:inline-flex;vertical-align:middle;margin-left:8px;color:var(--bad)}
.noreview .ico{width:18px;height:18px}
@media (max-width:760px){.liste td.c-titre{display:flex;align-items:center;gap:6px}.liste td.c-titre .cell{min-width:0}.noreview{margin-left:0;flex:none}}

/* tri par colonne, filtre vendeur, colonne consigne */
.sortbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:.9rem;color:var(--muted)}
.sortbar select{max-width:200px}
.only-mobile{display:none}
.th-sort{color:inherit;text-decoration:none;display:inline-flex;gap:4px;align-items:center}
.th-sort:hover{color:var(--text,inherit)}
.th.sorted,th.sorted{color:var(--text,inherit)}
.th-sort .arrow{font-size:.7em;min-width:.8em}
.liste td.c-consigne{max-width:180px}
.liste td.c-consigne .cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){
  .only-mobile{display:inline}
  .liste td.c-consigne{grid-area:consigne;max-width:none;font-size:.88em;color:var(--muted)}
  .liste td.c-consigne:empty{display:none}
  .liste td.c-consigne::before{content:"Consigne : "}
}
.kpi.pos strong,.net{color:#1a7f37}.kpi.neg strong,.net.neg{color:#c62828}
.notif-prev{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:.9rem}
@media (max-width:600px){.lbl-long{display:none}.top-actions .btn:first-letter{text-transform:none}.topbar{flex-wrap:nowrap}.top-actions{min-width:0}}
@media (max-width:400px){.brand > span{display:none}.top-actions{gap:4px}}
.actions-row{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}#txt-commande{width:100%;box-sizing:border-box}
.carte-mini{padding:10px 12px}
.carte-mini h2{font-size:.78rem;margin:0 0 6px}
.carte-mini textarea{width:100%;box-sizing:border-box;min-height:0;height:44px;resize:vertical;font-size:.85rem}
.carte-mini .actions-row{margin-top:6px}
.carte-mini .hint{font-size:.8rem}