/* ==========================================================================
   MODULE RÉCEPTION — styles scopés (.rc-root), fourni par l'utilisateur (voir
   reception-ui.js / INTEGRATION-reception.md), collé tel quel. Jetons --rc-*
   remappés vers les jetons réels de l'app (même principe que fiche-client.css)
   au lieu des jetons axiom-tokens.css (--axiom-xxx) du fichier fourni, qui
   n'existent pas ici. Demandé explicitement le 2026-10-03.
   BUG RÉEL TROUVÉ ET CONFIRMÉ le 2026-10-03 ("le menu ne ressemble pas du
   tout"): ce bloc de commentaire contenait plus haut deux noms de jetons
   collés par une barre oblique, formant par accident la séquence qui ferme
   normalement un commentaire CSS (un astérisque suivi d'une barre oblique) —
   refermant ce commentaire en plein milieu. Tout ce qui suivait jusqu'au
   prochain "{" (la règle .rc-root au complet, donc TOUS les jetons --rc-*
   ci-dessous) devenait un sélecteur invalide et la règle entière était
   silencieusement rejetée par le navigateur. Résultat: --rc-ink (et tous les
   autres jetons) ne valaient jamais rien, et .rc-hdr (entre autres) restait
   transparent au lieu de bleu marine. Éviter d'écrire deux jetons séparés
   d'une seule barre oblique dans un commentaire CSS.
   ========================================================================== */
