/* Start:/local/templates/overplan2026/css/audit.css?179235279025090*/
/* ============================================================
   Раздел /audit/ — проверка сайта на уязвимости
   Использует дизайн-токены из :root (style.css)
   ============================================================ */

.audit-page { background: var(--bg); color: var(--text-100); }

/* --- Hero --- */
.blog-hero--audit .blog-hero__inner--split { align-items: center; }
.audit-hero__text { max-width: 760px; }
.audit-hero__tag {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 16px; border-radius: 999px;
	background: rgba(215,255,103,0.12); color: var(--lime);
	border: 1px solid rgba(215,255,103,0.3);
	font-size: 14px; font-weight: 600; margin-bottom: 24px;
}
.audit-hero__lead {
	margin-top: 20px; font-size: clamp(18px, 2vw, 22px);
	line-height: 1.5; color: var(--text-80); max-width: 640px;
}
.audit-hero__actions {
	margin-top: 32px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}
.audit-hero__note { font-size: 14px; color: var(--text-60); max-width: 280px; }

/* --- Общие заголовки секций --- */
.audit-section__title {
	font-size: var(--fs-page); font-weight: 700; line-height: 1.1; margin: 0;
}
.audit-section__lead {
	margin-top: 14px; font-size: 18px; color: var(--text-60); max-width: 720px;
}

/* --- Почему это важно --- */
.audit-why { padding: 80px 0; border-top: 1px solid var(--stroke-15); }
.audit-why__grid {
	display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start;
}
.audit-why__title { font-size: var(--fs-block, 32px); font-weight: 700; line-height: 1.15; margin: 0 0 16px; }
.audit-why__lead p { color: var(--text-80); font-size: 17px; line-height: 1.6; }
.audit-why__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.audit-why__facts li {
	background: var(--surface); border: 1px solid var(--stroke-15);
	border-radius: var(--radius-md); padding: 20px 22px;
	color: var(--text-80); font-size: 15px; line-height: 1.5;
}
.audit-why__num {
	display: block; color: var(--lime); font-weight: 700;
	font-size: 22px; margin-bottom: 6px;
}

