/* SEOMAX AI Visibility Tracker — frontend */

.avt *, .avt *::before, .avt *::after { box-sizing: border-box; }
/* Клас с display:flex надделява над атрибута hidden и елементът си стои видим.
   Затова hidden се налага изрично — иначе заключеният доклад се вижда без форма. */
.avt [hidden], .avt[hidden] { display: none !important; }
.avt a { text-decoration: none; }
/* Без border/background тук — .avt button (0,1,1) надделява над класовете (0,1,0)
   и им гаси фона и рамката. Всеки бутон си ги задава сам. */
.avt button { cursor: pointer; font-family: inherit; -webkit-appearance: none; appearance: none; }
.avt input, .avt select { font-family: inherit; }

.avt {
	/* Казва на браузъра, че компонентът е тъмен. Chrome и Safari тогава рисуват
	   autofill фона, списъка на select-а и скролбаровете в тъмната им версия,
	   вместо да налагат светлосиньо върху тъмното ни поле. */
	color-scheme: dark;
	--avt-navy:#101D48; --avt-blue:#005BD7; --avt-blue2:#0070FF;
	--avt-cyan:#4EB9F1; --avt-cyan2:#7DCEF7;
	--avt-text:#E8EEF8; --avt-muted:rgba(255,255,255,0.5);
	--avt-border:rgba(78,185,241,0.18); --avt-surface:rgba(22,34,96,0.65);
	font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	background: var(--avt-navy);
	color: var(--avt-text);
	/* Без заоблени ъгли — компонентът стои на цялата ширина и трябва да
	   прелива в хедъра и футъра, без бели ъгълчета от фона на страницата. */
	border-radius: 0;
	overflow: hidden;
	width: 100%;
	position: relative;
	line-height: 1.5;
}

.avt-amb1 { position:absolute; top:-200px; left:-200px; width:520px; height:520px; background:radial-gradient(circle closest-side, rgba(0,91,215,0.20) 0%, rgba(0,91,215,0) 100%); pointer-events:none; z-index:0; }
.avt-amb2 { position:absolute; bottom:-200px; right:-200px; width:480px; height:480px; background:radial-gradient(circle closest-side, rgba(78,185,241,0.12) 0%, rgba(78,185,241,0) 100%); pointer-events:none; z-index:0; }
.avt-gridpat { position:absolute; inset:0; background-image:linear-gradient(rgba(78,185,241,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,185,241,0.04) 1px,transparent 1px); background-size:40px 40px; pointer-events:none; z-index:0; }

