/* Общий слой рабочего места Эволвин: токены, левая панель, карточки, таблицы.
   Подключается и пультом отдела, и кабинетом клиента — единый стиль берётся
   переиспользованием файла, а не повторением на глаз. Скопировать вместо этого
   означало бы гарантированный дрейф: с продуктами это уже проходили, поэтому
   их список тоже живёт в одном месте.
   Заведён 30.08.2026. */
:root{
  --фон:#f6f8fb; --карта:#fff; --текст:#12151a; --серый:#697386; --рамка:#e6e9ef;
  --панель:252px;
  --красный:#c0392b; --зелёный:#1e7f4f; --синий:#1c53d6; --жёлтый:#b8860b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--фон);color:var(--текст);
     font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.обёртка{max-width:1080px;margin:0 auto;padding:20px 16px 60px}
h1{font-size:20px;margin:0 0 2px}
h2{font-size:16px;margin:0 0 8px}
.подпись{color:var(--серый);font-size:13px;margin-bottom:16px}

.вкладки{display:flex;gap:6px;flex-wrap:nowrap;margin-bottom:14px;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.вкладки::-webkit-scrollbar{display:none}
.вкладка{flex:0 0 auto;white-space:nowrap;padding:7px 14px;border-radius:999px;
  border:1px solid var(--рамка);background:var(--карта);cursor:pointer;font-size:14px}
.вкладка.на{background:#111;color:#fff;border-color:#111}

/* 🔴 overflow-x на карточке: без него широкая таблица растягивает страницу,
   а не прокручивается внутри своего блока. */
.карта{overflow-x:auto;background:var(--карта);border:1px solid var(--рамка);
  border-radius:14px;padding:16px;margin-bottom:14px}
.заголовок{font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--серый);margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-weight:600;color:var(--серый);font-size:12px;text-transform:uppercase;
   letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--рамка)}
td{padding:8px;border-bottom:1px solid #f1f2f4;vertical-align:top}
tr.итого td{font-weight:700;background:#fafbfc;border-bottom:2px solid var(--рамка)}
tr.кликабельно{cursor:pointer}
tr.кликабельно:hover{background:#f3f6ff}
.чис{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.плохо{color:var(--красный);font-weight:600}
.хорошо{color:var(--зелёный);font-weight:600}
.средне{color:var(--жёлтый);font-weight:600}
.тихо{color:var(--серый)}
.нет{color:var(--серый)}
.мелко{font-size:12px;color:var(--серый)}
.пусто{color:var(--серый);padding:10px 2px}
.низ{text-align:center;color:var(--серый);font-size:12px;margin-top:24px}

/* ── Левая панель. Появляется с 960 px: ниже для неё нет места, и там работает
   горизонтальная лента разделов. Фиксирована, поэтому не уезжает при длинных таблицах. */
.панель{display:none}
.лого{display:block;font-weight:700;letter-spacing:-.02em;font-size:18px;
  color:var(--текст);text-decoration:none}
.лого span{color:var(--синий)}
.тег{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--серый);margin:2px 0 20px}
.группа-имя{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--серый);margin:16px 0 6px 10px}
.панель-низ{margin-top:auto;padding-top:14px;border-top:1px solid var(--рамка)}
.состояние{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:6px}
.точка{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--серый)}
.точка.ок{background:var(--зелёный)}
.точка.внимание{background:var(--жёлтый)}
.точка.плохо{background:var(--красный)}
.к-сайту{color:var(--серый);font-size:12px;text-decoration:none}

@media(min-width:960px){
  .панель{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;
    width:var(--панель);background:var(--карта);border-right:1px solid var(--рамка);
    padding:20px 14px;overflow-y:auto;z-index:5}
  .панель .вкладки{display:block;overflow:visible;margin:0}
  .панель .вкладка{display:block;width:100%;text-align:left;border-radius:8px;white-space:normal;
    padding:8px 10px;margin-bottom:2px;border:0;background:transparent}
  .панель .вкладка.на{background:var(--синий);color:#fff;border-color:var(--синий)}
  .обёртка{margin-left:var(--панель);max-width:1180px;padding:24px 28px 60px}
  .верх-мобильный{display:none}
  .обёртка > .подпись{display:none}
}

/* Формы рабочего места */
form.поля textarea,form.поля input,form.поля select{
  width:100%;padding:11px 13px;font-size:15px;font-family:inherit;
  border:1px solid var(--рамка);border-radius:9px;margin-bottom:8px;background:#fff}
form.поля .строка{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:680px){form.поля .строка{grid-template-columns:repeat(4,1fr)}}
button.главная{padding:12px 22px;font-size:15px;font-weight:600;background:#12151a;
  color:#fff;border:0;border-radius:9px;cursor:pointer}
button.вторая{padding:9px 14px;font-size:14px;background:#fff;color:var(--текст);
  border:1px solid var(--рамка);border-radius:9px;cursor:pointer}
.ответ-да{border-left:3px solid var(--зелёный);padding:10px 14px;background:#f2f8f4;border-radius:8px}
.ответ-нет{border-left:3px solid var(--жёлтый);padding:10px 14px;background:#fdf7ef;border-radius:8px}