/* styles-staff-report-desk.css — «Отчёт сотрудники · Отчёт» (app-staff-report-desk.js, 29.09.2026).
   Рамка, плитки, панели, таблица — классы «Отчёта оборудования» (styles-equipment-report.css, eqd-*);
   здесь только своё: плитка «Потеряно», участки, лучшие / отстающие, «нет ставки». */

.srd-kpi-lost { background: linear-gradient(135deg, #5a3342, #43303a); border-color: rgba(176, 112, 134, 0.7); color: #f4b3c2; }
.srd-kpi-lost .eqd-kpi-label { color: #f4b3c2; }

.srd-panels-2 { grid-template-columns: 1fr 1fr; }
.srd-person-panels { grid-template-columns: 1fr 1fr; }
.srd-sub { font-size: 12px; font-weight: 500; color: #a7bde0; }
.srd-norate { margin-top: 4px; font-size: 12px; color: #f3cd85; }

/* Загрузка участков: название + люди/потеряно, ниже полоса с %. */
.srd-sec { display: grid; gap: 5px; padding: 6px 0; border-bottom: 1px solid rgba(120, 150, 210, 0.16); }
.srd-sec:last-child { border-bottom: 0; }
.srd-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 13px; color: #eef3fb; }

/* Лучшие / отстающие — строка нажимается и открывает отчёт по человеку. */
.srd-rate-h { margin-top: 2px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.4px; text-transform: uppercase; }
.srd-rate-h.is-good { color: #8fe0b0; }
.srd-rate-h.is-bad { color: #f3cd85; }
.srd-person { display: grid; grid-template-columns: 1fr minmax(170px, 40%); align-items: center; gap: 12px; width: 100%; padding: 7px 8px; border: 0; border-radius: 8px; background: transparent; color: #eef3fb; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.srd-person:hover { background: rgba(47, 111, 208, 0.18); }
.srd-person small { display: block; font-size: 11.5px; color: #a7bde0; }

.srd-table { min-width: 1180px; }

@media (max-width: 1100px) {
  .srd-panels-2, .srd-person-panels { grid-template-columns: 1fr; }
}