/* Проверка готовности сайта — форма + отчёт §7.1. Скоуп .cmb-sc, светлая тема сайта. */
.cmb-sc {
  --sc-ink: #16201f; --sc-muted: #5d6b69; --sc-line: #e2e6e4; --sc-soft: #eef1f0; --sc-card: #fff;
  --sc-accent: #0b6b63; --sc-crit: #b83227; --sc-crit-bg: #fbeae8; --sc-warn: #b06a12; --sc-warn-bg: #fbf1e0;
  --sc-ok: #2f7a52; --sc-ok-bg: #e6f2ea; --sc-unknown: #566a72; --sc-unknown-bg: #eceff1;
  max-width: 820px; margin: 0 auto; color: var(--sc-ink);
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}
.cmb-sc__title { font-size: clamp(24px, 3.4vw, 32px); line-height: 1.15; margin: 0 0 8px; }
.cmb-sc__sub { color: var(--sc-muted); font-size: 15.5px; margin: 0 0 20px; }

/* форма */
.cmb-sc__form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;
  background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: 14px; padding: 18px; }
.cmb-sc__field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 260px; }
.cmb-sc__field--full { flex-basis: 100%; }
.cmb-sc__label { font-size: 13px; font-weight: 600; color: var(--sc-muted); }
.cmb-sc__input { font: inherit; padding: 12px 14px; border: 1px solid var(--sc-line); border-radius: 10px;
  background: #fbfcfb; color: var(--sc-ink); width: 100%; }
.cmb-sc__input:focus { outline: 2px solid var(--sc-accent); outline-offset: 1px; border-color: var(--sc-accent); }
.cmb-sc__btn { font: inherit; font-weight: 700; color: #fff; background: var(--sc-accent);
  border: 0; border-radius: 10px; padding: 13px 22px; cursor: pointer; flex: 0 0 auto; }
.cmb-sc__btn:hover { filter: brightness(1.06); }
.cmb-sc__btn:disabled { opacity: .6; cursor: default; }
.cmb-sc__err { color: var(--sc-crit); font-size: 14px; flex-basis: 100%; }
.cmb-sc__note { color: var(--sc-muted); font-size: 13px; margin: 4px 0 0; flex-basis: 100%; }

/* загрузка */
.cmb-sc__loading { margin-top: 18px; padding: 18px; border: 1px dashed var(--sc-line); border-radius: 12px;
  color: var(--sc-muted); text-align: center; }

/* результат */
.cmb-sc__result { margin-top: 22px; }
.cmb-sc__verdict { background: var(--sc-card); border: 1px solid var(--sc-line); border-left: 5px solid var(--sc-ok);
  border-radius: 14px; padding: 18px 20px; }
.cmb-sc__verdict--stop { border-left-color: var(--sc-crit); }
.cmb-sc__verdict-tag { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--sc-ok); }
.cmb-sc__verdict--stop .cmb-sc__verdict-tag { color: var(--sc-crit); }
.cmb-sc__verdict-text { margin: 8px 0 0; font-size: clamp(18px, 2.4vw, 22px); line-height: 1.3; }
.cmb-sc__verdict-q { margin-top: 10px; font-size: 14px; color: var(--sc-muted); }

.cmb-sc__chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 4px; }
.cmb-sc__chip { border: 1px solid var(--sc-line); border-radius: 10px; padding: 8px 12px; font-size: 13.5px; color: var(--sc-muted); }
.cmb-sc__chip b { font-size: 17px; }
.cmb-sc__chip--critical b { color: var(--sc-crit); } .cmb-sc__chip--warning b { color: var(--sc-warn); }
.cmb-sc__chip--ok b { color: var(--sc-ok); } .cmb-sc__chip--unknown b { color: var(--sc-unknown); }

.cmb-sc__sec { margin-top: 26px; }
.cmb-sc__sec-title { font-size: 14px; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 12px; }
.cmb-sc__sec-count { background: var(--sc-soft); color: var(--sc-muted); border-radius: 20px; padding: 1px 9px; font-size: 12px; font-weight: 700; }