.rc-root{
  --rc-ink: var(--chrome-panel, #16233F);
  --rc-orange: var(--accent, #E6702E);
  --rc-orange-soft: var(--accent-tint, rgba(230,112,46,.14));
  --rc-text: var(--ink, #0F1525);
  --rc-text-2: var(--ink-muted, #434A61);
  --rc-muted: var(--ink-faint, #8B93A3);
  --rc-line: var(--border, #E7EAF1);
  --rc-line-2: var(--border-soft, #EDEFF4);
  --rc-bg: var(--surface-2, #F3F4F8);
  --rc-card: var(--surface, #FFFFFF);
  --rc-soft: var(--surface-2, #FBFBFD);
  --rc-soft-2: var(--surface-hover, #F4F6FA);
  --rc-dock-bg: var(--surface, #FFFFFF);
  --rc-good-bg: var(--green-tint, #EAF5EE); --rc-good-text: var(--green, #2F7A4C);
  --rc-info-bg: var(--primary-tint, #ECEFF5); --rc-info-text: var(--primary, #20376B);
  --rc-warn-bg: var(--amber-tint, #FBF1E6); --rc-warn-text: var(--amber, #9A5B14);
  --rc-bad-bg:  var(--red-tint, #FBEBE8); --rc-bad-text:  var(--red, #C4442A);
  --rc-sans: var(--font-body, 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif);
  --rc-serif: var(--font-display, 'Lora', Georgia, 'Iowan Old Style', 'Palatino Linotype', serif);

  font-family: var(--rc-sans);
  color: var(--rc-text);
  background: var(--rc-bg);
}
.rc-root *{box-sizing:border-box}
.rc-hidden{display:none !important}
.rc-root button{font-family:inherit}
.rc-root input,.rc-root select,.rc-root textarea{font-family:inherit}
.rc-hdr{box-shadow:0 20px 40px -26px rgba(0,0,0,.55)}
@media (prefers-reduced-motion: reduce){ .rc-lines tr.flash td{animation:none} }

/* ---------- boutons ---------- */
.rc-btn{font-size:13px;font-weight:600;border-radius:10px;padding:9px 15px;cursor:pointer;border:1px solid transparent;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;line-height:1}
.rc-btn svg{width:14px;height:14px;flex:none}
.rc-btn-primary{background:var(--rc-orange);color:#fff}
.rc-btn-primary:hover{filter:brightness(1.06)}
.rc-btn-primary:disabled{background:#D9DDE6;color:#9AA1B0;cursor:not-allowed;filter:none}
.rc-btn-light{background:var(--rc-card);color:var(--rc-text-2);border-color:var(--rc-line)}
.rc-btn-light:hover{border-color:#D4D9E4;color:var(--rc-text)}
.rc-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}
.rc-btn-ghost:hover{background:rgba(255,255,255,.14)}
.rc-btn-icon{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14);padding:10px}
.rc-btn-sm{font-size:12px;padding:6px 11px;border-radius:8px}

/* ---------- pastilles ---------- */
.rc-pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;padding:4px 10px;
  border-radius:999px;letter-spacing:.03em;white-space:nowrap}
.rc-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.rc-pill.envoye{background:var(--rc-info-bg);color:var(--rc-info-text)}
.rc-pill.partiel{background:var(--rc-warn-bg);color:var(--rc-warn-text)}
.rc-pill.retard{background:var(--rc-bad-bg);color:var(--rc-bad-text)}
.rc-pill.complete{background:var(--rc-good-bg);color:var(--rc-good-text)}

/* ==========================================================================
   VUE « À RECEVOIR »
   ========================================================================== */
.rc-list-wrap{padding:24px 30px 60px}
.rc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rc-stat{background:var(--rc-card);border:1px solid var(--rc-line);border-radius:14px;padding:16px 18px}
.rc-stat-l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rc-muted)}
.rc-stat-v{font-family:var(--rc-serif);font-size:24px;font-weight:700;color:var(--rc-text);margin-top:6px;
  font-variant-numeric:tabular-nums}
.rc-stat-v.amber{color:#BE7A2D}
.rc-stat-v.red{color:var(--rc-bad-text)}
.rc-stat-v.green{color:var(--rc-good-text)}
.rc-stat-foot{margin-top:8px;font-size:12px;color:var(--rc-muted)}
.rc-stat-foot .down{color:var(--rc-bad-text);font-weight:600}
.rc-stat-foot .up{color:var(--rc-good-text);font-weight:600}

.rc-toolbar{margin-top:18px;background:var(--rc-card);border:1px solid var(--rc-line);border-radius:14px;
  padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.rc-tb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-search{position:relative;flex:1;min-width:230px}
.rc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--rc-muted)}
.rc-search input{width:100%;font-size:13.5px;color:var(--rc-text);border:1px solid var(--rc-line);border-radius:10px;
  padding:10px 12px 10px 36px;background:var(--rc-soft)}
.rc-search input::placeholder{color:var(--rc-muted)}
.rc-search input:focus{outline:none;border-color:var(--rc-orange);background:var(--rc-card)}
.rc-select{font-size:13px;font-weight:500;color:var(--rc-text-2);border:1px solid var(--rc-line);border-radius:10px;
  padding:9px 11px;background:var(--rc-soft);cursor:pointer}
.rc-select:focus{outline:none;border-color:var(--rc-orange)}
.rc-segs{display:flex;gap:6px;flex-wrap:wrap}
.rc-seg{font-size:12.5px;font-weight:600;color:var(--rc-text-2);background:var(--rc-soft-2);border:1px solid transparent;
  border-radius:999px;padding:6px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;line-height:1.3}
.rc-seg:hover{background:var(--rc-soft-2)}
.rc-seg .n{font-size:11px;font-weight:800;color:var(--rc-muted)}
.rc-seg.active{background:var(--rc-ink);color:#fff}
.rc-seg.active .n{color:#AEB9D4}

.rc-tablecard{margin-top:16px;background:var(--rc-card);border:1px solid var(--rc-line);border-radius:14px;overflow:hidden}
.rc-tw{overflow-x:auto}
.rc-table{width:100%;border-collapse:collapse}
.rc-table thead th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rc-muted);padding:12px 18px;border-bottom:1px solid var(--rc-line);background:var(--rc-soft);white-space:nowrap}
.rc-table thead th.r{text-align:right}
.rc-table tbody td{padding:13px 18px;font-size:13.5px;color:var(--rc-text-2);border-bottom:1px solid var(--rc-line-2)}
.rc-table tbody tr:last-child td{border-bottom:none}
.rc-table tbody tr{cursor:pointer;transition:background .1s}
.rc-table tbody tr:hover{background:var(--rc-soft)}
.rc-bc{font-weight:700;color:var(--rc-text);font-variant-numeric:tabular-nums}
.rc-sub{font-size:11.5px;color:var(--rc-muted);font-weight:500;margin-top:2px}
.rc-sup{display:flex;align-items:center;gap:10px}
.rc-sup-av{width:30px;height:30px;border-radius:9px;background:var(--rc-info-bg);color:var(--rc-info-text);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex:none}
.rc-sup-n{font-weight:600;color:var(--rc-text)}
.rc-eta{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;white-space:nowrap}
.rc-eta i{width:7px;height:7px;border-radius:50%;flex:none;display:block}
.rc-eta.soon{color:var(--rc-text-2)} .rc-eta.soon i{background:#9AA3B5}
.rc-eta.warn{color:var(--rc-warn-text)} .rc-eta.warn i{background:var(--rc-warn-text)}
.rc-eta.late{color:var(--rc-bad-text)} .rc-eta.late i{background:var(--rc-bad-text)}
.rc-eta small{font-weight:500;color:var(--rc-muted)}
.rc-prog{display:flex;align-items:center;gap:9px;min-width:130px}
.rc-prog .b{flex:1;height:6px;border-radius:4px;background:var(--rc-line-2);overflow:hidden}
.rc-prog .b i{display:block;height:100%;border-radius:4px;background:var(--rc-warn-text)}
.rc-prog .t{font-size:12px;font-weight:600;color:var(--rc-text-2);font-variant-numeric:tabular-nums}
.rc-empty{padding:46px 20px;text-align:center;color:var(--rc-muted);font-size:13.5px}
.rc-empty b{display:block;color:var(--rc-text-2);font-size:14px;margin-bottom:5px}
.rc-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--rc-soft);
  border-top:1px solid var(--rc-line);font-size:12.5px;color:var(--rc-muted)}
.rc-foot b{color:var(--rc-text-2);font-weight:700}

/* ==========================================================================
   VUE RÉCEPTION (saisie)
   ========================================================================== */
.rc-recv{padding:24px 30px 120px}
.rc-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--rc-muted);margin-bottom:14px;
  cursor:pointer;width:fit-content;background:none;border:0;padding:0}
.rc-crumb:hover{color:var(--rc-text-2)}
.rc-crumb svg{width:14px;height:14px}
.rc-crumb b{color:var(--rc-text-2);font-weight:600}

.rc-hdr{background:var(--rc-ink);border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:20px;
  box-shadow:0 20px 40px -24px rgba(22,35,63,.5)}
.rc-avatar{width:58px;height:58px;border-radius:14px;background:var(--rc-orange-soft);
  border:1px solid rgba(230,112,46,.35);display:flex;align-items:center;justify-content:center;
  color:var(--rc-orange);font-weight:800;font-size:17px;flex:none}
.rc-hdr-mid{flex:1;min-width:0}
.rc-hdr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-hdr-name{font-size:21px;font-weight:700;color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rc-hpill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.rc-hpill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.rc-hpill.envoye{background:rgba(141,174,255,.18);color:#AFC4F3}
.rc-hpill.partiel{background:rgba(230,160,60,.18);color:#F0C184}
.rc-hpill.retard{background:rgba(226,96,80,.2);color:#F4A79B}
.rc-hpill-plain{background:rgba(255,255,255,.1);color:#C9D2E8;font-variant-numeric:tabular-nums}
.rc-hpill-plain::before{display:none}
.rc-hdr-sub{margin-top:6px;font-size:13px;color:#9AA6C4;display:flex;gap:16px;flex-wrap:wrap}
.rc-hdr-sub span{display:flex;align-items:center;gap:6px}
.rc-hdr-sub svg{width:13px;height:13px;opacity:.75}
.rc-hdr-actions{display:flex;gap:10px;flex:none}

.rc-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:18px;align-items:start}
/* BUG RÉEL TROUVÉ ET CONFIRMÉ le 2026-10-03 ("c'est quoi ce menu de réception là??"): sans
   min-width:0, un item de grille CSS refuse par défaut de rétrécir sous la taille "min-content"
   de son contenu (ici le tableau des lignes, large avec ses 7 colonnes) — la piste "1fr" ne
   suffit donc pas à elle seule à le faire rétrécir. Résultat: toute la grille (donc toute la
   page, #main n'ayant pas d'overflow-x:hidden) débordait plutôt que de laisser le tableau
   défiler horizontalement DANS .rc-tw comme prévu — masquant le panneau "Informations de
   réception" à droite et une partie de l'en-tête selon le défilement. */
.rc-grid > div{min-width:0}
.rc-card{background:var(--rc-card);border:1px solid var(--rc-line);border-radius:14px;overflow:hidden}
.rc-card + .rc-card{margin-top:18px}
.rc-card-h{padding:15px 20px;border-bottom:1px solid var(--rc-line-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-card-h h3{margin:0;font-size:14px;font-weight:700;color:var(--rc-text)}
.rc-card-h .rc-hint{margin-left:auto;font-size:12px;color:var(--rc-muted)}
.rc-card-b{padding:18px 20px}

/* barre de saisie rapide */
.rc-scan{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--rc-soft);
  border-bottom:1px solid var(--rc-line-2);flex-wrap:wrap}
.rc-scan-f{position:relative;flex:1;min-width:230px}
.rc-scan-f svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--rc-muted)}
.rc-scan-f input{width:100%;font-size:13.5px;color:var(--rc-text);border:1px solid var(--rc-line);border-radius:10px;
  padding:10px 12px 10px 36px;background:var(--rc-card)}
.rc-scan-f input:focus{outline:none;border-color:var(--rc-orange);box-shadow:0 0 0 3px var(--rc-orange-soft)}
.rc-kbd{font-size:10.5px;border:1px solid var(--rc-line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;
  color:var(--rc-muted);background:var(--rc-card);font-variant-numeric:tabular-nums}

/* tableau de saisie */
.rc-lines{width:100%;border-collapse:collapse}
.rc-lines thead th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rc-muted);padding:11px 20px;border-bottom:1px solid var(--rc-line-2);background:var(--rc-soft);white-space:nowrap}
.rc-lines thead th.r{text-align:right}
.rc-lines thead th.c{text-align:center}
.rc-lines tbody td{padding:12px 20px;font-size:13px;color:var(--rc-text-2);border-bottom:1px solid var(--rc-line-2);
  vertical-align:middle}
.rc-lines tbody tr:last-child td{border-bottom:none}
.rc-lines td.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rc-lines td.c{text-align:center}
.rc-lines tr.done{background:var(--rc-soft)}
.rc-lines tr.flash td{animation:rcflash .9s ease-out}
@keyframes rcflash{from{background:var(--rc-orange-soft)}to{background:transparent}}
.rc-sku{font-size:11.5px;font-weight:700;color:var(--rc-info-text);letter-spacing:.02em}
/* max-width + white-space:normal explicite: la règle globale "tbody td{white-space:nowrap}"
   (style.css) s'applique aussi à ce tableau (même structure table>tbody>td) et forçait la
   description sur une seule ligne qui débordait plutôt que d'être contenue — même bug/correctif
   que .desc-wrap dans le module Achat (achat-ui.js/style.css). Demandé explicitement le
   2026-10-03 ("la description est trop longue... pas de slide sur de droite a gauche"). */
.rc-desc-wrap{max-width:260px}
.rc-desc{font-weight:600;color:var(--rc-text);margin-top:2px;white-space:normal}
.rc-desc-info{display:inline-block;margin-left:5px;color:var(--rc-muted);cursor:help;font-size:12px}
.rc-desc-info:hover{color:var(--rc-info-text)}
.rc-rest{font-weight:700;color:var(--rc-text)}
.rc-rest.zero{color:var(--rc-muted);font-weight:500}

/* saisie quantité */
.rc-qty{display:inline-flex;align-items:center;border:1px solid var(--rc-line);border-radius:10px;overflow:hidden;
  background:var(--rc-card)}
.rc-qty button{width:30px;height:34px;border:0;background:var(--rc-soft);color:var(--rc-text-2);cursor:pointer;font-size:15px;
  font-weight:600;line-height:1}
.rc-qty button:hover{background:var(--rc-soft-2);color:var(--rc-text)}
.rc-qty input{width:62px;height:34px;border:0;text-align:center;font-size:14px;font-weight:700;color:var(--rc-text);
  font-variant-numeric:tabular-nums;background:var(--rc-card);-moz-appearance:textfield}
.rc-qty input::-webkit-outer-spin-button,.rc-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rc-qty input:focus{outline:none}
.rc-qty.full{border-color:rgba(47,122,76,.45);box-shadow:0 0 0 3px rgba(47,122,76,.10)}
.rc-qty.over{border-color:rgba(196,68,42,.5);box-shadow:0 0 0 3px rgba(196,68,42,.10)}
.rc-all{font-size:11px;font-weight:700;color:var(--rc-orange);background:var(--rc-orange-soft);border:0;
  border-radius:7px;padding:5px 9px;cursor:pointer;margin-left:8px}
.rc-all:hover{filter:brightness(.97)}
.rc-flag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 8px;
  border-radius:7px;white-space:nowrap}
.rc-flag.ok{background:var(--rc-good-bg);color:var(--rc-good-text)}
.rc-flag.part{background:var(--rc-warn-bg);color:var(--rc-warn-text)}
.rc-flag.over{background:var(--rc-bad-bg);color:var(--rc-bad-text)}
.rc-flag.none{background:var(--rc-line-2);color:var(--rc-muted)}
.rc-loc{font-size:12.5px;color:var(--rc-text-2);border:1px solid var(--rc-line);border-radius:9px;padding:7px 9px;
  background:var(--rc-card);max-width:150px}
.rc-loc:focus{outline:none;border-color:var(--rc-orange)}
.rc-note-btn{border:0;background:transparent;color:var(--rc-muted);cursor:pointer;padding:5px;border-radius:7px;line-height:0}
.rc-note-btn:hover{background:var(--rc-soft-2);color:var(--rc-text-2)}
.rc-note-btn.on{color:var(--rc-orange);background:var(--rc-orange-soft)}
.rc-note-btn svg{width:15px;height:15px}
.rc-noterow td{background:var(--rc-soft);padding-top:0}
.rc-noterow textarea{width:100%;min-height:54px;font-size:12.5px;color:var(--rc-text-2);border:1px solid var(--rc-line);
  border-radius:10px;padding:9px 11px;resize:vertical;background:var(--rc-card)}
.rc-noterow textarea:focus{outline:none;border-color:var(--rc-orange)}

/* avis */
.rc-alert{display:flex;gap:11px;align-items:flex-start;border-radius:12px;padding:12px 14px;font-size:12.5px;
  line-height:1.5;margin:0 20px 18px}
.rc-alert svg{width:16px;height:16px;flex:none;margin-top:1px}
.rc-alert b{font-weight:700}
.rc-alert.warn{background:var(--rc-warn-bg);color:var(--rc-warn-text)}
.rc-alert.bad{background:var(--rc-bad-bg);color:var(--rc-bad-text)}
.rc-alert.good{background:var(--rc-good-bg);color:var(--rc-good-text)}

/* colonne de droite */
.rc-side-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;
  border-bottom:1px solid var(--rc-line-2);font-size:13px}
.rc-side-row:last-child{border-bottom:none;padding-bottom:0}
.rc-side-row .rc-l{color:var(--rc-muted)}
.rc-side-row .rc-v{font-weight:600;color:var(--rc-text);text-align:right;font-variant-numeric:tabular-nums}
.rc-side-row.total{padding-top:13px;border-top:1px solid var(--rc-line);border-bottom:none;margin-top:3px}
.rc-side-row.total .rc-l{color:var(--rc-text);font-weight:700}
.rc-side-row.total .rc-v{font-family:var(--rc-serif);font-size:17px}
.rc-f{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.rc-f:last-child{margin-bottom:0}
.rc-f label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rc-muted)}
.rc-f input,.rc-f select,.rc-f textarea{font-size:13px;color:var(--rc-text);border:1px solid var(--rc-line);
  border-radius:10px;padding:9px 11px;background:var(--rc-card);width:100%}
.rc-f input:focus,.rc-f select:focus,.rc-f textarea:focus{outline:none;border-color:var(--rc-orange)}
.rc-f textarea{min-height:76px;resize:vertical}
.rc-f input[readonly]{background:var(--rc-soft);color:var(--rc-muted);cursor:not-allowed}

/* barre de confirmation collante */
.rc-dock{position:sticky;bottom:0;margin:18px -30px -120px;padding:14px 30px;background:var(--rc-dock-bg);
  backdrop-filter:blur(8px);border-top:1px solid var(--rc-line);display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  box-shadow:0 -10px 30px -22px rgba(15,21,37,.4);z-index:5}
.rc-dock-sum{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.rc-dock-i .l{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rc-muted)}
.rc-dock-i .v{font-family:var(--rc-serif);font-size:18px;font-weight:700;color:var(--rc-text);
  font-variant-numeric:tabular-nums;margin-top:2px}
.rc-dock-i .v.amber{color:#BE7A2D}
.rc-dock-i .v.green{color:var(--rc-good-text)}
.rc-dock-actions{margin-left:auto;display:flex;gap:10px;align-items:center}

/* écran de confirmation */
.rc-done{max-width:620px;margin:40px auto;text-align:center;padding:0 20px}
.rc-done-ic{width:62px;height:62px;border-radius:18px;background:var(--rc-good-bg);color:var(--rc-good-text);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.rc-done-ic svg{width:30px;height:30px}
.rc-done h2{margin:0 0 8px;font-size:21px;font-weight:700;color:var(--rc-text)}
.rc-done p{margin:0 0 22px;font-size:14px;color:var(--rc-text-2);line-height:1.6}
.rc-done .rc-card{text-align:left}
.rc-done-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}

@media (max-width:1180px){ .rc-stats{grid-template-columns:1fr 1fr} }
@media (max-width:980px){ .rc-table{min-width:800px} .rc-lines{min-width:880px} }
@media (max-width:980px){
  .rc-grid{grid-template-columns:1fr}
  .rc-list-wrap,.rc-recv{padding:18px 16px 120px}
  .rc-dock{margin:18px -16px -120px;padding:12px 16px}
  .rc-hdr{flex-wrap:wrap}
  .rc-hdr-actions{width:100%}
}