/* v24 — вёрстка телефона (html[data-layout="m"]): своя, не ужатый компьютер.
   Одна лента, сгруппированная по статусам; чипы-фильтры; свайп карточки вправо — дальше;
   лист заказа — снизу (3D сверху листа), смахивается вниз за ручку; липкая кнопка пилота. */

[data-layout="m"] body { padding-bottom: 76px; }
[data-layout="m"] .top { padding: 10px 16px; position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
[data-layout="m"] .top-btn { height: 38px; min-width: 38px; }
[data-layout="m"] .hero { padding: 12px 16px 4px; }
[data-layout="m"] .h1 { font-size: clamp(2.1rem, 10.5vw, 2.9rem); }
[data-layout="m"] .eyebrow { font-size: .72rem; }
[data-layout="m"] .lead { font-size: .95rem; }
[data-layout="m"] .hero-row { flex-direction: column; align-items: stretch; }
[data-layout="m"] .hero-row .btn { width: 100%; }
[data-layout="m"] .clock { flex-wrap: wrap; row-gap: 2px; }
[data-layout="m"] .board { padding: 16px 16px 0; }
[data-layout="m"] .filters { display: flex; gap: 8px; overflow-x: auto; margin: 14px -16px 0; padding: 2px 16px 6px; scrollbar-width: none; scroll-snap-type: x proximity; }
[data-layout="m"] .filters::-webkit-scrollbar { display: none; }
[data-layout="m"] .chip { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 12px; border-radius: 99px; border: 1.5px solid var(--line); background: var(--card); font-weight: 650; font-size: .86rem; cursor: pointer; scroll-snap-align: start; }
[data-layout="m"] .chip.on { background: var(--ink); color: var(--bg); border-color: var(--ink); }
[data-layout="m"] .chip-n { font-variant-numeric: tabular-nums; opacity: .7; }
[data-layout="m"] .cols { display: grid; gap: 18px; }
[data-layout="m"] .col.empty { display: none; }
[data-layout="m"] .col-head { position: sticky; top: 58px; z-index: 4; padding: 6px 0; background: var(--bg); margin-bottom: 6px; }
[data-layout="m"] .card .c-next { display: none; }
[data-layout="m"] .pairs { display: grid; gap: 20px; margin-top: 18px; }
[data-layout="m"] .pack-grid { margin-top: 18px; grid-template-columns: 1fr 1fr; }
[data-layout="m"] .pack-grid li { padding: 14px; }
[data-layout="m"] .sec { padding-top: 44px; }
[data-layout="m"] .btn-send { justify-self: stretch; }
[data-layout="m"] .toast { bottom: 84px; }

[data-layout="m"] .sticky-cta { position: fixed; left: 16px; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 30; display: flex; align-items: center; justify-content: center;
  min-height: 52px; border-radius: 16px; background: var(--accent); color: var(--accent-ink); font-weight: 800; text-decoration: none; box-shadow: 0 10px 28px color-mix(in srgb, var(--accent) 40%, transparent);
  transition: transform .3s, opacity .3s; }
[data-layout="m"] .sticky-cta.away { transform: translateY(140%); opacity: 0; pointer-events: none; }
[data-layout="m"].sheet-open .sticky-cta { opacity: 0; pointer-events: none; }

[data-layout="m"] .sh-panel { left: 0; right: 0; bottom: 0; height: 92vh; height: 92dvh; border-radius: 22px 22px 0 0; transform: translateY(105%); }
[data-layout="m"] .sheet.in .sh-panel { transform: none; }
[data-layout="m"] .sh-grip { position: absolute; top: 0; left: 0; right: 0; height: 30px; z-index: 3; touch-action: none; cursor: grab; }
[data-layout="m"] .sh-grip::after { content: ""; position: absolute; top: 8px; left: 50%; width: 44px; height: 5px; margin-left: -22px; border-radius: 3px; background: rgba(255, 255, 255, .7); }
[data-layout="m"] .sh-stage { height: 42vh; height: 42dvh; }
[data-layout="m"] .sh-actions .btn { flex: 1 1 140px; }
[data-layout="m"].sheet-open, [data-layout="m"].sheet-open body { overflow: hidden; }
[data-layout="m"] .now-item { flex-wrap: wrap; row-gap: 4px; }
[data-layout="m"] .now-text { flex: 1 1 160px; }
[data-layout="m"] .now-item.k-offer .now-btn { flex: 1 1 100%; }