/* «Собрание» внизу «Моего сектора» (17.10.2026): переключатель показателей, таблица точек неделя к неделе, договорённости,
   графики точки. Цвета — токены страницы; таблица — общая gi-table. */
.mt-card .card-h { flex-wrap: wrap; row-gap: 8px; }
.mt-week { display: inline-flex; gap: 6px; }
.mt-week .chip[disabled] { opacity: .4; cursor: default; }

.mt-metrics { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0 10px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mt-metrics::-webkit-scrollbar { display: none; }
.mt-m { flex: none; min-height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-2); background: var(--surface);
  color: var(--ink-2); font: inherit; font-size: 13px; font-weight: 550; cursor: pointer; transition: background .15s, color .15s; }
.mt-m:hover { background: var(--surface-2); color: var(--ink); }
.mt-m[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }

.mt-wrap { max-height: none; }
.mt-table { min-width: 980px; }
.mt-table td, .mt-table th { vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }
.mt-table .gi-name { z-index: 2; }
.mt-table thead .gi-name { z-index: 3; }
.mt-table .gi-tm-total > * { font-weight: 650; color: var(--ink); background: var(--surface-2); border-bottom: 1px solid var(--line-2); }
.mt-table .gi-tm-total > .gi-name { background: var(--surface-2); }
.mt-strong { font-weight: 650; color: var(--ink); }
.mt-mute { color: var(--ink-3); }
.mt-up { color: var(--ok); font-weight: 600; }
.mt-down { color: var(--bad); font-weight: 600; }
.mt-sub { display: block; font-size: 11px; color: var(--ink-3); font-weight: 400; line-height: 14px; }
.mt-traffic { cursor: help; text-decoration: underline dotted var(--ink-3); text-underline-offset: 3px; }
.mt-table td[data-tip] { cursor: help; }
.mt-store { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--ink); cursor: pointer; text-align: left;
  max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mt-store:hover, .mt-open .mt-store { color: var(--accent); }
.mt-open > * { background: color-mix(in oklab, var(--accent) 7%, var(--surface)); }
.mt-open > .gi-name { background: color-mix(in oklab, var(--accent) 7%, var(--surface)); }

.mt-agr { white-space: nowrap; }
.mt-badge, .mt-add { min-width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--line-2); background: var(--surface-2);
  color: var(--ink-2); font: inherit; font-size: 12.5px; font-weight: 650; cursor: pointer; margin-left: 4px; }
.mt-badge.on { background: var(--warn-cell, var(--surface-2)); border-color: var(--warn); color: var(--ink); }
.mt-add { color: var(--accent); font-size: 16px; line-height: 1; }
.mt-badge:hover, .mt-add:hover { border-color: var(--accent); }

.mt-sub-row > td { text-align: left; white-space: normal; background: var(--surface-2); padding: 10px 12px; }
.mt-form { display: grid; gap: 8px; max-width: 640px; }
.mt-text { width: 100%; min-height: 56px; resize: vertical; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface);
  color: var(--ink); font: inherit; font-size: 14px; padding: 8px 10px; }
.mt-due { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.mt-date, .mt-res { border-radius: 8px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font: inherit;
  font-size: 13px; min-height: 32px; padding: 0 8px; }
.mt-res { min-width: 0; flex: 1 1 180px; }
.mt-form-b { display: flex; gap: 8px; flex-wrap: wrap; }

.mt-due-box { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--warn);
  background: color-mix(in oklab, var(--warn) 8%, var(--surface)); }
.mt-due-box h3 { margin: 0 0 6px; font-size: 14px; }
.mt-due-box h3 .sub { font-weight: 400; color: var(--ink-3); font-size: 12.5px; margin-left: 6px; }
.mt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mt-item { padding: 8px 0; border-bottom: 1px solid var(--line); }
.mt-item:last-child { border-bottom: 0; }
.mt-item-h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12.5px; }
.mt-tag { padding: 1px 8px; border-radius: 999px; background: var(--surface-3); color: var(--ink); font-weight: 600; }
.mt-item-s { color: var(--ink); }
.mt-by { color: var(--ink-3); }
.mt-item-t { margin: 4px 0 0; font-size: 14px; color: var(--ink); line-height: 1.4; }
.mt-item-r { margin: 4px 0 0; font-size: 12.5px; color: var(--ink-2); font-style: italic; }
.mt-item-a { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.chip.ok { color: var(--ok); } .chip.bad { color: var(--bad); }
.mt-note { margin-top: 8px; }

.mt-charts { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.mt-ch-h { display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 8px; }
.mt-ch-h .chip { margin-left: auto; }
.mt-ch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mt-fig { margin: 0; padding: 10px 12px 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); min-width: 0; }
.mt-fig figcaption { font-size: 12.5px; color: var(--ink-2); margin-bottom: 4px; }
.mt-svg { display: block; width: 100%; height: auto; }
.mt-svg rect { fill: var(--accent); }
.mt-svg rect.mt-b0 { fill: color-mix(in oklab, var(--ink-3) 45%, var(--surface)); }
.mt-svg rect.mt-b1 { fill: var(--accent); }
.mt-svg rect.mt-t1 { fill: var(--series-2); }
.mt-svg rect.hi { fill: var(--accent-strong); }
.mt-svg rect.mt-t1.hi { fill: var(--series-2); stroke: var(--ink); stroke-width: 1; }
.mt-svg text { fill: var(--ink-2); font-size: 11.5px; text-anchor: middle; font-variant-numeric: tabular-nums; }
.mt-svg .mt-v { fill: var(--ink); font-weight: 650; font-size: 11px; }
.mt-svg .mt-l2 { fill: var(--ink-3); font-size: 10.5px; }
.mt-svg .mt-plan { stroke: var(--warn); stroke-width: 1.5; stroke-dasharray: 5 4; }
.mt-svg .mt-pl { fill: var(--warn); text-anchor: end; font-size: 10.5px; }
.mt-k { display: inline-block; width: 10px; height: 10px; border-radius: 3px; vertical-align: -1px; margin: 0 4px 0 8px; }
.mt-k.mt-b0 { background: color-mix(in oklab, var(--ink-3) 45%, var(--surface)); }
.mt-k.mt-b1 { background: var(--accent); }
.mt-k.mt-t1 { background: var(--series-2); }

@media (max-width: 760px) {
  .mt-ch-grid { grid-template-columns: 1fr; }
  .mt-table { min-width: 860px; }
  .mt-store { max-width: 120px; }
}