/* Облик отчёта — один файл на свою страницу и на врезку. Копия стиля разошлась бы так же
   молча, как копия рендера: те же числа в другом облике читаются как другой отчёт. */
  :root { color-scheme: light dark; }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: #0f1216; color: #e8ecf1; }
  header { padding: 14px 24px; border-bottom: 1px solid #232a32; font-weight: 700; display: flex; align-items: center; gap: 12px; }
  header a { color: #8b95a1; text-decoration: none; font-weight: 500; font-size: 13px; }
  main { padding: 24px; max-width: 1100px; margin: 0 auto; }
  .muted { color: #8b95a1; font-size: 13px; }
  .card { background: #171c22; border: 1px solid #232a32; border-radius: 12px; padding: 16px 18px; margin: 12px 0; }
  h2 { font-size: 15px; margin: 0 0 10px; }
  table { width: 100%; border-collapse: collapse; font-size: 13px; }
  th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid #232a32; }
  th { color: #8b95a1; font-weight: 600; }
  code { background: #232a32; padding: 1px 6px; border-radius: 5px; font-size: 12px; }
  button { border: 0; border-radius: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; cursor: pointer; background: #3a7afe; color: #fff; }
  button.sec { background: #2b333c; color: #cfd6de; }
  button.danger { background: #3a2126; color: #ff9b9b; }
  input, select { background: #0f1216; color: #e8ecf1; border: 1px solid #2b333c; border-radius: 8px; padding: 8px 10px; font-size: 13px; }
  label { display: block; font-size: 12px; color: #8b95a1; margin: 10px 0 4px; }
  .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
  .kpi { font-size: 28px; font-weight: 700; }
  .chip { display: inline-block; background: #232a32; border-radius: 6px; padding: 3px 8px; margin: 2px; font-size: 12px; cursor: pointer; }
  .chip.on { background: #274690; color: #fff; }
  .chip.off { opacity: .32; cursor: not-allowed; }