/* «Мониторинг рынков» (static/market.js). Каркас — классы «Динамики финансов» (fd-*); здесь своё:
   панель KPI 3×2 (сетка с разделителем 1 px, без дыр), сетка графиков 3×2 фиксированной высоты,
   ровная панель фильтров, таблицы. Переписан 22.09.2026 вместе с экраном. */
.mk-modal{--mk-good:#15803d;--mk-bad:#b91c1c;--mk-ours:#e8f8ea;--mk-sel:#e8f1fc}
/* переключатель ₽ / шт */
.mk-seg{display:flex;height:28px;border:1px solid var(--line-strong);border-radius:6px;overflow:hidden}
.mk-seg button{min-width:40px;border:0;background:#fff;font-size:12px;cursor:pointer;color:var(--text)}
.mk-seg button+button{border-left:1px solid var(--line-strong)}
.mk-seg button.active{background:var(--accent);color:#fff;font-weight:600}
/* панель фильтров: все поля 28 px, 12 px, одной ширины */
.mk-modal .fd-bar{align-items:flex-end;gap:8px 12px}
.mk-modal .fd-bar .fd-field{width:150px;min-width:150px}
.mk-modal .fd-bar .fd-field.mk-wide2{width:312px;min-width:312px}
.mk-modal .fd-bar .fd-dates{display:flex;gap:12px}
.mk-modal .fd-bar .fd-dates input{width:150px}
.mk-modal .ctrl-input,.mk-modal .fd-bar .msel-btn,.mk-modal .mk-reset{box-sizing:border-box;height:28px;font-size:12px;
  line-height:26px;padding:0 8px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;color:var(--text)}
.mk-modal .fd-bar .msel{width:100%;min-width:0}
.mk-modal .fd-bar .msel-btn{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-modal .fd-bar .msel-btn.on{border-color:var(--accent);background:var(--mk-sel)}
.mk-modal .mk-reset{width:100%;cursor:pointer}
/* содержимое */
.mk-scroll{padding:0 var(--sp-4) var(--sp-5)}
.mk-sec{margin:14px 0 6px;font-size:12px;font-weight:600;color:#394150}
.mk-sec-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mk-mtxctl{display:flex;gap:8px}
.mk-mtxctl select{width:170px}
/* KPI: одна панель, 3 колонки, разделитель — фон сетки (§1–§2, §6) */
.mk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mk-kpi{background:var(--panel);padding:8px 10px;min-height:66px;box-sizing:border-box}
.mk-kl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mk-kv{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0}
.mk-ks{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-good{color:var(--mk-good)}
.mk-bad{color:var(--mk-bad)}
.mk-warn{color:#b45309}
.mk-up{color:var(--mk-good);white-space:nowrap}
.mk-down{color:var(--mk-bad);white-space:nowrap}
/* графики: 3×2, фиксированная высота — появление данных ничего не сдвигает */
.mk-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mk-ch{background:var(--panel);padding:8px 10px}
.mk-ch h4{margin:0 0 4px;font-size:12px;font-weight:600}
.mk-cv{position:relative;height:220px}
/* таблицы */
.mk-card{border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.mk-tabwrap{max-height:460px;overflow:auto}
.mk-mtx{max-height:560px}
.mk-table{width:100%}
.mk-table td{font-variant-numeric:tabular-nums}
.mk-table thead th{background:#fff;color:#1a1f2b;font-weight:700;border-bottom:2px solid var(--line-strong)}
.mk-table th.mk-sortable{cursor:pointer;user-select:none;white-space:nowrap}
.mk-table .fd-c1{width:260px;min-width:260px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-table tr.fd-grand td{font-weight:700;background:#f7f9fb}
.mk-table tr.mk-ours td{background:var(--mk-ours)}
.mk-table tr.mk-nodir td.fd-c1{color:var(--muted);font-style:italic}
.mk-table tr.mk-mdir td{background:#f7f9fb;border-top:1px solid var(--line)}
@media (max-width:1000px){
  .mk-kpis,.mk-charts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .mk-kpis,.mk-charts{grid-template-columns:minmax(0,1fr)}
  .mk-table .fd-c1{width:150px;min-width:150px;max-width:150px}
}