/* --- Что проверяем --- */
.audit-checks { padding: 80px 0; border-top: 1px solid var(--stroke-15); }
.audit-checks__grid {
	margin-top: 44px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.audit-card {
	background: var(--surface); border: 1px solid var(--stroke-15);
	border-radius: var(--radius-lg); padding: 28px 24px;
	transition: border-color .2s, transform .2s;
}
.audit-card:hover { border-color: rgba(215,255,103,0.4); transform: translateY(-3px); }
.audit-card__icon {
	width: 52px; height: 52px; border-radius: var(--radius-sm);
	background: rgba(215,255,103,0.12); color: var(--lime);
	display: grid; place-items: center; font-size: 22px; margin-bottom: 18px;
}
.audit-card__title { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.audit-card p { color: var(--text-60); font-size: 15px; line-height: 1.55; margin: 0; }
.audit-card code {
	background: var(--bg-2); padding: 1px 6px; border-radius: 4px;
	font-size: 13px; color: var(--text-80);
}

/* --- Как это работает --- */
.audit-steps { padding: 80px 0; border-top: 1px solid var(--stroke-15); }
.audit-steps__grid {
	margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.audit-step {
	position: relative; padding: 28px 24px;
	border: 1px solid var(--stroke-15); border-radius: var(--radius-lg);
}
.audit-step__num {
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--lime); color: var(--text-on-lime);
	display: grid; place-items: center; font-size: 20px; font-weight: 700; margin-bottom: 18px;
}
.audit-step__title { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.audit-step p { color: var(--text-60); font-size: 15px; line-height: 1.55; margin: 0; }

/* --- Что в отчёте --- */
.audit-report { padding: 80px 0; border-top: 1px solid var(--stroke-15); }
.audit-report__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.audit-report__col {
	padding: 36px 32px; border-radius: var(--radius-lg); border: 1px solid var(--stroke-15);
}
.audit-report__col--free { background: var(--surface); }
.audit-report__col--pro {
	background: linear-gradient(160deg, rgba(215,255,103,0.08), rgba(0,255,200,0.05));
	border-color: rgba(215,255,103,0.3);
}
.audit-report__badge {
	display: inline-block; padding: 6px 14px; border-radius: 999px;
	font-size: 13px; font-weight: 600; margin-bottom: 18px;
}
.audit-report__badge--free { background: var(--surface-2); color: var(--text-80); }
.audit-report__badge--pro { background: var(--lime); color: var(--text-on-lime); }
.audit-report__title { font-size: 24px; font-weight: 700; margin: 0 0 20px; }
.audit-report__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.audit-report__list li {
	display: flex; align-items: flex-start; gap: 12px;
	color: var(--text-80); font-size: 16px; line-height: 1.45;
}
.audit-report__list i { color: var(--lime); margin-top: 3px; flex-shrink: 0; }
.audit-report__col--free .audit-report__list i { color: var(--mint); }

/* --- Форма --- */
.audit-form-section { padding: 80px 0 100px; border-top: 1px solid var(--stroke-15); }
.audit-form__wrap {
	max-width: 640px; margin: 0 auto;
	background: var(--surface); border: 1px solid var(--stroke-15);
	border-radius: var(--radius-xl); padding: 44px 40px;
}
.audit-form__intro { text-align: center; margin-bottom: 32px; }
.audit-form__intro .audit-section__lead { margin-left: auto; margin-right: auto; }
.audit-form .form-control input[type=text] {
	width: 100%; padding: 14px 16px;
	background: var(--bg-2); border: 1px solid var(--stroke-15);
	border-radius: var(--radius-sm); color: var(--text-100); font-size: 16px;
}
.audit-form .form-control input:focus { outline: none; border-color: var(--lime); }
.audit-form .form-control input::placeholder { color: var(--text-40); }
.audit-form .form-row--policy { display: flex; }
.audit-form .form-row--policy label {
	display: flex; align-items: flex-start; gap: 10px;
	font-size: 14px; color: var(--text-60); cursor: pointer;
}
.audit-form .form-row--policy input { margin-top: 3px; accent-color: var(--lime); }
.audit-form .form-row--policy a { color: var(--lime); }
.audit-form .form-actions { text-align: center; }
.audit-form .form-actions .btn { width: 100%; }

/* --- Адаптив --- */
@media (max-width: 1024px) {
	.audit-checks__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
	.audit-why__grid { grid-template-columns: 1fr; gap: 32px; }
	.audit-steps__grid { grid-template-columns: 1fr; }
	.audit-report__grid { grid-template-columns: 1fr; }
	.audit-why, .audit-checks, .audit-steps, .audit-report { padding: 56px 0; }
	.audit-form-section { padding: 56px 0 72px; }
}
@media (max-width: 560px) {
	.audit-checks__grid { grid-template-columns: 1fr; }
	.audit-form__wrap { padding: 32px 22px; }
	.audit-hero__actions { gap: 14px; }
}

/* ============================================================
   Сканер: поле ввода, прогресс, результат, разблокировка
   ============================================================ */

/* Форма ввода адреса (в тёмном hero) */
.audit-scan { margin-top: 32px; max-width: 640px; }
.audit-scan__row { display: flex; gap: 12px; }
.audit-scan__input {
	flex: 1; min-width: 0; padding: 16px 20px;
	background: rgba(255,255,255,0.06); border: 1px solid var(--stroke-40);
	border-radius: var(--radius-sm); color: var(--text-100); font-size: 17px;
}
.audit-scan__input:focus { outline: none; border-color: var(--lime); background: rgba(255,255,255,0.09); }
.audit-scan__input::placeholder { color: var(--text-40); }
.audit-scan__btn { flex-shrink: 0; padding-left: 28px; padding-right: 28px; font-size: 16px; }
.audit-scan__consent {
	display: flex; align-items: flex-start; gap: 10px;
	margin-top: 14px; font-size: 14px; color: var(--text-60); cursor: pointer;
}
.audit-scan__consent input { margin-top: 3px; accent-color: var(--lime); }
.audit-scan__captcha { margin-top: 16px; }
.audit-scan__error {
	margin-top: 14px; font-size: 14px; color: #ff8a8a;
	background: rgba(255,80,80,0.1); border: 1px solid rgba(255,80,80,0.3);
	border-radius: 10px; padding: 12px 16px;
}
.audit-scan__note { margin-top: 16px; font-size: 13px; color: var(--text-40); max-width: 560px; }

/* Секция результата (светлый отчёт на тёмном фоне) */
.audit-result { padding: 48px 0; border-top: 1px solid var(--stroke-15); }

/* Прогресс */
.audit-progress { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 48px 0; }
.audit-progress__spin {
	width: 44px; height: 44px; border-radius: 50%;
	border: 3px solid var(--stroke-40); border-top-color: var(--lime);
	animation: auditSpin .8s linear infinite;
}
@keyframes auditSpin { to { transform: rotate(360deg); } }
.audit-progress__text { color: var(--text-60); font-size: 15px; }

.audit-report-slot:not(:empty) { margin-bottom: 28px; }

/* Заметка (cooldown / ошибка) */
.audit-note {
	max-width: 800px; margin: 0 auto; text-align: center;
	background: var(--surface); border: 1px solid var(--stroke-15);
	border-radius: var(--radius-md); padding: 28px 32px; color: var(--text-80); font-size: 16px;
}
.audit-note--err { color: #ffb3b3; border-color: rgba(255,80,80,0.3); background: rgba(255,80,80,0.06); }

/* Разблокировка полного отчёта */
.audit-unlock { max-width: 800px; margin: 0 auto; }
.audit-unlock__inner {
	background: linear-gradient(160deg, rgba(215,255,103,0.08), rgba(0,255,200,0.05));
	border: 1px solid rgba(215,255,103,0.3); border-radius: var(--radius-lg);
	padding: 32px 36px; text-align: center;
}
.audit-unlock__title { font-size: 24px; font-weight: 700; color: var(--text-100); margin-bottom: 8px; }
.audit-unlock__lead { color: var(--text-60); margin-bottom: 22px; max-width: 520px; margin-left: auto; margin-right: auto; }
.audit-unlock__form { display: flex; gap: 12px; max-width: 520px; margin: 0 auto; }
.audit-unlock__form input {
	flex: 1; min-width: 0; padding: 14px 18px;
	background: var(--bg-2); border: 1px solid var(--stroke-40);
	border-radius: var(--radius-sm); color: var(--text-100); font-size: 16px;
}
.audit-unlock__form input:focus { outline: none; border-color: var(--lime); }
.audit-unlock__error { margin-top: 14px; color: #ff8a8a; font-size: 14px; }
.audit-unlock__ok { margin-top: 8px; color: var(--mint); font-size: 16px; }
.audit-unlock__ok i { margin-right: 6px; }

@media (max-width: 560px) {
	.audit-scan__row { flex-direction: column; }
	.audit-scan__btn { width: 100%; }
	.audit-unlock__form { flex-direction: column; }
	.audit-unlock__form .btn { width: 100%; }
}

/* fix: [hidden] перебивается display:flex */
.audit-progress[hidden]{display:none}

/* ============================================================
   Отчёт на странице — из элементов сайта (тёмная тема)
   ============================================================ */

/* Вердикт */
.audit-rhead { padding-top: 72px; padding-bottom: 48px; }
.audit-verdict { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.audit-eyebrow { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .11em; color: var(--text-40); }
.audit-verdict__host { font-size: var(--fs-page); font-weight: 700; letter-spacing: -.02em; line-height: 1.02; color: var(--text-100); margin: 12px 0 10px; word-break: break-word; }
.audit-verdict__meta { font-size: 15px; color: var(--text-60); }
.audit-grade { flex-shrink: 0; text-align: right; line-height: 1; }
.audit-grade__letter { display: block; font-size: clamp(72px, 9vw, 120px); font-weight: 800; letter-spacing: -.04em; }
.audit-grade__label { display: block; font-size: 14px; color: var(--text-60); margin-top: 6px; }

/* Счётчики на factoid-карточках: подкраска цифры по важности */
.audit-counters .factoid-card { min-height: 180px; gap: 16px; }
.audit-count--critical .factoid-card__num { color: #C0392B; }
.audit-count--high     .factoid-card__num { color: #D35400; }
.audit-count--medium   .factoid-card__num { color: #B7950B; }
.audit-count--low      .factoid-card__num { color: #54606B; }
.audit-count--zero     .factoid-card__num { color: #B8BEC0; }

/* Детали */
.audit-details { padding-top: 72px; }
.section-title.audit-details__title { text-align: left; margin-bottom: 40px; }
.audit-cat { margin-bottom: 44px; }
.audit-cat:last-child { margin-bottom: 0; }
.audit-cat__title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; color: var(--text-40); margin-bottom: 8px; }

.audit-findings { }
.audit-finding { display: flex; gap: 18px; padding: 20px 0; border-top: 1px solid var(--stroke-15); }
.audit-finding__body { flex: 1; min-width: 0; }
.audit-finding__title { font-size: var(--fs-card-sm); font-weight: 600; letter-spacing: -.01em; color: var(--text-100); line-height: 1.2; }
.audit-finding__detail { font-size: 15px; color: var(--text-60); margin-top: 6px; line-height: 1.5; }
.audit-finding__fix { font-size: 14px; color: var(--text-80); margin-top: 14px; padding: 14px 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--stroke-15); border-radius: var(--radius-sm); }
.audit-finding__fix span { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--lime); margin-bottom: 4px; }

/* Бейдж важности (тёмная тема) */
.audit-sev { flex-shrink: 0; align-self: flex-start; width: 104px; text-align: center; font-size: 12px; font-weight: 600; padding: 5px 0; border-radius: 999px; margin-top: 4px; }
.audit-sev--critical { color: #FF6B5E; background: rgba(255,107,94,0.14); }
.audit-sev--high     { color: #FFA05A; background: rgba(255,160,90,0.14); }
.audit-sev--medium   { color: #F5D020; background: rgba(245,208,32,0.12); }
.audit-sev--low      { color: var(--text-60); background: rgba(231,236,237,0.06); }
.audit-sev--info     { color: var(--text-60); background: rgba(231,236,237,0.06); }
.audit-sev--ok       { color: var(--mint); background: rgba(0,255,200,0.12); }

/* Замок (free) */
.audit-locked { display: flex; align-items: center; gap: 10px; margin-top: 16px; padding: 16px 18px; border: 1px dashed var(--stroke-40); border-radius: var(--radius-sm); color: var(--text-60); font-size: 15px; }
.audit-locked svg { flex-shrink: 0; color: var(--text-40); }

@media (max-width: 768px) {
	.audit-verdict { flex-direction: column; align-items: flex-start; gap: 24px; }
	.audit-grade { text-align: left; }
	.audit-rhead { padding-top: 48px; padding-bottom: 32px; }
	.audit-details { padding-top: 48px; }
	.audit-finding { flex-direction: column; gap: 10px; }
	.audit-sev { width: auto; display: inline-block; padding: 5px 14px; }
}

/* обёртка результата: отступы дают секции отчёта */
.audit-result{padding:0}

/* ============================================================
   РАБОЧАЯ ОБЛАСТЬ — СВЕТЛАЯ (как контентные секции сайта).
   Тёмный остаётся только hero-баннер. Переопределяет тёмные
   правила выше (идёт позже в файле).
   ============================================================ */

/* фон светлых секций */
.audit-rhead, .audit-details, .audit-checks, .audit-steps,
.audit-result .audit-unlock { background: var(--bg-light); }

/* Вердикт */
.audit-rhead { color: #232728; }
.audit-eyebrow { color: #6B7276; }
.audit-verdict__host { color: #121A1C; }
.audit-verdict__meta { color: #4A5155; }
.audit-grade__label { color: #4A5155; }

/* Счётчики (factoid уже светлый) — подписи читаемые */
.audit-counters .factoid-card__caption { color: #4A5155; opacity: 1; }

/* Детали */
.audit-details .section-title.audit-details__title { color: #121A1C; }
.audit-cat__title { color: #7A838A; }
.audit-finding { border-top-color: rgba(0,0,0,0.09); }
.audit-finding__title { color: #121A1C; }
.audit-finding__detail { color: #51595F; }
.audit-finding__fix { background: #FFFFFF; border-color: rgba(0,0,0,0.10); color: #232728; }
.audit-finding__fix span { color: #5A7D10; }
.audit-locked { border-color: rgba(0,0,0,0.20); color: #51595F; }
.audit-locked svg { color: #8A969C; }

/* Бейджи важности — светлая тема */
.audit-sev--critical { color: #B0281B; background: #FBEAE8; }
.audit-sev--high     { color: #B45309; background: #FBEFE2; }
.audit-sev--medium   { color: #8A6400; background: #FAF4E1; }
.audit-sev--low      { color: #54606B; background: #ECEFF1; }
.audit-sev--info     { color: #54606B; background: #ECEFF1; }
.audit-sev--ok       { color: #1B7A44; background: #E7F6EE; }

/* Прогресс на светлом */
.audit-progress__text { color: #4A5155; }
.audit-progress__spin { border-color: rgba(0,0,0,0.12); border-top-color: #7FA81E; }

/* Маркетинговые секции — светлые карточки */
.audit-checks .audit-section__title, .audit-steps .audit-section__title { color: #121A1C; }
.audit-checks .audit-section__lead,  .audit-steps .audit-section__lead  { color: #51595F; }
.audit-card { background: #FFFFFF; border-color: rgba(0,0,0,0.09); }
.audit-card:hover { border-color: rgba(0,0,0,0.18); }
.audit-card__icon { background: #EEF4D8; color: #4E6B0A; }
.audit-card__title { color: #121A1C; }
.audit-card p { color: #51595F; }
.audit-card code { background: #ECEFF1; color: #232728; }
.audit-step { border-color: rgba(0,0,0,0.09); }
.audit-step__title { color: #121A1C; }
.audit-step p { color: #51595F; }

/* Разблокировка — светлая лаймовая карточка */
.audit-unlock__inner { background: #F3F8E3; border-color: #D4E79C; }
.audit-unlock__title { color: #121A1C; }
.audit-unlock__lead { color: #51595F; }
.audit-unlock__form input { background: #FFFFFF; border-color: rgba(0,0,0,0.14); color: #232728; }
.audit-unlock__ok { color: #1B7A44; }

/* Числовой индикатор N/100 вместо буквы */
.audit-score { display: flex; align-items: baseline; gap: 4px; justify-content: flex-end; line-height: 1; }
.audit-score__num { font-size: clamp(60px, 8vw, 104px); font-weight: 800; letter-spacing: -0.04em; }
.audit-score__max { font-size: clamp(20px, 2.4vw, 30px); font-weight: 700; color: #9AA3A8; }
@media (max-width: 768px) { .audit-score { justify-content: flex-start; } }

/* Счётчики — простая сетка в общем контейнере (чинит разъезд) */
.audit-counters { background: var(--bg-light); padding-top: 8px; padding-bottom: 40px; }
.audit-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.audit-count__num { font-family: 'Onest','Gilroy','Manrope',sans-serif; font-weight: 400; font-size: clamp(48px, 6vw, 84px); line-height: 0.9; letter-spacing: -0.04em; }
.audit-count__label { font-size: 14px; font-weight: 500; color: #4A5155; margin-top: 10px; }
.audit-details { padding-top: 48px; }
@media (max-width: 768px) {
	.audit-counts { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
}

/* Панель «Поделиться / Скачать PDF» */
.audit-details { padding: 48px 0 40px; }
.audit-actions-sec { background: var(--bg-light); padding-top: 0; padding-bottom: 56px; }
.audit-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.audit-btn { display: inline-flex; align-items: center; gap: 9px; padding: 13px 22px; border-radius: var(--radius-sm); border: 1px solid rgba(0,0,0,0.16); background: #fff; color: #232728; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: border-color .15s, background .15s; }
.audit-btn:hover { border-color: rgba(0,0,0,0.34); background: #FAFAFA; }
.audit-btn i { font-size: 14px; }

/* Тост «Ссылка скопирована» */
.audit-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(16px); background: #121A1C; color: #fff; padding: 12px 22px; border-radius: 999px; font-size: 14px; font-weight: 500; opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; z-index: 9999; }
.audit-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ============================================================
   Отчёт в макете статьи (левый сайдбар + тело), как на блоге
   ============================================================ */
.audit-lead { padding: 64px 0 96px; }

/* Сайдбар */
.audit-aside { max-height: none; gap: 28px; }
.audit-aside__top { display: flex; flex-direction: column; }
.audit-aside__eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #8A939A; }
.audit-aside__host { margin: 12px 0 18px; font-size: clamp(24px, 2.4vw, 32px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; color: #121A1C; overflow-wrap: anywhere; }
.audit-aside__score { display: flex; align-items: baseline; gap: 4px; }
.audit-aside__score .audit-score__num { font-size: clamp(56px, 7vw, 80px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.audit-aside__label { margin-top: 6px; font-size: 16px; font-weight: 600; }
.audit-aside__meta { margin-top: 14px; font-size: 13px; color: #6B7276; }
.audit-aside .audit-actions { margin-top: 24px; }

/* CTA «Получить полный отчёт» = тёмная карточка блога (.article-cta) */
.audit-cta .audit-unlock__form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.audit-cta .audit-unlock__form input { width: 100%; padding: 13px 16px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); border-radius: 12px; color: #fff; font-size: 15px; }
.audit-cta .audit-unlock__form input::placeholder { color: rgba(255,255,255,0.4); }
.audit-cta .audit-unlock__form input:focus { outline: none; border-color: var(--lime); }
.audit-cta .article-cta__btn { margin-top: 2px; }
.audit-cta .audit-unlock__error { margin-top: 12px; font-size: 13px; color: #ff9b9b; }
.audit-cta .audit-unlock__ok { margin-top: 12px; font-size: 14px; color: var(--mint); }

/* Тело */
.audit-body { min-width: 0; }
.audit-body .audit-counts { margin-bottom: 44px; }
.audit-body__title { font-size: clamp(28px, 3vw, 44px); font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: #121A1C; margin: 0 0 24px; }
.audit-body .audit-cat:first-of-type .audit-cat__title { margin-top: 0; }

@media (max-width: 768px) {
	.audit-lead { padding: 40px 0 64px; }
	.audit-aside__top { order: 0; }
	.audit-body .audit-counts { grid-template-columns: repeat(2, 1fr); }
}

/* Поле со ссылкой на отчёт (после «Поделиться») */
.audit-share__url { display: block; width: 100%; margin-top: 12px; padding: 11px 14px; border: 1px solid rgba(0,0,0,0.16); border-radius: var(--radius-sm); background: #fff; color: #232728; font-size: 13px; font-family: inherit; }
.audit-share__url:focus { outline: none; border-color: var(--lime); }
.audit-share__url[hidden] { display: none; }

/* ============================================================
   Вкладки отчёта (Безопасность / SEO / GEO / 152-ФЗ)
   ============================================================ */
.audit-tabs { display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 32px; }
.audit-tab { display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; color: #6B7276; font-family: inherit; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; cursor: pointer; transition: color .15s; }
.audit-tab:hover { color: #121A1C; }
.audit-tab.is-active { color: #121A1C; border-bottom-color: var(--lime); }
.audit-tab__score { font-size: 15px; font-weight: 800; letter-spacing: -0.02em; }
.audit-panel.is-hidden { display: none; }
.audit-panel__head { display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px; }
.audit-panel__score { display: flex; align-items: baseline; gap: 4px; }
.audit-panel__score .audit-score__num { font-size: clamp(48px, 6vw, 72px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.audit-panel__label { font-size: 18px; font-weight: 600; }

@media (max-width: 768px) {
	.audit-tabs { gap: 2px; }
	.audit-tab { padding: 10px 12px; font-size: 14px; }
}

/* Скрытый триггер CRM-формы Б24 (виджет открывается по клику на него) */
.audit-b24-trigger { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* End */
/* /local/templates/overplan2026/css/audit.css?179235279025090 */