/* Карточка маржи SKU «Продаж» (sales_margin_card.js): окно поверх экрана, токены styles.css. */
.mc-open { margin-left: 4px; padding: 1px 8px; border: 1px solid var(--border-strong); border-radius: 999px;
  background: var(--surface); color: var(--blue-700); font-size: 11px; font-weight: 600; cursor: pointer; }
.mc-back { position: fixed; inset: 0; z-index: 50; display: flex; align-items: flex-start; justify-content: center;
  padding: 40px 16px; overflow-y: auto; background: rgba(6, 26, 47, .45); }
.mc-box { position: relative; width: 100%; max-width: 860px; padding: 20px; border-radius: 10px;
  background: var(--surface); box-shadow: 0 12px 32px rgba(16, 24, 40, .25); }
.mc-close { position: absolute; top: 10px; right: 12px; border: 0; background: none; color: var(--muted);
  font-size: 22px; line-height: 1; cursor: pointer; }
.mc-title { margin: 0 28px 2px 0; font-size: 18px; }
.mc-sub { margin: 0 0 10px; color: var(--muted); }
.mc-days { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.mc-reason { padding: 10px 12px; border-radius: 8px; background: var(--orange-bg); color: var(--orange); }
.mc-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 14px; }
.mc-kpi { padding: 10px 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-2); }
.mc-l { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.mc-v { margin-top: 2px; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mc-x { color: var(--muted); font-variant-numeric: tabular-nums; }
.mc-table table { width: 100%; min-width: 620px; border-collapse: collapse; }
.mc-table th, .mc-table td { padding: 7px 10px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.mc-table th { color: var(--muted); font-size: 11px; font-weight: 600; }
.mc-table .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mc-table tr.neg td.num { color: var(--red); }
.mc-table tr.pos td.num { color: var(--green); }
.mc-table tr.sum td { font-weight: 700; background: var(--surface-2); }
.mc-src { max-width: 320px; color: var(--muted); font-size: 12px; }
.mc-bar { display: block; height: 4px; margin-top: 3px; margin-left: auto; border-radius: 2px; background: var(--red); opacity: .6; }