/* Рабочее место «Маркетплейсы» (planning прихода машин). Только токены shell.css:
 * --brand --ink --muted --stroke --panel --card --ok --warn --ai --r --r-sm --shadow. Префикс mp-. */
#panelMarketplacePlanning{--mp-warn:#b7791f;--mp-warn-bg:rgba(217,154,26,.12);--mp-bad-bg:var(--warn-dim);--mp-gap:14px}
#panelMarketplacePlanning[hidden]{display:none}
.mp-app{max-width:none;width:100%;margin:0;padding:0 4px 40px}
.mp-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.mp-muted{color:var(--muted)}
.mp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.mp-head h1{font-size:26px;line-height:32px;font-weight:800;letter-spacing:-.02em;margin:2px 0}
.mp-head p{color:var(--muted);font-size:13px}
.mp-head-act{display:flex;gap:8px;flex-wrap:wrap}

/* Кнопки и поля */
.mp-btn{min-height:40px;padding:0 14px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}
.mp-btn:hover{background:var(--panel);border-color:#cbd5e1}
.mp-btn.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.mp-btn.is-primary:hover{background:var(--brand-strong)}
.mp-btn.is-danger{color:#b91c1c;border-color:rgba(185,28,28,.35)}
.mp-btn:disabled{opacity:.55;cursor:default}
.mp-btn:focus-visible,.mp-input:focus-visible,.mp-tabs button:focus-visible,.mp-card:focus-visible,.mp-row:focus-visible,.mp-cal-day:focus-visible{outline:2px solid var(--ai);outline-offset:2px}
.mp-link{background:none;border:0;color:var(--ai);font:inherit;font-weight:600;cursor:pointer;padding:6px 2px;min-height:32px}
.mp-iconbtn{width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--stroke);background:var(--card);font-size:20px;line-height:1;cursor:pointer;color:var(--ink)}
.mp-input{min-height:40px;width:100%;padding:0 10px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--field);color:var(--ink);font:inherit;font-size:14px}
textarea.mp-input{padding:8px 10px;resize:vertical;min-height:72px}

/* Вкладки: на телефоне прокручиваются по горизонтали, архитектура допускает новые вкладки */
.mp-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px;margin-bottom:14px;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--r);scrollbar-width:none}
.mp-tabs::-webkit-scrollbar{display:none}
.mp-tabs button{flex:0 0 auto;min-height:40px;padding:0 16px;border:0;border-radius:var(--r-sm);background:transparent;color:#334155;font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.mp-tabs button.is-on{background:var(--card);color:var(--brand);box-shadow:var(--shadow);font-weight:700}
.mp-tabs button[data-mp-tab="contracts"]{background:var(--brand);color:#fff;font-weight:700;animation:mp-tab-pulse 2s ease-in-out infinite}
.mp-tabs button[data-mp-tab="contracts"]:hover{background:var(--brand-strong)}
.mp-tabs button[data-mp-tab="contracts"].is-on{background:var(--brand);color:#fff;box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--brand)}
@keyframes mp-tab-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--brand) 0%,transparent)}}
@media(prefers-reduced-motion:reduce){.mp-tabs button[data-mp-tab="contracts"]{animation:none}}
.mp-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand-dim);color:var(--brand-strong);font-size:12px;font-weight:700}