.cmb-sc__item { background: var(--sc-card); border: 1px solid var(--sc-line); border-left: 4px solid var(--sc-line);
  border-radius: 12px; padding: 14px 16px; margin-bottom: 11px; }
.cmb-sc__item--critical { border-left-color: var(--sc-crit); } .cmb-sc__item--warning { border-left-color: var(--sc-warn); }
.cmb-sc__item--ok { border-left-color: var(--sc-ok); } .cmb-sc__item--unknown { border-left-color: var(--sc-unknown); }
.cmb-sc__item-top { display: flex; align-items: flex-start; gap: 9px; }
.cmb-sc__badge { flex: none; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 6px; margin-top: 2px; }
.cmb-sc__badge--critical { color: var(--sc-crit); background: var(--sc-crit-bg); }
.cmb-sc__badge--warning { color: var(--sc-warn); background: var(--sc-warn-bg); }
.cmb-sc__badge--ok { color: var(--sc-ok); background: var(--sc-ok-bg); }
.cmb-sc__badge--unknown { color: var(--sc-unknown); background: var(--sc-unknown-bg); }
.cmb-sc__item-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.3; }
.cmb-sc__detail { margin: 8px 0 0; font-size: 14px; color: var(--sc-muted); background: var(--sc-soft); border-radius: 8px; padding: 8px 12px; }
.cmb-sc__line { font-size: 14.5px; margin-top: 7px; }
.cmb-sc__line span { font-weight: 600; }
.cmb-sc__line--risk span { color: var(--sc-warn); } .cmb-sc__line--fix span { color: var(--sc-accent); }

.cmb-sc__clean { margin-top: 22px; font-size: 14px; color: var(--sc-muted); padding: 12px 14px; background: var(--sc-soft); border-radius: 10px; }
.cmb-sc__bridge { margin-top: 22px; background: var(--sc-accent); color: #fff; border-radius: 14px; padding: 18px 20px; font-size: 15px; }
.cmb-sc__bridge b { display: block; margin-bottom: 4px; }
.cmb-sc__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.cmb-sc__action { display: inline-block; background: #fff; color: var(--sc-accent); font-weight: 700;
  text-decoration: none; padding: 11px 20px; border-radius: 10px; font-size: 14px; }
.cmb-sc__action:hover { filter: brightness(0.97); }
.cmb-sc__action--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.6); }

@media (max-width: 560px) {
  .cmb-sc__btn { flex-basis: 100%; }
}

/* Кнопка «Полный план работ →» (ADR 001 — мостик в seo-plans) */
.cmb-sc__actions--plan{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.cmb-sc__action--primary{background:#00133F;color:#fff;font-weight:700;padding:12px 20px;border-radius:9px;text-decoration:none;display:inline-block}
.cmb-sc__action--primary:hover{background:#12245a}
.cmb-sc__actions-note{color:#5b6b7c;font-size:13.5px;flex:1 1 220px}

/* спиннер проверки: на кнопке и в блоке загрузки */
@keyframes cmb-sc-spin { to { transform: rotate(360deg); } }
.cmb-sc__btn.is-busy { position: relative; padding-left: 44px; }
.cmb-sc__btn.is-busy::before {
  content: ""; position: absolute; left: 18px; top: 50%; width: 15px; height: 15px; margin-top: -8px;
  border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%;
  animation: cmb-sc-spin .7s linear infinite;
}
.cmb-sc__loading { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.cmb-sc__spin {
  width: 28px; height: 28px; border: 3px solid var(--sc-line); border-top-color: var(--sc-accent);
  border-radius: 50%; animation: cmb-sc-spin .8s linear infinite;
}
.cmb-sc__loading-text { color: var(--sc-muted); }
.cmb-sc__loading-note { font-size: 13px; color: var(--sc-muted); font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
  .cmb-sc__btn.is-busy::before, .cmb-sc__spin { animation-duration: 2s; }
}