.avt-wrap { position:relative; z-index:1; max-width:880px; margin:0 auto; padding:44px 28px 60px; }
.avt-wrap.avt-quiz-mode { padding-top:28px; }
.avt :focus-visible { outline:2px solid #7DCEF7; outline-offset:2px; }

/* Header */
.avt-hdr { text-align:center; margin-bottom:28px; }
.avt-eye { display:inline-block; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; color:#4EB9F1; border:1px solid rgba(0,91,215,0.5); padding:6px 18px; border-radius:20px; background:rgba(0,91,215,0.15); margin-bottom:16px; font-weight:700; }
.avt-h1 { font-size:clamp(28px,5.5vw,52px); font-weight:800; line-height:1.05; letter-spacing:-1.5px; margin:0 0 6px; color:#fff; }
.avt-h1s { font-size:clamp(15px,2vw,20px); font-weight:600; color:#7DCEF7; margin:0 0 14px; }
.avt-sub { color:var(--avt-muted); font-size:15px; line-height:1.7; max-width:540px; margin:0 auto 20px; font-weight:300; }
.avt-sub strong { color:#4EB9F1; }

.avt-plats { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.avt-plat { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:700; background:rgba(78,185,241,0.08); border:1px solid rgba(78,185,241,0.22); color:var(--avt-cyan2); }
.avt-plat-dot { width:5px; height:5px; border-radius:50%; background:var(--avt-cyan); }

.avt-stats { display:flex; justify-content:center; gap:32px; flex-wrap:wrap; margin-bottom:28px; }
.avt-stat { text-align:center; }
.avt-stat-num { font-size:22px; font-weight:700; color:var(--avt-cyan); display:block; font-variant-numeric:tabular-nums; }
.avt-stat-lbl { font-size:11px; color:var(--avt-muted); font-weight:600; letter-spacing:.5px; }

.avt-prog-wrap { max-width:500px; margin:0 auto; }
.avt-prog-meta { display:flex; justify-content:space-between; font-size:11px; color:var(--avt-muted); margin-bottom:7px; font-weight:600; }
.avt-prog-bar { height:4px; background:rgba(255,255,255,0.07); border-radius:2px; overflow:hidden; }
.avt-prog-fill { height:4px; border-radius:2px; background:linear-gradient(to right,#005BD7,#4EB9F1); transition:width .4s ease; display:block; }

/* Прогрес по категории — напредък на порции вместо една дълга лента. */
.avt-prog-cats { display:flex; gap:6px; margin-top:10px; }
.avt-prog-cat { flex:1; display:flex; flex-direction:column; align-items:center; gap:5px; opacity:.45; transition:opacity .25s; }
.avt-prog-cat.avt-pc-now { opacity:1; }
.avt-prog-cat.avt-pc-done { opacity:.85; }
.avt-prog-cat-ico { font-size:12px; line-height:1; filter:grayscale(1); transition:filter .25s; }
.avt-prog-cat.avt-pc-now .avt-prog-cat-ico,
.avt-prog-cat.avt-pc-done .avt-prog-cat-ico { filter:none; }
.avt-prog-cat-bar { display:block; width:100%; height:3px; border-radius:2px; background:rgba(255,255,255,0.09); overflow:hidden; }
.avt-prog-cat-bar i { display:block; height:3px; width:0; border-radius:2px; background:linear-gradient(to right,#005BD7,#4EB9F1); transition:width .35s ease; }
.avt-prog-cat.avt-pc-done .avt-prog-cat-bar i { background:var(--avt-cyan); }

/* Плочките за индустрия — първата стъпка е един клик, без писане. */
.avt-ind-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin-top:6px; }
.avt .avt-ind {
	display:flex; align-items:center; gap:12px; text-align:left; min-height:62px;
	padding:14px 16px; border-radius:12px; line-height:1.35;
	background-color:rgba(16,29,72,0.7); border:1px solid rgba(78,185,241,0.18);
	color:#E8EEF8; font-size:14.5px; font-weight:600; text-transform:none; letter-spacing:0;
	transition:border-color .18s, background .18s, transform .18s;
	/* Темата често слага white-space:nowrap на всички бутони — тогава дългото
	   име излиза извън плочката и застъпва съседната. Затова е с !important. */
	white-space:normal !important;
	overflow-wrap:anywhere; word-break:break-word; min-width:0;
}
.avt .avt-ind:hover:not(:disabled) { border-color:rgba(78,185,241,0.5); background-color:rgba(22,34,96,0.9); transform:translateY(-2px); }
.avt .avt-ind.avt-sel { border-color:var(--avt-cyan); background-color:rgba(78,185,241,0.16); }
.avt .avt-ind:disabled { cursor:default; }
.avt .avt-ind:disabled:not(.avt-sel) { opacity:.45; }
.avt .avt-ind:focus-visible { outline:2px solid var(--avt-cyan); outline-offset:2px; }
.avt-ind-ico {
	flex:none; width:34px; height:34px; border-radius:9px; font-size:17px; line-height:1;
	display:flex; align-items:center; justify-content:center;
	background:rgba(78,185,241,0.10); border:1px solid rgba(78,185,241,0.16);
	transition:background .18s, border-color .18s;
}
.avt .avt-ind:hover:not(:disabled) .avt-ind-ico { background:rgba(78,185,241,0.18); }
.avt .avt-ind.avt-sel .avt-ind-ico { background:rgba(78,185,241,0.26); border-color:rgba(78,185,241,0.45); }
.avt-ind-lb { flex:1; min-width:0; overflow-wrap:anywhere; }

.avt-hdr-full { transition:max-height .4s ease, opacity .3s ease; overflow:hidden; }
.avt-hdr-full.avt-hidden { max-height:0; opacity:0; margin:0; padding:0; pointer-events:none; }
.avt-hdr.avt-compact { margin-bottom:16px; }
.avt-hdr.avt-compact .avt-h1 { font-size:clamp(20px,3.5vw,32px); margin-bottom:4px; }
.avt-hdr.avt-compact .avt-h1s { font-size:14px; margin-bottom:10px; }
.avt-hdr.avt-compact .avt-eye { font-size:11px; padding:4px 13px; margin-bottom:8px; }

/* Screens */
.avt-screen { display:none; }
.avt-screen.on { display:block; }
.avt-block { margin-bottom:16px; }

/* Registration */
.avt form.avt-reg-card { margin:0; padding:32px; }
.avt-reg-card { background:rgba(16,29,72,0.75); border:1px solid rgba(78,185,241,0.22); border-radius:20px; padding:32px; margin-bottom:16px; position:relative; overflow:hidden; }
.avt-reg-card::after { content:''; position:absolute; top:0; left:10%; right:10%; height:2px; background:linear-gradient(to right,var(--avt-blue),var(--avt-cyan),var(--avt-blue)); }
.avt-reg-title { font-size:24px; font-weight:800; margin-bottom:8px; color:#fff; }
.avt-reg-sub { font-size:14px; color:rgba(255,255,255,0.52); margin:0 0 28px; line-height:1.65; font-weight:300; }

.avt-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; align-items:start; }
.avt-field-grid.avt-grid-1 { grid-template-columns:1fr; }
.avt-field { display:flex; flex-direction:column; gap:7px; }
.avt-field > label { font-size:11px; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; color:#fff; margin:0; display:flex; align-items:baseline; gap:6px; }
.avt-field > label .avt-req { color:#4EB9F1; }
.avt-opt { font-size:11px; font-weight:600; letter-spacing:0.4px; text-transform:none; color:rgba(255,255,255,0.58); }
.avt-field input, .avt-field select {
	height:48px; background:rgba(16,29,72,0.7); border:1px solid rgba(78,185,241,0.25);
	border-radius:10px; padding:0 16px; font-size:15px; font-weight:500; color:#fff;
	outline:none; width:100%; transition:border-color .2s, box-shadow .2s, background .2s; box-shadow:none;
}
.avt-field input::placeholder { color:rgba(255,255,255,0.42); font-weight:400; }
/* Попълненото поле изглежда различно от празното — иначе плейсхолдърът
   и въведената стойност се четат еднакво и човек не вижда какво е попълнил. */
.avt-field input:not(:placeholder-shown),
.avt-field select.avt-has-value { border-color:rgba(78,185,241,0.42); background-color:rgba(22,34,96,0.85); }
.avt-field select {
	-webkit-appearance:none; appearance:none; cursor:pointer; padding-right:36px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234EB9F1' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center;
	color:rgba(255,255,255,0.35);
}
.avt-field select.avt-has-value { color:#fff; }
.avt-field select option { background:#101D48; color:#E8EEF8; }
.avt-field input:focus, .avt-field select:focus { border-color:#4EB9F1; box-shadow:0 0 0 3px rgba(78,185,241,0.12); background-color:rgba(16,29,72,0.9); }
.avt-field.avt-err input, .avt-field.avt-err select { border-color:#FF5A7E; box-shadow:0 0 0 3px rgba(255,90,126,0.12); }

.avt-fielderr { display:none; font-size:13px; line-height:1.45; color:#FF9FB3; font-weight:400; }
.avt-fielderr.on { display:block; }
.avt-fielderr-block { margin-top:-4px; }

.avt-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none; }

.avt-consent { display:flex; align-items:flex-start; gap:12px; margin:8px 0 22px; }
/* Собствена отметка — при color-scheme:dark нативната излиза сива и невзрачна,
   а тук тя е единственото нещо, което човек трябва задължително да натисне. */
.avt-consent input[type=checkbox] {
	-webkit-appearance:none; appearance:none;
	width:24px; height:24px; flex:0 0 24px; margin:10px 0 0; cursor:pointer;
	position:relative; border-radius:6px;
	border:1.5px solid rgba(78,185,241,0.55); background:rgba(11,21,51,0.9);
	transition:background .18s, border-color .18s, box-shadow .18s;
}
.avt-consent input[type=checkbox]:hover { border-color:#4EB9F1; background:rgba(78,185,241,0.14); }
.avt-consent input[type=checkbox]:checked { background:#005BD7; border-color:#4EB9F1; }
.avt-consent input[type=checkbox]:checked::after {
	content:''; position:absolute; left:8px; top:4px; width:5px; height:10px;
	border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);
}
.avt-consent input[type=checkbox]:focus-visible { outline:2px solid #7DCEF7; outline-offset:3px; }
.avt-consent.avt-err input[type=checkbox] { border-color:#FF5A7E; box-shadow:0 0 0 3px rgba(255,90,126,0.12); }
.avt-consent label { font-size:14px; color:rgba(255,255,255,0.80); line-height:1.5; font-weight:400; cursor:pointer; display:block; padding:11px 0; min-height:44px; }
.avt-consent a { color:#4EB9F1; text-decoration:underline; }
.avt-consent.avt-err label { color:#FF5A7E; }

.avt-consent-soft { margin-top:-12px; margin-bottom:20px; padding-top:14px; border-top:1px solid rgba(78,185,241,0.12); }
.avt-consent-soft label { color:rgba(255,255,255,0.68); }

.avt-formerr { display:none; font-size:13px; color:#FF5A7E; background:rgba(255,90,126,0.08); border:1px solid rgba(255,90,126,0.25); border-radius:10px; padding:11px 14px; margin-bottom:16px; line-height:1.5; }
.avt-formerr.on { display:block; }

.avt-btn-start { width:100%; height:54px; border:none; border-radius:12px; background:#005BD7; color:#fff; font-size:16px; font-weight:800; transition:background .2s, transform .2s, box-shadow .2s; letter-spacing:.3px; }
.avt-btn-start:hover { background:#0070FF; transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,91,215,0.45); }
.avt-btn-start:disabled { opacity:.6; cursor:wait; transform:none; }
.avt-privacy { font-size:12px; color:rgba(255,255,255,0.62); margin:12px 0 0; text-align:center; line-height:1.5; font-weight:400; }

/* Quiz */
.avt-q-card { background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:20px; padding:24px 22px; margin-bottom:12px; }
.avt-cat-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:16px; }
.avt-q-meta { font-size:11px; color:rgba(255,255,255,0.62); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:8px; font-weight:700; }
.avt-q-text { font-size:clamp(15px,2vw,19px); font-weight:800; line-height:1.45; margin-bottom:10px; color:#fff; }
.avt-q-why { font-size:13px; color:rgba(255,255,255,0.58); line-height:1.6; font-weight:300; padding:9px 13px; background:rgba(78,185,241,0.06); border-left:2px solid rgba(78,185,241,0.35); border-radius:0 8px 8px 0; margin-bottom:6px; }

.avt-answers { display:grid; grid-template-columns:1fr; gap:9px; margin-top:20px; }
.avt-ans { display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:12px; background:rgba(16,29,72,0.7); border:1px solid rgba(78,185,241,0.18); text-align:left; width:100%; color:#E8EEF8; font-size:15px; font-weight:500; line-height:1.45; text-transform:none; letter-spacing:0; transition:border-color .2s, background .2s, transform .2s; }
.avt-ans:hover { border-color:rgba(78,185,241,0.4); background:rgba(22,34,96,0.85); transform:translateX(4px); }
.avt-ans.avt-sel { border-color:var(--avt-cyan); background:rgba(78,185,241,0.12); }
.avt-ans-dot { width:20px; height:20px; border-radius:50%; flex-shrink:0; border:2px solid rgba(78,185,241,0.35); display:flex; align-items:center; justify-content:center; transition:background .2s, border-color .2s; }
.avt-ans.avt-sel .avt-ans-dot { background:var(--avt-cyan); border-color:var(--avt-cyan); }
.avt-ans-dot::after { content:''; width:8px; height:8px; border-radius:50%; background:#fff; opacity:0; transition:opacity .2s; }
.avt-ans.avt-sel .avt-ans-dot::after { opacity:1; }
.avt-ans-txt { flex:1; }

/* Цифрата на клавиша стои върху самия отговор, а не скрита в подсказка отдолу. */
.avt-ans-key {
	flex:none; width:20px; height:20px; border-radius:5px; font-size:11px; font-weight:700;
	display:flex; align-items:center; justify-content:center;
	background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.4);
	border:1px solid rgba(255,255,255,0.08); transition:background .2s, color .2s;
}
.avt-ans.avt-sel .avt-ans-key { background:rgba(78,185,241,0.22); color:var(--avt-cyan2); border-color:rgba(78,185,241,0.35); }

/* „Не знам" не е провал и не изглежда като най-лошия вариант. */
.avt .avt-ans.avt-ans-unk { font-weight:500; color:rgba(232,238,248,0.72) !important; border-style:dashed; }
.avt .avt-ans.avt-ans-unk.avt-sel { color:#E8EEF8 !important; border-style:solid; }

/* Пояснението „Защо питаме" — сгъваемо, за да не яде екран на телефон. */
.avt-why { margin-bottom:6px; }
.avt-why > summary {
	list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
	font-size:12.5px; font-weight:700; letter-spacing:.4px; color:var(--avt-cyan2);
	min-height:40px; padding:9px 0; user-select:none;
}
.avt-why > summary::-webkit-details-marker { display:none; }
.avt-why > summary::before { content:'💡'; font-size:12px; }
.avt-why > summary::after { content:'▾'; font-size:10px; opacity:.7; transition:transform .2s; }
.avt-why[open] > summary::after { transform:rotate(180deg); }
.avt-why > summary:focus-visible { outline:2px solid var(--avt-cyan); outline-offset:2px; border-radius:4px; }

.avt-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:10px; }
.avt-btn-prev { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:12px 18px; border-radius:10px; background:transparent; border:1px solid rgba(78,185,241,0.25); color:rgba(255,255,255,0.68); font-size:13px; font-weight:700; transition:border-color .2s, color .2s; }
.avt-btn-prev:hover { border-color:rgba(78,185,241,0.5); color:var(--avt-text); }
.avt-btn-next { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:13px 26px; border:none; border-radius:10px; background:#005BD7; color:#fff; font-size:14px; font-weight:700; transition:background .2s, transform .2s, box-shadow .2s; margin-left:auto; }
.avt-btn-next:hover { background:#0070FF; transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,91,215,0.4); }
.avt-btn-next:disabled { opacity:.35; cursor:not-allowed; transform:none; box-shadow:none; }

/* Sending */
.avt-sending { text-align:center; padding:60px 20px; background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:20px; }
.avt-spinner { width:60px; height:60px; border:3px solid rgba(78,185,241,0.15); border-top-color:var(--avt-cyan); border-radius:50%; animation:avtSpin 1s linear infinite; margin:0 auto 20px; }
@keyframes avtSpin { to { transform:rotate(360deg); } }
.avt-sending h3 { font-size:22px; font-weight:800; margin:0 0 8px; color:#fff; }
.avt-sending p { font-size:14px; color:var(--avt-muted); font-weight:300; margin:0; }
#avt-send-email { color:#4EB9F1; }

/* Results */
.avt-res-hero { text-align:center; padding:36px 24px; background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:20px; margin-bottom:16px; position:relative; overflow:hidden; }
.avt-res-hero::after { content:''; position:absolute; top:0; left:10%; right:10%; height:2px; background:linear-gradient(to right,var(--avt-blue),var(--avt-cyan),var(--avt-blue)); }
.avt-ring-wrap { width:148px; height:148px; margin:0 auto 18px; position:relative; display:flex; align-items:center; justify-content:center; }
.avt-ring-wrap svg { position:absolute; inset:0; transform:rotate(-90deg); }
#avt-r-ring { transition:stroke-dashoffset 1.3s cubic-bezier(0.34,1.56,0.64,1); }
.avt-ring-num { font-size:44px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.avt-ring-max { font-size:14px; color:var(--avt-muted); }
.avt-res-lv { font-size:22px; font-weight:800; margin-bottom:10px; }
.avt-res-desc { font-size:15px; color:rgba(255,255,255,0.62); max-width:520px; margin:0 auto 16px; line-height:1.7; font-weight:300; }
.avt-email-confirm { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:10px; background:rgba(0,214,143,0.1); border:1px solid rgba(0,214,143,0.25); font-size:13px; color:#00D68F; font-weight:600; margin-bottom:12px; }
.avt-email-confirm.avt-warn { background:rgba(255,209,102,0.1); border-color:rgba(255,209,102,0.3); color:#FFD166; }
.avt-bench { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:10px; background:rgba(16,29,72,0.8); border:1px solid var(--avt-border); font-size:13px; color:rgba(255,255,255,0.55); }
.avt-bench strong { color:#FFD166; }
.avt-bench-note { font-size:12px; color:rgba(255,255,255,0.58); margin:9px auto 0; max-width:460px; line-height:1.5; font-weight:300; }

.avt-sec { font-size:11.5px; letter-spacing:2.2px; text-transform:uppercase; color:rgba(255,255,255,0.62); display:flex; align-items:center; gap:12px; margin-bottom:14px; font-weight:700; }
.avt-sec::before, .avt-sec::after { content:''; flex:1; height:1px; background:var(--avt-border); }
.avt-lead-note { font-size:13.5px; color:rgba(255,255,255,0.65); margin:0 0 14px; font-weight:300; }

.avt-cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.avt-cat-card { background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:14px; padding:16px; transition:border-color .2s; }
.avt-cat-card:hover { border-color:rgba(78,185,241,0.3); }
.avt-cat-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.avt-cat-nm { font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px; color:rgba(255,255,255,0.88); }
.avt-cat-pct { font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; }
.avt-cat-bar { height:5px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; margin-bottom:7px; }
.avt-cat-fill { height:5px; border-radius:3px; width:0; transition:width 1.1s cubic-bezier(0.34,1.56,0.64,1); }
.avt-cat-tip { font-size:12.5px; color:rgba(255,255,255,0.68); line-height:1.5; font-weight:300; }

.avt-gap { background:rgba(255,209,102,0.05); border:1px solid rgba(255,209,102,0.22); border-radius:14px; padding:18px 20px; margin-bottom:16px; display:flex; align-items:flex-start; gap:14px; }
.avt-gap-ico { font-size:28px; flex-shrink:0; margin-top:2px; }
.avt-gap h4 { font-size:15px; font-weight:800; color:#FFD166; margin:0 0 5px; }
.avt-gap p { font-size:13.5px; color:rgba(255,255,255,0.7); line-height:1.6; font-weight:300; margin:0; }

.avt-rec { display:flex; gap:14px; padding:16px 18px; background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:13px; margin-bottom:10px; align-items:flex-start; }
.avt-rec-ico { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; background:rgba(78,185,241,0.1); }
.avt-rec-body { flex:1; }
.avt-rec-body h4 { font-size:14px; font-weight:800; margin:0 0 4px; color:#E8EEF8; }
.avt-rec-body p { font-size:13px; color:rgba(255,255,255,0.68); line-height:1.65; font-weight:300; margin:0; }
.avt-rec-meta { display:flex; align-items:center; gap:8px; margin-top:6px; flex-wrap:wrap; }
.avt-rec-pri { font-size:11px; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border-radius:5px; font-weight:800; color:#0B1533; }
.avt-rec-time { font-size:12px; color:rgba(255,255,255,0.62); }

.avt-prompt-box { background:rgba(16,29,72,0.8); border:1px solid rgba(78,185,241,0.2); border-radius:12px; padding:16px 18px; margin-bottom:10px; }
.avt-prompt-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.avt-prompt-label { font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:#7DCEF7; font-weight:700; }
.avt-prompt-text { font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:13px; color:rgba(255,255,255,0.85); line-height:1.65; word-break:break-word; }
.avt-prompt-copy { font-size:12px; color:#7DCEF7; min-height:44px; display:inline-flex; align-items:center; padding:6px 14px; border-radius:8px; border:1px solid rgba(78,185,241,0.4); background:rgba(78,185,241,0.08); transition:background .2s, color .2s; font-weight:700; white-space:nowrap; }
.avt-prompt-copy:hover { color:#fff; background:rgba(78,185,241,0.2); border-color:#4EB9F1; }

.avt-cta { background:linear-gradient(135deg,rgba(0,91,215,0.22) 0%,rgba(78,185,241,0.08) 100%); border:1px solid rgba(78,185,241,0.28); border-radius:18px; padding:38px 30px; text-align:center; margin-top:4px; }
.avt-cta-h { font-size:clamp(20px,3.5vw,30px); font-weight:800; margin-bottom:10px; color:#fff; }
.avt-cta p { font-size:14px; color:rgba(255,255,255,0.62); margin:0 auto 24px; line-height:1.7; max-width:500px; font-weight:300; }
.avt-cta-btns { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.avt-btn-p { display:inline-flex; align-items:center; gap:8px; padding:15px 28px; border-radius:10px; background:#005BD7; color:#fff; font-size:15px; font-weight:800; transition:background .2s, transform .2s; }
.avt-btn-p:hover { background:#0070FF; transform:translateY(-2px); color:#fff; }
.avt-btn-s { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:10px; background:rgba(78,185,241,0.12); color:#4EB9F1; font-size:15px; font-weight:800; border:2px solid #4EB9F1; transition:background .2s, transform .2s; }
.avt-btn-s:hover { background:rgba(78,185,241,0.18); transform:translateY(-2px); color:#4EB9F1; }
.avt-feats { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:20px; padding-top:18px; border-top:1px solid var(--avt-border); }
.avt-feat { display:flex; align-items:center; gap:6px; font-size:12px; color:rgba(255,255,255,0.65); font-weight:600; }
.avt-feat-dot { width:5px; height:5px; border-radius:50%; background:var(--avt-cyan); }
.avt-restart { background:transparent; border:none; font-size:13px; color:rgba(255,255,255,0.62); transition:color .2s; display:block; min-height:44px; padding:12px 18px; margin:10px auto 0; font-weight:600; }
.avt-restart:hover { color:var(--avt-cyan); }

/* Responsive */
@media (max-width:760px) {
	.avt-wrap { padding:24px 18px 44px; }
	.avt-hdr { margin-bottom:20px; }
	.avt-stats { gap:16px; }
	.avt-stat-num { font-size:18px; }
	.avt-plat { font-size:11px; padding:5px 10px; }
	.avt-q-card { padding:22px 18px; }
	.avt-ans { padding:12px 14px; font-size:14px; }
	.avt-cat-grid { grid-template-columns:1fr 1fr; }
	.avt-cta { padding:24px 18px; }
	.avt-cta-btns { flex-direction:column; align-items:center; }
	.avt-btn-p, .avt-btn-s { width:100%; max-width:340px; justify-content:center; }
	.avt-reg-card { padding:22px 16px 20px; }
	.avt-field-grid { grid-template-columns:1fr; gap:14px; margin-bottom:14px; }
	.avt-field input, .avt-field select { height:46px; font-size:14px; }
	.avt-btn-start { height:50px; font-size:15px; }
	.avt-res-hero { padding:24px 16px; }
	.avt-ring-wrap { width:120px; height:120px; }
	.avt-ring-num { font-size:36px; }
}
@media (max-width:480px) {
	.avt-wrap { padding:18px 14px 36px; }
	.avt-h1 { font-size:26px; letter-spacing:-1px; }
	.avt-stats { gap:10px; }
	.avt-stat-num { font-size:16px; }
	.avt-stat-lbl { font-size:10px; }
	.avt-cat-grid { grid-template-columns:1fr; }
	.avt-gap, .avt-rec { flex-direction:column; gap:10px; }
	.avt-btn-prev { padding:10px 14px; font-size:12.5px; min-height:44px; }
	.avt-btn-next { padding:12px 20px; font-size:13px; min-height:44px; }
	.avt-prompt-text { font-size:12px; }
	.avt-cta-h { font-size:19px; }
}
@media (max-width:360px) {
	.avt-plats, .avt-stats { display:none; }
}
@media (prefers-reduced-motion:reduce) {
	.avt *, .avt *::before, .avt *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* Индикаторите за зареждане са признатото изключение от „без движение":
   ако спрем и тях, човек не вижда никакъв знак, че нещо се случва. */
@keyframes avtPulse { 0%, 100% { opacity:.3; } 50% { opacity:1; } }
@media (prefers-reduced-motion:reduce) {
	.avt .avt-spinner { animation:avtPulse 1.4s ease-in-out infinite !important; animation-duration:1.4s !important; border-top-color:var(--avt-cyan); }
	.avt .avt-ind-spin { animation:avtPulse 1.2s ease-in-out infinite !important; animation-duration:1.2s !important; }
}

/* Истинските заглавия носят браузърни отстъпи и стилове от темата —
   тук ги изравняваме с това, което класовете вече задават. */
.avt h2, .avt h3, .avt h4 { margin-top:0; font-family:inherit; }
.avt h2.avt-h1 { font-size:clamp(28px,5.5vw,52px); line-height:1.05; letter-spacing:-1.5px; margin:0 0 6px; color:#fff; }
.avt h3.avt-reg-title { font-size:24px; line-height:1.3; margin:0 0 8px; color:#fff; }
.avt h3.avt-q-text { font-size:clamp(15px,2vw,19px); line-height:1.45; margin:0 0 10px; color:#fff; }
.avt h3.avt-sec { font-size:11.5px; line-height:1.4; margin:0 0 14px; }
.avt h3.avt-cta-h { line-height:1.2; margin:0 0 10px; }

/* Защита срещу агресивни теми */
.avt .avt-screen { display:none !important; }
.avt .avt-screen.on { display:block !important; }
.avt a.avt-btn-p { background:#005BD7 !important; color:#fff !important; text-decoration:none !important; }
.avt a.avt-btn-s { color:#4EB9F1 !important; text-decoration:none !important; }
.avt .avt-ans { text-transform:none !important; letter-spacing:0 !important; white-space:normal !important; }
.avt .avt-ans-txt { min-width:0; overflow-wrap:anywhere; word-break:break-word; }
.avt .avt-btn-start, .avt .avt-btn-next, .avt .avt-btn-prev, .avt .avt-restart, .avt .avt-act {
	white-space:normal !important;
}
.avt button.avt-btn-start, .avt button.avt-btn-next { background-color:#005BD7 !important; color:#fff !important; border:none !important; }
.avt button.avt-btn-start:hover, .avt button.avt-btn-next:hover { background-color:#0070FF !important; }
.avt button.avt-ans { background-color:rgba(16,29,72,0.7) !important; color:#E8EEF8 !important; }
.avt button.avt-ans.avt-sel { background-color:rgba(78,185,241,0.12) !important; border-color:#4EB9F1 !important; }
.avt .avt-field input, .avt .avt-field select { background-color:rgba(16,29,72,0.7) !important; color:#fff !important; }
.avt .avt-consent input[type=checkbox] { -webkit-appearance:none !important; appearance:none !important; width:24px !important; height:24px !important; }
.avt .avt-consent input[type=checkbox]:checked { background-color:#005BD7 !important; }

/* ══════════ v1.2 ══════════ */

/* Съгласия */
.avt-consents { display:flex; flex-direction:column; gap:12px; margin:6px 0 22px; padding:16px 18px; background:rgba(78,185,241,0.045); border:1px solid rgba(78,185,241,0.16); border-radius:12px; }
.avt-consents .avt-consent { margin:0; }
.avt-consents .avt-consent-soft { margin:0; padding-top:12px; border-top:1px solid rgba(78,185,241,0.12); }
.avt-req { color:#4EB9F1; font-weight:700; }
.avt-consent.avt-err .avt-req { color:#FF5A7E; }

/* Подсказка и екранни четци */
.avt-hint { font-size:12px; color:rgba(255,255,255,0.6); text-align:center; margin:12px 0 0; font-weight:300; }
.avt-hint kbd { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10.5px; background:rgba(78,185,241,0.1); border:1px solid rgba(78,185,241,0.25); border-radius:4px; padding:1px 5px; color:#7DCEF7; }
@media (max-width:760px) { .avt-hint { display:none; } }
.avt-sr { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }

/* Радар */
.avt-radar-card { background:var(--avt-surface); border:1px solid var(--avt-border); border-radius:16px; padding:20px 18px 18px; text-align:center; }
.avt-radar-box { max-width:460px; margin:0 auto; }
.avt-radar { width:100%; height:auto; display:block; overflow:visible; }
.avt-radar-lb { font-size:11px; font-weight:700; fill:rgba(255,255,255,0.72); font-family:inherit; }
.avt-radar-val { font-size:11.5px; font-weight:800; font-family:inherit; font-variant-numeric:tabular-nums; }
/* Покоят на формата е „видима". Анимацията само я въвежда и не оставя
   fill-mode след себе си — ако анимациите не тръгнат, диаграмата пак се вижда. */
@keyframes avtRadarIn { from { transform:scale(0.08); opacity:0; } }
@media (prefers-reduced-motion:no-preference) {
	.avt-radar-shape { animation:avtRadarIn 1s cubic-bezier(0.34,1.4,0.64,1); }
}
.avt-radar-cap { font-size:12.5px; color:rgba(255,255,255,0.48); line-height:1.6; margin:6px auto 0; max-width:440px; font-weight:300; }

@media (max-width:480px) { .avt-radar-lb { font-size:10px; } .avt-radar-val { font-size:10.5px; } .avt-radar-card { padding:14px 6px 14px; } }

/* Действия под резултата */
.avt-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:18px; }
.avt-act { font-size:13px; font-weight:700; color:rgba(255,255,255,0.72); background:rgba(16,29,72,0.7); border:1px solid var(--avt-border); border-radius:10px; min-height:44px; display:inline-flex; align-items:center; padding:10px 18px; transition:border-color .2s, color .2s, background .2s; }
.avt-act:hover { border-color:rgba(78,185,241,0.45); color:#fff; background:rgba(78,185,241,0.1); }

/* ══════════ Печат и запазване като PDF ══════════
   Докладът се превръща в светъл документ, а не в снимка на тъмен екран:
   тъмните фонове ядат тонер, а полупрозрачният текст изчезва. */
@media print {
	@page { size: A4 portrait; margin: 14mm 12mm 16mm; }

	html, body { background:#fff !important; }
	.avt, .avt * {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	.avt {
		background:#fff !important; color:#1B2340 !important;
		border-radius:0 !important; overflow:visible !important;
		font-size:11pt; line-height:1.5;
	}
	.avt-wrap { max-width:100% !important; padding:0 !important; }

	/* Екранни неща, които на хартия са шум */
	.avt-amb1, .avt-amb2, .avt-gridpat,
	.avt-hdr, .avt-prog-wrap, .avt-plats, .avt-stats, .avt-eye,
	.avt-actions, .avt-restart, .avt-hint, .avt-resume, .avt-sr,
	.avt-prompt-copy, .avt-cta-btns, .avt-feats,
	.avt-email-confirm, .avt-ring-wrap, .avt-formerr,
	#avt-sc-lead, .avt-ind-grid, .avt-ans-key, .avt-prog-cats { display:none !important; }

	/* Скритият доклад си остава скрит — Ctrl+P не е начин да се заобиколи формата. */
	.avt-unknown { background:#F5F8FD !important; border:1px solid #C7D6EE !important; }
	.avt-unknown-h { color:#101D48 !important; }
	.avt-unknown-s, .avt-unknown li { color:#3B4666 !important; }

	/* Шапка и долен колонтитул само за печат */
	.avt-print-head { display:flex !important; }
	.avt-print-foot { display:flex !important; }
	.avt-print-score { display:block !important; }

	/* Карти → светли блокове с рамка */
	.avt-res-hero, .avt-radar-card, .avt-cat-card, .avt-rec,
	.avt-prompt-box, .avt-gap, .avt-cta, .avt-q-card {
		background:#fff !important;
		border:1px solid #D7E0F0 !important;
		box-shadow:none !important;
		break-inside:avoid; page-break-inside:avoid;
	}
	.avt-res-hero::after, .avt-reg-card::after { display:none !important; }
	.avt-res-hero { padding:18px 20px !important; margin-bottom:14px !important; }

	/* Текст */
	.avt-res-lv, .avt-cat-nm, .avt-rec-body h4, .avt-cta-h, .avt-gap h4 { color:#101D48 !important; }
	.avt-res-desc, .avt-cat-tip, .avt-rec-body p, .avt-prompt-text,
	.avt-radar-cap, .avt-bench, .avt-lead-note, .avt-cta p { color:#3B4666 !important; }
	.avt-bench { background:#F4F7FD !important; border-color:#D7E0F0 !important; }
	.avt-bench-note { color:#7A86A8 !important; }
	.avt-sec { color:#5A6892 !important; letter-spacing:1.6px; }
	.avt-sec::before, .avt-sec::after { background:#D7E0F0 !important; }

	/* Процентите на екрана са в цвета на категорията — на бяло стават нечетими.
	   Стойността идва като inline стил от JS, затова тук трябва !important. */
	.avt-cat-pct { color:#101D48 !important; }
	.avt-radar-val { fill:#3B4666 !important; }

	/* Радар */
	.avt-radar-lb { fill:#3B4666 !important; }
	.avt-radar-shape { animation:none !important; }
	.avt-radar-box { max-width:340px !important; }

	/* Категории — три в ред събират секцията на една страница */
	.avt-cat-grid { grid-template-columns:repeat(3,1fr) !important; gap:8px !important; }
	.avt-cat-bar { background:#E4EAF5 !important; }

	/* Най-слабото звено */
	.avt-gap { background:#FFFBF0 !important; border-color:#F0DFB4 !important; }
	.avt-gap h4 { color:#8A6100 !important; }
	.avt-gap p { color:#6B5518 !important; }

	/* Промпти */
	.avt-prompt-box { background:#F7F9FD !important; }
	.avt-prompt-label { color:#005BD7 !important; }
	.avt-prompt-text { color:#1B2340 !important; }

	/* Призив за действие */
	.avt-cta { background:#F4F7FD !important; padding:18px 20px !important; text-align:left !important; }
	.avt-cta-h { font-size:15pt !important; }
	.avt-cta p { margin:6px 0 0 !important; max-width:none !important; }
	.avt-print-cta { display:block !important; color:#005BD7 !important; font-weight:700; margin-top:8px; }

	.avt-block { margin-bottom:12px !important; break-inside:avoid; }
	a { color:#005BD7 !important; text-decoration:none; }
}

/* Елементи само за печат — на екрана ги няма */
.avt-print-head, .avt-print-foot, .avt-print-score, .avt-print-cta { display:none; }
.avt-print-head {
	align-items:flex-end; justify-content:space-between; gap:16px;
	border-bottom:2px solid #101D48; padding-bottom:10px; margin-bottom:18px;
}
.avt-print-brand { font-size:15pt; font-weight:800; letter-spacing:2px; color:#101D48; }
.avt-print-doc { text-align:right; }
.avt-print-h1 { font-size:12pt; font-weight:800; color:#101D48; }
.avt-print-sub { font-size:9pt; color:#5A6892; margin-top:2px; }
.avt-print-score { font-size:34pt; font-weight:800; line-height:1; color:#101D48; margin-bottom:6px; }
.avt-print-score small { font-size:13pt; font-weight:400; color:#7A86A8; }
.avt-print-foot {
	justify-content:space-between; gap:16px; border-top:1px solid #D7E0F0;
	padding-top:8px; margin-top:16px; font-size:8.5pt; color:#7A86A8;
}
.avt-print-foot span { word-break:break-all; }

/* Възстановена сесия */
.avt-resume { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:space-between; font-size:12.5px; color:#7DCEF7; background:rgba(78,185,241,0.08); border:1px solid rgba(78,185,241,0.24); border-radius:10px; padding:10px 14px; margin-bottom:12px; }
.avt-resume button { font-size:12.5px; font-weight:700; color:rgba(255,255,255,0.72); background:transparent; border:1px solid rgba(78,185,241,0.3); border-radius:8px; min-height:44px; padding:8px 14px; transition:color .2s, border-color .2s; }
.avt-resume button:hover { color:#fff; border-color:#4EB9F1; }
.avt-resume #avt-resume-txt { flex:1; min-width:180px; }
.avt .avt-resume button.avt-resume-go { background-color:rgba(78,185,241,0.18) !important; color:#fff !important; border-color:#4EB9F1; }

/* ══════════ Данните за контакт — втора стъпка, преди въпросите ══════════ */
.avt form.avt-reg-card { margin:0; }
.avt-nav-lead { margin-top:18px; }
.avt-nav-lead .avt-btn-next { min-width:200px; }
.avt-gate-eye { font-size:11px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; color:var(--avt-cyan); margin-bottom:8px; }
.avt-gate-list { list-style:none; margin:0 0 20px; padding:0; display:grid; gap:7px; }
.avt-gate-list li { position:relative; padding-left:24px; font-size:13.5px; line-height:1.55; color:rgba(255,255,255,0.72); font-weight:400; }
.avt-gate-list li::before {
	content:'✓'; position:absolute; left:0; top:0; width:17px; height:17px; border-radius:50%;
	background:rgba(0,214,143,0.14); color:#00D68F; font-size:10px; font-weight:800;
	display:flex; align-items:center; justify-content:center;
}

/* ══════════ „Не знам" — списък за проверка, не упрек ══════════ */
.avt-unknown {
	background:rgba(78,185,241,0.06); border:1px solid rgba(78,185,241,0.24);
	border-radius:14px; padding:18px 20px; margin-bottom:16px;
}
.avt-unknown-h { font-size:15px; font-weight:800; color:var(--avt-cyan2); margin-bottom:5px; }
.avt-unknown-s { font-size:13px; color:rgba(255,255,255,0.6); line-height:1.6; font-weight:300; margin:0 0 12px; }
.avt-unknown ul { list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.avt-unknown li { position:relative; padding-left:22px; font-size:13.5px; line-height:1.5; color:rgba(255,255,255,0.82); }
.avt-unknown li::before { content:'?'; position:absolute; left:0; top:0; width:16px; height:16px; border-radius:50%; background:rgba(78,185,241,0.18); color:var(--avt-cyan2); font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center; }

/* Категория без достатъчно данни — показва се, но не се прави на оценка. */
.avt-cat-card.avt-cat-thin { opacity:.72; border-style:dashed; }
.avt-cat-card.avt-cat-thin .avt-cat-pct { color:rgba(255,255,255,0.45) !important; }
.avt-radar-thin { font-size:12px; color:rgba(255,255,255,0.5); line-height:1.6; margin:8px 0 0; text-align:center; font-weight:300; }
/* Когато измерените категории са под три, вместо празно място стои текстът. */
.avt-radar-text { font-size:13.5px; line-height:1.7; color:rgba(255,255,255,0.7); text-align:center; padding:18px 14px; }
.avt-screen:focus, .avt-q-text:focus, .avt-reg-title:focus, .avt-res-lv:focus, .avt-sending h3:focus { outline:none; }

/* ══════════ Автопопълване от браузъра ══════════
   Chrome налага собствен светъл фон при autofill и не се маха с background-color.
   Единственият надежден начин е плътна вътрешна сянка отгоре плюс -webkit-text-fill-color,
   иначе белият ни текст остава върху светлосиньото на браузъра и не се чете. */

.avt .avt-field input:-webkit-autofill,
.avt .avt-field input:-webkit-autofill:hover,
.avt .avt-field input:-webkit-autofill:active,
.avt .avt-field select:-webkit-autofill,
.avt .avt-field select:-webkit-autofill:hover {
	-webkit-text-fill-color: #fff !important;
	caret-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px #16224F inset !important;
	box-shadow: 0 0 0 1000px #16224F inset !important;
	border-color: rgba(78,185,241,0.25) !important;
	/* Chrome връща своя фон след кратка анимация — дългият преход го задържа настрани. */
	transition: background-color 100000s ease-in-out 0s !important;
}

/* Фокусът трябва да остане видим и върху автопопълнено поле. */
.avt .avt-field input:-webkit-autofill:focus,
.avt .avt-field select:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: 0 0 0 1000px #1A2A63 inset, 0 0 0 3px rgba(78,185,241,0.22) !important;
	box-shadow: 0 0 0 1000px #1A2A63 inset, 0 0 0 3px rgba(78,185,241,0.22) !important;
	border-color: #4EB9F1 !important;
}

/* Firefox и браузърите със стандартния селектор. */
.avt .avt-field input:autofill,
.avt .avt-field select:autofill {
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
	background-color: #16224F !important;
	background-image: none !important;
	filter: none !important;
	border-color: rgba(78,185,241,0.25) !important;
}

/* Полето с грешка си остава червено и когато е автопопълнено. */
.avt .avt-field.avt-err input:-webkit-autofill,
.avt .avt-field.avt-err select:-webkit-autofill {
	border-color: #FF5A7E !important;
}

.avt-consent-note { font-size:11.5px; color:rgba(255,255,255,0.38); margin:0; padding-top:10px; border-top:1px solid rgba(78,185,241,0.12); font-weight:300; }


/* ══════════ v2.5 ══════════ */

/* Избраната плочка показва, че нещо се случва — иначе при бавна мрежа
   екранът просто угасва и човек натиска пак. */
.avt-ind-spin {
	display:block; width:16px; height:16px; border-radius:50%;
	border:2px solid rgba(78,185,241,0.25); border-top-color:var(--avt-cyan);
	animation:avtSpin .8s linear infinite;
}
.avt .avt-ind:disabled { cursor:progress; }
.avt .avt-ind.avt-sel:disabled { opacity:1; }

/* Линкът към доклада се вижда като текст, а не само зад бутона „Копирайте". */
.avt-share { margin-top:12px; text-align:center; }
.avt-share-lb { display:block; font-size:12px; color:rgba(255,255,255,0.62); margin-bottom:6px; font-weight:600; }
.avt-share-url {
	width:100%; max-width:560px; height:42px; padding:0 14px; border-radius:9px;
	background:rgba(11,21,51,0.75); border:1px solid rgba(78,185,241,0.25);
	color:rgba(255,255,255,0.86); font-size:12.5px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	text-align:center; text-overflow:ellipsis;
}

/* Нулирането иска второ натискане — 24 отговора не се трият с един погрешен тап. */
.avt-restart.avt-confirm { color:#FF9FB3; border:1px solid rgba(255,90,126,0.4); border-radius:10px; }

/* Съобщението под плочките трябва да се вижда, не само да съществува. */
.avt-formerr:focus { outline:2px solid #FF9FB3; outline-offset:2px; }

@media print {
	.avt-share { display:none !important; }
}

/* Навигацията на стъпка 2: главният бутон заема остатъка, „Назад" не се чупи. */
.avt-nav-lead { display:flex; align-items:stretch; gap:12px; }
.avt-nav-lead .avt-btn-prev { flex:0 0 auto; white-space:nowrap; }
.avt .avt-nav-lead .avt-btn-start { width:auto; flex:1 1 auto; }
@media (max-width:480px) {
	.avt-nav-lead { flex-direction:column-reverse; }
	.avt .avt-nav-lead .avt-btn-start { width:100%; }
	.avt-nav-lead .avt-btn-prev { width:100%; }
}