/* Панели и KPI */
.mp-panel{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);padding:16px;margin-bottom:var(--mp-gap)}
.mp-panel h3{font-size:16px;font-weight:700;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.mp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mp-gap);margin-bottom:var(--mp-gap)}
.mp-kpi{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);padding:14px 16px;display:grid;gap:2px}
.mp-kpi span{font-size:12px;color:var(--muted);font-weight:600}
.mp-kpi b{font-size:30px;line-height:36px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mp-kpi b small{font-size:13px;font-weight:600;color:var(--muted)}
.mp-kpi em{font-style:normal;font-size:14px;font-weight:700}
.mp-kpi i{font-style:normal;font-size:12px;color:var(--muted)}
.mp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--mp-gap)}
.mp-line{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:8px 0;border-bottom:1px solid var(--stroke);font-size:14px}
.mp-line:last-child{border-bottom:0}
.mp-empty{display:grid;gap:4px;padding:22px 14px;text-align:center;color:var(--muted);font-size:13px}
.mp-empty b{color:var(--ink);font-size:14px}
.mp-skeleton{display:grid;gap:10px}.mp-skeleton i{height:72px;border-radius:var(--r);background:linear-gradient(90deg,var(--panel),#eef2f7,var(--panel));background-size:200% 100%;animation:mpSh 1.2s infinite linear}
@keyframes mpSh{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.mp-skeleton i{animation:none}}
.mp-alert{padding:10px 12px;border-radius:var(--r-sm);background:var(--mp-warn-bg);border:1px solid rgba(217,154,26,.35);font-size:13px;margin-bottom:12px}

/* Бейджи */
.mp-conf,.mp-status,.mp-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.mp-conf::before{content:"";width:8px;height:8px;border-radius:50%;background:#d99a1a}
.mp-conf.is-ok::before{background:var(--ok)}
.mp-status{padding:2px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--stroke);color:#334155}
.mp-status.st-confirmed,.mp-status.st-arrived{background:var(--ok-dim);border-color:rgba(22,163,74,.3);color:#166534}
.mp-status.st-postponed{background:var(--mp-warn-bg);border-color:rgba(217,154,26,.4);color:var(--mp-warn)}
.mp-status.st-cancelled{background:var(--panel);color:var(--muted);text-decoration:line-through}
.mp-status.st-in_transit,.mp-status.st-expected_today{background:var(--ai-dim);border-color:rgba(37,99,235,.3);color:#1d4ed8}
.mp-trk{font-weight:700}
.mp-trk+small,.c-date small,.mp-card-date small{display:block;color:var(--muted);font-size:11px;font-weight:500}

/* Карточка-строка поставки */
.mp-cards{display:grid;gap:8px}
.mp-card{display:grid;grid-template-columns:110px minmax(140px,1fr) 150px auto auto;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 14px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--card);font:inherit;color:var(--ink);cursor:pointer}
.mp-card:hover{border-color:#cbd5e1;background:var(--panel)}
.mp-card-date{font-weight:800;font-size:15px}
.mp-card-main em{font-style:normal;color:var(--muted);font-size:12px}
.mp-card-vol{font-weight:700;font-variant-numeric:tabular-nums}

/* Контроль */
.mp-ctl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--mp-gap)}
.mp-ctl-card{border:1px solid var(--stroke);border-left:4px solid #d99a1a;border-radius:var(--r);background:var(--card);padding:14px 16px;display:grid;gap:6px}
.mp-ctl-card.sev-high{border-left-color:var(--warn)}.mp-ctl-card.sev-info{border-left-color:var(--ai)}
.mp-ctl-card header{display:grid;gap:2px}.mp-ctl-card header span{font-size:12px;color:var(--muted)}
.mp-ctl-card p{font-size:13px}
.mp-ctl-card footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.mp-ctl-line{display:grid;gap:1px;width:100%;text-align:left;border:0;border-left:3px solid #d99a1a;background:var(--panel);border-radius:6px;padding:8px 10px;margin-bottom:6px;font:inherit;cursor:pointer;color:var(--ink)}
.mp-ctl-line.sev-high{border-left-color:var(--warn)}.mp-ctl-line.sev-info{border-left-color:var(--ai)}
.mp-ctl-line span{font-size:12px;color:var(--muted)}

/* Фильтры и таблица поставок */
.mp-filters{display:grid;grid-template-columns:auto minmax(220px,1.6fr) repeat(4,minmax(130px,1fr)) minmax(130px,1fr);gap:8px;align-items:center;margin-bottom:12px}
.mp-seg{display:inline-flex;border:1px solid var(--stroke);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}
.mp-seg button{min-height:40px;padding:0 12px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border-right:1px solid var(--stroke)}
.mp-seg button:last-child{border-right:0}.mp-seg button.is-on{background:var(--brand-dim);color:var(--brand-strong)}
.mp-table{border:1px solid var(--stroke);border-radius:var(--r);overflow:hidden;background:var(--card)}
.mp-row{display:grid;grid-template-columns:96px 110px 120px 80px 90px 80px 70px 130px 130px 110px minmax(100px,1fr);gap:8px;align-items:center;width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--stroke);background:none;font:inherit;font-size:13px;color:var(--ink);text-align:left;cursor:pointer}
button.mp-row:hover{background:var(--panel)}
.mp-row:last-child{border-bottom:0}
.mp-row.mp-head{cursor:default;background:var(--panel);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.mp-row .r{text-align:right;font-variant-numeric:tabular-nums}
.mp-row .c-vol{font-weight:700}
.mp-foot{font-size:12px;color:var(--muted);margin-top:8px}

/* Календарь */
.mp-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;align-items:center}
.mp-cal{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);padding:12px;margin-bottom:var(--mp-gap)}
.mp-cal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mp-cal-head b{flex:1;text-align:center;font-size:16px}
.mp-cal-dow,.mp-cal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mp-cal-dow span{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:4px 0}
.mp-cal-week{margin-bottom:4px}
.mp-cal-day{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:104px;padding:6px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--card);font:inherit;text-align:left;cursor:pointer;overflow:hidden;color:var(--ink)}
.mp-cal-day.is-out{background:var(--panel);color:var(--muted)}
.mp-cal-day.is-today .num{background:var(--brand);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.mp-cal-day.is-sel{border-color:var(--ai);box-shadow:inset 0 0 0 1px var(--ai)}
.mp-cal-day .num{font-size:12px;font-weight:700}.mp-cal-day .tot{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.mp-cal-day .chips{display:grid;gap:2px;width:100%}.mp-cal-day .dots{display:none;gap:3px}
.mp-chip{padding:1px 6px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid var(--stroke);background:var(--panel);overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mp-chip.is-ok{background:var(--ok-dim);border-color:rgba(22,163,74,.35)}
.mp-chip.is-pre{background:var(--mp-warn-bg);border-color:rgba(217,154,26,.4)}
.mp-chip.is-range{background:transparent;border:1px dashed #94a3b8;color:#475569}
.mp-chip.is-moved{box-shadow:inset 3px 0 0 var(--mp-warn)}
.mp-chip.is-arrived{box-shadow:inset 3px 0 0 var(--ok)}
.mp-more{font-size:11px;color:var(--muted)}
.mp-dot{width:8px;height:8px;border-radius:50%;background:#d99a1a;display:inline-block}.mp-dot.is-ok{background:var(--ok)}.mp-dot.is-range{background:transparent;border:1.5px dashed #64748b}

/* TRK */
.mp-trk-item{padding:12px 0;border-bottom:1px solid var(--stroke);display:grid;gap:10px}.mp-trk-item:last-child{border-bottom:0}
.mp-cand{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;padding:12px;border:1px solid rgba(37,99,235,.25);background:var(--ai-dim);border-radius:var(--r-sm)}
.mp-cand b{display:block;font-size:14px}.mp-cand span{font-size:13px;display:block}.mp-cand small{color:var(--muted);font-size:12px}
.mp-pct{text-align:center}.mp-pct b{font-size:22px;font-weight:800}.mp-pct span{font-size:11px;color:var(--muted)}.mp-pct.is-high b{color:#166534}
.mp-cand-act{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.mp-inline{display:flex;gap:8px;flex-wrap:wrap}.mp-inline .mp-input{max-width:240px}
.mp-planfact{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13px;padding:8px 12px;background:var(--panel);border-radius:var(--r-sm);margin:6px 0}
.mp-planfact .ok{color:#166534;font-weight:700}.mp-planfact .is-warn{color:var(--mp-warn);font-weight:700}

/* Карточка поставки и формы: справа на десктопе, во весь экран на телефоне */
.mp-overlay{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.45);display:flex;justify-content:flex-end}
.mp-overlay.is-modal{z-index:310;justify-content:center;align-items:center;padding:16px}
.mp-sheet{background:var(--card);width:min(560px,100%);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.mp-overlay.is-modal .mp-sheet{height:auto;max-height:100%;border-radius:var(--r);width:min(720px,100%)}
.mp-sheet.is-small{width:min(460px,100%)}
.mp-sheet-head{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--stroke)}
.mp-sheet-head h2{font-size:20px;line-height:26px;font-weight:800;margin:2px 0 6px}
.mp-sheet-body{padding:16px 18px;overflow-y:auto;flex:1;display:grid;gap:14px;align-content:start}
.mp-sheet-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--stroke)}
.mp-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mp-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px}
.mp-facts dt{font-size:11px;color:var(--muted);font-weight:600}.mp-facts dd{font-size:14px;font-weight:700;margin:0;word-break:break-word}
.mp-comment{padding:10px 12px;background:var(--panel);border-radius:var(--r-sm);font-size:13px;white-space:pre-wrap}
.mp-actions{display:flex;gap:8px;flex-wrap:wrap}
.mp-sub h3{font-size:15px;margin:0 0 8px}.mp-sub{display:grid;gap:10px}
.mp-hist{list-style:none;margin:0;padding:0;display:grid;gap:10px;border-left:2px solid var(--stroke);padding-left:14px}
.mp-hist li{display:grid;gap:1px;font-size:13px}.mp-hist li span{font-size:12px;color:var(--muted)}.mp-hist small{font-size:12px}.mp-hist small.was{color:var(--muted)}
.mp-tech summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}
.mp-fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mp-field{display:grid;gap:4px;font-size:13px}.mp-field>span{font-weight:600}.mp-field small{color:var(--muted);font-size:11px}
.mp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:400;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-sm);font-size:13px;box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);transition:opacity .3s}
.mp-toast.is-err{background:#b91c1c}.mp-toast.is-out{opacity:0}

/* Планшет и телефон */
@media(max-width:1100px){
  .mp-filters{grid-template-columns:1fr 1fr 1fr}.mp-filters .mp-seg{grid-column:1/-1;overflow-x:auto}.mp-search{grid-column:1/-1}
  .mp-row{grid-template-columns:90px 100px 110px 70px 80px 70px 60px 120px 120px 100px minmax(80px,1fr);font-size:12px}
}
@media(max-width:820px){
  .mp-kpis{grid-template-columns:1fr}.mp-grid2{grid-template-columns:1fr}
  /* Таблица поставок становится карточками */
  .mp-table{border:0;background:none;display:grid;gap:8px}
  .mp-row.mp-head{display:none}
  .mp-row{grid-template-columns:1fr 1fr;gap:6px 12px;border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--card);padding:12px}
  .mp-row>span::before{content:attr(data-l);display:block;font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
  .mp-row>span.c-date,.mp-row>span.c-mp{font-size:15px}
  .mp-row .r{text-align:left}
  .mp-row .c-sec{display:none}   /* ПИН, КМ и короба на телефоне — в карточке поставки */
  .mp-filters{grid-template-columns:1fr 1fr}
  .mp-card{grid-template-columns:1fr auto;gap:6px 10px}.mp-card-main{grid-column:1/-1;order:3}.mp-card-vol{text-align:right}
  .mp-facts{grid-template-columns:1fr 1fr}.mp-fgrid{grid-template-columns:1fr}
  .mp-head h1{font-size:22px;line-height:28px}
  .mp-overlay,.mp-overlay.is-modal{padding:0;align-items:stretch}
  .mp-sheet,.mp-overlay.is-modal .mp-sheet,.mp-sheet.is-small{width:100%;height:100%;max-height:none;border-radius:0}
  .mp-btn,.mp-input,.mp-tabs button,.mp-iconbtn{min-height:44px}
  .mp-head-act{width:100%}.mp-head-act .mp-btn{flex:1}
  /* Календарь на телефоне: в ячейке только сумма и точки, детали — списком ниже (тап по дню) */
  .mp-cal{padding:8px}
  .mp-cal-day{min-height:58px;padding:4px;align-items:center;gap:2px}
  .mp-cal-day .chips{display:none}.mp-cal-day .dots{display:flex}
  .mp-cal-day .tot{font-size:10px}
  .mp-cand{grid-template-columns:1fr}.mp-pct{text-align:left;display:flex;gap:6px;align-items:baseline}
  .mp-inline .mp-input{max-width:none;flex:1 1 100%}
}

/* Кастомный календарь (mp-datepicker.js) */
.mpdp-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:var(--ink);white-space:nowrap}
.mpdp-btn.is-empty .mpdp-text{color:var(--muted)}
.mpdp-btn svg{flex:0 0 auto;color:var(--muted)}
.mpdp-btn:hover{border-color:#cbd5e1}
.mpdp-btn[aria-expanded="true"]{border-color:var(--brand)}
.mpdp-pop{position:fixed;z-index:10000;width:280px;padding:12px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);box-shadow:0 12px 36px rgba(23,32,51,.18)}
.mpdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px}
.mpdp-nav{width:32px;height:32px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.mpdp-nav:hover{background:var(--panel)}
.mpdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.mpdp-dow{padding:4px 0;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.mpdp-dow.is-we{color:var(--brand)}
.mpdp-day{height:34px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.mpdp-day:hover{background:var(--panel)}
.mpdp-day.is-we{color:#b45309}
.mpdp-day.is-today{box-shadow:inset 0 0 0 1px var(--brand)}
.mpdp-day.is-sel{background:var(--brand);color:#fff;font-weight:700}
.mpdp-foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--stroke)}