/* Client reports (Отчёты → «Отчёт клиенту») and the express audit (Конструктор → Клиенты → «Экспресс-аудит»). */
.cr-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.cr-row .input[type="date"] { width: auto; }
.cr-row select.input { width: auto; min-width: 140px; }
.cr-accs { display: flex; gap: 6px 16px; flex-wrap: wrap; }
.cr-settings > summary { cursor: pointer; list-style: none; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.cr-settings > summary::-webkit-details-marker { display: none; }
.cr-settings > summary h2 { display: flex; gap: 8px; align-items: center; }
.cr-settings[open] > summary { border-bottom: 1px solid var(--line); }
.cr-settings { margin-bottom: 16px; }
.cr-frame { width: 100%; height: min(70vh, 900px); border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.cr-foot { display: grid; gap: 8px; }
.cr-foot p { margin: 0; }

.cr-score { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.cr-ring { flex: none; }
.cr-ring .bg { fill: none; stroke: var(--line); stroke-width: 7; }
.cr-ring .fg { fill: none; stroke: var(--brand); stroke-width: 7; stroke-linecap: round; }
.cr-ring text { font-size: 18px; font-weight: 600; fill: var(--ink); font-variant-numeric: tabular-nums; }
.cr-audit h3 { font-size: 16px; }
.cr-audit .metrics { display: flex; gap: 6px; flex-wrap: wrap; }

@media (max-width: 860px) {
  .cr-row .seg { width: 100%; overflow-x: auto; }
  .cr-frame { height: 60vh; }
}
@media (prefers-reduced-motion: reduce) {
  .cr-settings > summary { transition: none; }
}