/* ================================================================
   proverka-po-fio.ru — FIO inner pages
   Дополняет style.css, переопределяет конфликтующие классы
   ================================================================ */

/* ── Переопределения лендинга ─────────────────────────────── */
body { background: #FAFAF8; }

/* Hero на FIO-странице — компактная карточка, не полноэкранная секция */
.hero {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 22px 28px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  text-align: left;
  background-image: none;
}
.hero h1 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.3px;
  margin-bottom: 12px;
  color: #0f172a;
}

/* Breadcrumb — левый, серый (переопределяем белый лендинговый) */
.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  font-size: 13px;
  color: #94a3b8;
  margin-bottom: 8px;
}
.breadcrumb a { color: #64748b; text-decoration: none; }
.breadcrumb a:hover { color: #1E3A8A; text-decoration: none; }
.breadcrumb span { color: #94a3b8; margin: 0 6px; }

/* ── Структура ────────────────────────────────────────────── */
.wrap { max-width: 960px; margin: 0 auto; padding: 20px 16px 56px; }

/* sticky-head прилипает НИЖЕ сайтовой шапки (60px) */
.sticky-head {
  position: sticky;
  top: 60px;
  z-index: 50;
  background: #FAFAF8;
  padding-top: 16px;
  padding-bottom: 4px;
}

.content { padding-top: 8px; }
.stats { display: flex; flex-wrap: wrap; gap: 6px; }

/* ── Бейджи ───────────────────────────────────────────────── */
.b { display:inline-block;padding:2px 9px;border-radius:14px;font-size:12.5px;font-weight:500;border:1px solid;white-space:nowrap;line-height:1.5 }
.b-gray   { background:#f1f5f9;color:#475569;border-color:#e2e8f0 }
.b-blue   { background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe }
.b-green  { background:#f0fdf4;color:#15803d;border-color:#bbf7d0 }
.b-yellow { background:#fef9c3;color:#854d0e;border-color:#fde68a }
.b-purple { background:#faf5ff;color:#7c3aed;border-color:#ddd6fe }
.b-amber  { background:#fff7ed;color:#c2410c;border-color:#fed7aa }
.b-teal   { background:#f0fdfa;color:#0f766e;border-color:#99f6e4 }

/* ── Секции ───────────────────────────────────────────────── */
.sec { margin-bottom: 24px; }
.sec-head { display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px }
.sec-head h2 { font-size: 17px; font-weight: 700; color: #0f172a; }
.sec-cnt { font-size: 13px; color: #94a3b8; font-weight: 500; }

/* ── Nav grid ─────────────────────────────────────────────── */
.nav-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:8px }
.nav-card { background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px }
.nav-card.has-link { cursor:pointer;transition:border-color .15s }
.nav-card.has-link:hover { border-color:#93c5fd;background:#EFF6FF }
a.nav-card { color:inherit;text-decoration:none }
a.nav-card:hover { border-color:#93c5fd;background:#EFF6FF;text-decoration:none }
.nav-name { font-size:13.5px;font-weight:600;color:#0f172a;flex:1 }
.nav-cnt  { font-size:13px;font-weight:700;color:#64748b;white-space:nowrap }

/* ── Блок «Кто это» ───────────────────────────────────────── */
.who-block { background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden }
.who-region { border-bottom:1px solid #f1f5f9 }
.who-region:last-child { border-bottom:none }
.who-reg-head { display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f8fafc;font-size:12.5px;font-weight:700;color:#475569;border-bottom:1px solid #f1f5f9 }
.who-reg-cnt { font-size:11.5px;color:#94a3b8;font-weight:400;margin-left:auto }
.who-people { display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px }
.who-person { display:inline-flex;align-items:center;gap:5px;font-size:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:3px 8px;white-space:nowrap }
.who-inn { font-family:monospace;font-weight:700;color:#1E3A8A;font-size:11.5px }
.who-docs { color:#94a3b8;font-size:11px }

/* ── Карточки записей ─────────────────────────────────────── */
.type-row { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px }
.rdiv { display:flex;align-items:center;gap:8px;margin:16px 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8 }
.rdiv::after { content:'';flex:1;height:1px;background:#e2e8f0 }
.rdiv:first-child { margin-top:0 }
.card { background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px 20px;margin-bottom:8px }
.ctop { display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-bottom:10px }
.cname { font-size:15px;font-weight:600;color:#0f172a;flex:1;min-width:0;word-break:break-word }
.cmeta { display:flex;flex-wrap:wrap;gap:4px 16px }
.f { display:flex;gap:4px;font-size:13px }
.fl { color:#94a3b8;white-space:nowrap }
.fv { color:#334155;font-weight:500 }
.okv { font-size:13px;color:#475569;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9 }
.okv b { color:#334155 }
.inn-hl { font-family:monospace;font-size:12.5px;font-weight:700;color:#1E3A8A;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:4px;padding:1px 6px }

/* ── Кластеры (level1) ────────────────────────────────────── */
.dg { display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:4px }
.dc { background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:14px 16px;text-decoration:none;color:inherit;display:block;transition:border-color .15s }
.dc:hover { border-color:#93c5fd;background:#EFF6FF;text-decoration:none }
.dc-reg   { font-size:13.5px;font-weight:700;color:#0f172a;margin-bottom:4px }
.dc-inn   { font-size:11.5px;color:#94a3b8;font-family:monospace;margin-bottom:8px;letter-spacing:.3px }
.dc-stats { display:flex;flex-wrap:wrap;gap:4px }
.dc-note  { font-size:12px;color:#cbd5e1;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9 }

/* ── Суды ─────────────────────────────────────────────────── */
.court-wrap { background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden }
.court-rhead { padding:9px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px }
.ctable { width:100%;border-collapse:collapse;font-size:13.5px }
.ctable th { text-align:left;padding:9px 14px;background:#f8fafc;color:#64748b;font-weight:600;font-size:12.5px;border-bottom:1px solid #e2e8f0 }
.ctable td { padding:9px 14px;border-bottom:1px solid #f1f5f9;vertical-align:top;color:#334155 }
.ctable tbody tr:last-child td { border-bottom:none }
.ctable tbody tr:hover td { background:#fafbfc }
.cn { font-weight:600;color:#0f172a }
.cd { white-space:nowrap;color:#64748b }

/* ── ОКВЭД (level1) ───────────────────────────────────────── */
.okv-block { background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden }
.okv-block summary { padding:13px 20px;cursor:pointer;font-weight:600;font-size:14px;color:#1E3A8A;display:flex;align-items:center;gap:8px;list-style:none;user-select:none }
.okv-block summary::-webkit-details-marker { display:none }
.okv-block summary::before { content:'▶';font-size:9px;color:#94a3b8;flex-shrink:0;transition:transform .15s }
.okv-block[open] summary::before { transform:rotate(90deg) }
.okv-inner { padding:0 20px 14px;display:flex;flex-direction:column;gap:3px }
.okv-row { font-size:13px;color:#475569;padding:3px 0;border-bottom:1px solid #f8fafc }
.okv-row:last-child { border-bottom:none }
.okv-row b { color:#334155;margin-right:6px }

/* ── Подсказка (level1) ───────────────────────────────────── */
.hint { background:#FFF7ED;border:1px solid #FDE68A;border-radius:8px;padding:14px 18px;font-size:13.5px;color:#92400e;margin-bottom:20px }

/* ── Вводный абзац ────────────────────────────────────────── */
.page-intro { font-size:14px;color:#475569;line-height:1.65;margin-bottom:20px }
.page-intro strong { color:#0f172a }

/* ── Навигационная подсказка ──────────────────────────────── */
.nav-hint { font-size:13.5px;color:#64748b;margin-top:4px;margin-bottom:8px }

/* ── Блок «Источники данных» ──────────────────────────────── */
.about-list { list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px }
.about-list li { font-size:13.5px;color:#475569;padding:11px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:7px;line-height:1.6 }
.about-list li strong { color:#0f172a }
.about-note { font-size:12.5px;color:#94a3b8;margin:0 }

/* ── Адаптив ──────────────────────────────────────────────── */
@media (max-width: 640px) {
  .hero { padding: 16px; }
  .hero h1 { font-size: 20px; }
  .card { padding: 13px 14px; }
  .nav-grid { grid-template-columns: 1fr 1fr; }
  .col-judge { display: none; }
  .ctable td, .ctable th { padding: 8px 10px; }
  .sticky-head { top: 0; }
}
@media (max-width: 400px) {
  .nav-grid { grid-template-columns: 1fr; }
}