/* SANDY-AI 0.3.1-CLAUDE-r18 — три изгледа (компютър) и прибран бутон (телефон). sandy-ui.css от r13 не е променен. */
/* ===== лапата („Cat Paw button“ © 2026 Hannah Goodridge, MIT — вж. LICENSE-cat-paw.txt) ===== */
/* ===== котешкият бутон: мястото му в лентата =====
   Сцената (340×150) е увеличена ×1.15 и е центрирана спрямо ЦЯЛАТА лента; бутонът ѝ съвпада с центъра на лентата.
   Сцената не прихваща мишката (pointer-events:none) — менютата и календарът отдолу работят нормално. */
.sandy-paw-slot{position:absolute;left:50%;top:calc(33px - 34px * 1.15);width:calc(340px * 1.15);transform:translateX(-50%);z-index:30;pointer-events:none}
.sandy-ask-hit{position:absolute;left:20.59%;right:20.59%;top:8%;height:29.33%;border:0;border-radius:999px;background:transparent;cursor:pointer;pointer-events:auto;z-index:5;padding:0}
.sandy-ask-hit:focus-visible{outline:3px solid #f2b705;outline-offset:3px}

/* ===== оригиналният CSS на CodePen (лиценз MIT) — сменени са само цветовете и шрифтът ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.get-started-cat{position:relative;display:inline-block;width:100%;max-width:none;aspect-ratio:340 / 150;height:auto;color:#fff;text-decoration:none;border-radius:1rem;outline:none;overflow:hidden;
  --flap:0;--btn-h:29.33%;--btn-h-full:29.33%;--btn-inset-x:20.59%;pointer-events:none}
.get-started-cat__scene{position:relative;z-index:1;display:block;width:100%;height:100%}
.get-started-cat__scene--front{position:absolute;inset:0;z-index:2;pointer-events:none}
.get-started-cat__btn-back{position:absolute;left:var(--btn-inset-x);right:var(--btn-inset-x);top:8%;height:var(--btn-h-full);border-radius:22px;background:rgb(0 0 0 / 0.22);pointer-events:none;z-index:0}
.get-started-cat__button{transition:transform 0.1s ease-in-out}
.get-started-cat__label{position:absolute;left:0;right:0;top:8%;height:var(--btn-h,29.33%);z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:18px;font-weight:900;letter-spacing:0.01em;color:#fff;pointer-events:none;overflow:hidden;transform-origin:center top;transition:transform 0.1s ease-in-out;white-space:nowrap}
.get-started-cat__label .dot{width:27px;height:27px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.get-started-cat__label .dot svg{width:16px;height:16px;color:#1f8a35}
.get-started-cat[data-zone="bottom"] .get-started-cat__label{transform:perspective(900px) rotateX(calc(var(--flap) * -10deg));transition:none}
.get-started-cat__button-face,.get-started-cat__button-shadow{transition:opacity 0.1s ease-in-out}
.sandy-pressed:not([data-zone="bottom"]) .get-started-cat__button,
.sandy-pressed:not([data-zone="bottom"]) .get-started-cat__label{transform:translateY(5px)}
.sandy-pressed:not([data-zone="bottom"]) .get-started-cat__button-shadow{opacity:0}
.get-started-cat__reach{opacity:0;visibility:hidden}
.get-started-cat[data-reduced-motion="true"] .get-started-cat__reach,
.get-started-cat[data-reduced-motion="true"] .get-started-cat__paw-front{display:none}
.get-started-cat[data-reduced-motion="true"] .get-started-cat__button,
.get-started-cat[data-reduced-motion="true"] .get-started-cat__label{transform:none!important;--flap:0!important;--btn-h:29.33%!important}
.get-started-cat__when-bottom{display:none}
.get-started-cat[data-zone="bottom"] .get-started-cat__when-side{display:none}
.get-started-cat[data-zone="bottom"] .get-started-cat__when-bottom{display:block}
@media (prefers-reduced-motion: reduce){.get-started-cat__reach,.get-started-cat__button,.get-started-cat__label{transition:none}}

/* защита от стиловете на темата за бутоните на лапата */
.sandy-root .sandy-ask-hit{-webkit-appearance:none;appearance:none;margin:0;min-height:0;min-width:0;box-shadow:none;outline-offset:3px;text-indent:0;font:inherit}
.sandy-root .sandy-ask-hit:hover,.sandy-root .sandy-ask-hit:focus,.sandy-root .sandy-ask-hit:active{background:transparent;box-shadow:none}

/* ===== SANDY-AI 0.3.1 — три изгледа (само компютър, ≥ 601 px). Правилата на r13 над този ред не са променени. ===== */
.sandy-root .sandy-bar, .sandy-root .sandy-compact, .sandy-root .sandy-proto-only { display: none; }
@media (min-width: 601px) {
	/* ---------- Прибран: тънка зелена лента ---------- */
	.sandy-root.sandy-v-bar .sandy-banner, .sandy-root.sandy-v-bar .sandy-panel { display: none !important; }
	.sandy-root.sandy-v-bar .sandy-bar { display: block; position: relative; height: 66px; margin: 6px 0 0; border-radius: 22px;
		background: radial-gradient(circle at 74% 30%, rgba(255,255,255,.7) 0 2px, transparent 3px), radial-gradient(circle at 93% 70%, rgba(255,255,255,.6) 0 2px, transparent 3px), var(--sandy-stage);
		border: 2px solid var(--sandy-border); box-shadow: 0 0 0 5px rgba(168, 227, 152, .22), 0 12px 30px rgba(40, 120, 50, .10); }
	.sandy-root .sandy-bar-title { position: absolute; left: 22px; top: 50%; transform: translateY(-50%); font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -.01em; }
	.sandy-root .sandy-bar-title .sandy-name-1 { display: inline; font-size: 24px; color: var(--sandy-title); }
	.sandy-root .sandy-bar-title .sandy-name-2 { display: inline; font-size: 19px; color: var(--sandy-ink); }
	.sandy-root .sandy-bar-title .sandy-badge { font-size: 11px; vertical-align: .2em; }
	.sandy-root .sandy-bar .sandy-viewbar { top: 50%; right: 14px; transform: translateY(-50%); }
	.sandy-root.sandy-v-bar .sandy-proto-up { display: none; }
	.sandy-root .sandy-bar .sandy-paw-slot { top: calc(31px - 34px * 1.15); }

	/* ---------- Компактен: стандартният банер + истински чат вместо примерните въпроси ---------- */
	.sandy-root .sandy-proto-only { display: inline-grid; place-items: center; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-quick,
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-qlist { display: none !important; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact { display: flex; flex-direction: column; grid-area: 2 / 2 / 3 / 4; align-self: stretch; min-height: 0; z-index: 1;
		padding: 4px 18px 8px; background: rgba(255, 255, 255, .92); border: 2px solid rgba(168, 227, 152, .9); border-radius: 22px; box-shadow: 0 0 20px rgba(120, 215, 110, .35); }
	.sandy-root .sandy-compact .sandy-log { flex: 1 1 auto; height: auto; min-height: 0; contain: size; padding-top: 10px; }
	.sandy-root .sandy-compact .sandy-archive { flex: 1 1 auto; min-height: 0; overflow-y: auto; contain: size; }
	.sandy-root .sandy-compact .sandy-disclaimer { margin-top: 2px; }
	/* заглавието: на един ред, пропорционално по-малко, горе до ухото */
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name { grid-area: 1 / 2 / 2 / 4; align-self: center; margin: 0; padding-right: 430px; font-size: clamp(18px, 2.15cqw, 29px); line-height: 1.1; white-space: nowrap; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name-1,
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name-2 { display: inline; font-size: 1em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name-2 { font-size: .74em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name-2 .sandy-badge { font-size: .6em; vertical-align: .25em; }
}
@media (max-width: 600px) { .sandy-root .sandy-compact, .sandy-root .sandy-proto-only { display: none !important; } }

/* ===== preview-02: долната част на чата — повече място за разговора (само компютър; телефонът не е засегнат) ===== */
@media (min-width: 601px) {
	/* общ долен ред: текстът за грешки вляво, „Архив | Нов разговор“ вдясно — на един ред, под полето за писане */
	.sandy-root .sandy-compact .sandy-form, .sandy-root.sandy-is-open .sandy-chat .sandy-form { display: contents; }
	.sandy-root .sandy-compact .sandy-form-row, .sandy-root.sandy-is-open .sandy-chat .sandy-form-row { margin: 0; min-height: 0; }
	.sandy-root .sandy-compact .sandy-form-row .sandy-link, .sandy-root.sandy-is-open .sandy-chat .sandy-form-row .sandy-link { padding-top: 2px; padding-bottom: 2px; }
	.sandy-root .sandy-compact .sandy-info-back, .sandy-root.sandy-is-open .sandy-chat .sandy-info-back { min-height: 0; padding-top: 2px; padding-bottom: 2px; }
	.sandy-root .sandy-compact .sandy-disclaimer, .sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer {
		margin: 0; padding-left: 4px; text-align: left; justify-self: start; align-self: center; max-width: calc(100% - 210px); pointer-events: none; }
	.sandy-root .sandy-compact .sandy-input-row, .sandy-root.sandy-is-open .sandy-chat .sandy-input-row { margin-top: 4px; }
	/* частите на формата вече са клетки от решетката на чата — всички в една колона с пълна ширина */
	.sandy-root .sandy-compact .sandy-topic-chip, .sandy-root .sandy-compact .sandy-input-row, .sandy-root .sandy-compact .sandy-form-row, .sandy-root .sandy-compact .sandy-disclaimer,
	.sandy-root.sandy-is-open .sandy-chat .sandy-topic-chip, .sandy-root.sandy-is-open .sandy-chat .sandy-input-row, .sandy-root.sandy-is-open .sandy-chat .sandy-form-row, .sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer { grid-column: 1; }
	/* докато е отворен архивът, „← Обратно към разговора“ заема мястото вляво */
	.sandy-root .sandy-compact:has(.sandy-info-back:not([hidden])) .sandy-disclaimer,
	.sandy-root.sandy-is-open .sandy-chat:has(.sandy-info-back:not([hidden])) .sandy-disclaimer { visibility: hidden; }

	/* компактен */
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto auto auto; padding: 2px 16px 4px; }
	.sandy-root .sandy-compact > * { grid-column: 1; }
	.sandy-root .sandy-compact .sandy-log, .sandy-root .sandy-compact .sandy-archive { grid-row: 1; }
	.sandy-root .sandy-compact .sandy-topic-chip { grid-row: 2; justify-self: start; margin-top: 4px; }
	.sandy-root .sandy-compact .sandy-input-row { grid-row: 3; }
	.sandy-root .sandy-compact .sandy-form-row, .sandy-root .sandy-compact .sandy-disclaimer { grid-row: 4; }
	/* кабърчето не е нужно в компактния изглед — той е изгледът по подразбиране */
	.sandy-root.sandy-v-compact .sandy-banner .sandy-pin { display: none; }

	/* разгънат: същият дизайн, по-нисък долен край */
	.sandy-root.sandy-is-open .sandy-chat { padding-bottom: 6px; grid-template-rows: auto minmax(calc(300px - var(--sandy-grow, 0px)), 1fr) auto auto auto; }
	.sandy-root.sandy-is-open .sandy-chat .sandy-topic-chip { grid-row: 3; justify-self: start; }
	.sandy-root.sandy-is-open .sandy-chat .sandy-input-row { grid-row: 4; }
	.sandy-root.sandy-is-open .sandy-chat .sandy-form-row, .sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer { grid-row: 5; }

	/* падащите менюта: винаги над лапата и над останалото съдържание */
	.sandy-root .sandy-bar .sandy-viewbar { z-index: 60; }
	.sandy-root .sandy-bar .sandy-topics-menu { top: calc(100% + 10px); bottom: auto; z-index: 61; }
}
@media (min-width: 601px) and (max-width: 1000px) {
	.sandy-root.sandy-is-open .sandy-chat { grid-template-rows: auto minmax(calc(300px + var(--sandy-up, 0px) - var(--sandy-grow, 0px)), 1fr) auto auto auto; }
}

/* ===== preview-03: компактен — името е в табелка, закрепена към горния ръб на чата (само компютър) ===== */
.sandy-root .sandy-compact-plate { display: none; }
@media (min-width: 601px) {
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-name { display: none; }                       /* заглавието е в табелката */
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-banner { grid-template-rows: 22px minmax(0, 1fr); } /* горе остава само ивица за бутоните и табелката */
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact { position: relative; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate {
		display: block; position: absolute; z-index: 3; left: 16px; top: 3px; transform: translateY(-100%);
		max-width: calc(100% - 400px); min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
		font-size: clamp(13px, 1.32cqw, 17px); padding: .36em 1.2em .3em; font-weight: 800; line-height: 1.08; letter-spacing: -.01em;
		color: var(--sandy-ink); background: #f5fcf1; border: 1.5px solid #7fcb78; border-radius: 1.6em; box-shadow: 0 .12em .5em rgba(40, 110, 50, .08); }
	.sandy-root .sandy-compact-plate::after { content: ""; display: block; height: 1.5px; margin: .28em auto 0; width: 92%; border-radius: 2px;
		background: linear-gradient(90deg, rgba(31, 138, 53, 0) 0%, rgba(31, 138, 53, .55) 30%, var(--sandy-green-dark) 50%, rgba(31, 138, 53, .55) 70%, rgba(31, 138, 53, 0) 100%); }
	.sandy-root .sandy-compact-plate .sandy-name-1 { display: inline; font-size: 1.25em; color: var(--sandy-title); }
	.sandy-root .sandy-compact-plate .sandy-name-2 { display: inline; font-size: 1em; color: var(--sandy-ink); }
	.sandy-root .sandy-compact-plate .sandy-badge { margin-left: .4em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact .sandy-log,
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact .sandy-archive { padding-top: 10px; }
}
/* ===== preview-04: табелката е на реда на „За мен“, „Актуално“ и стрелките, от левия край на карето на чата ===== */
@media (min-width: 601px) {
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate {
		left: 0; top: var(--sandy-plate-y, 0px); transform: translateY(-50%); max-width: none; overflow: visible; text-overflow: clip;
		font-size: var(--sandy-plate-fs, 17px); padding: .5em 1.25em .42em; text-align: center; grid-column: auto; grid-row: auto; }
	/* много тясно: табелката и бутоните не се събират на един ред → табелката слиза на горния ръб на чата */
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-banner { grid-template-rows: 44px minmax(0, 1fr); }
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-compact-plate { left: 14px !important; width: auto !important; top: 0; transform: translateY(-50%); }
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-compact .sandy-log,
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-compact .sandy-archive { padding-top: 22px; }
}
/* ===== preview-05: по-голям надпис в табелката (разположението ѝ е същото) ===== */
@media (min-width: 601px) {
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate { padding: .2em .65em .16em; line-height: 1.1; white-space: nowrap; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate::after { margin-top: .12em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate span { white-space: nowrap; max-width: none; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate .sandy-name-1 { font-size: 1.12em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate .sandy-name-2 { font-size: 1em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact-plate .sandy-name-2 .sandy-badge { font-size: .5em; vertical-align: .35em; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-banner { grid-template-rows: 50px minmax(0, 1fr); }
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-compact .sandy-log,
	.sandy-root.sandy-v-compact.sandy-is-collapsed.sandy-plate-low .sandy-compact .sandy-archive { padding-top: 34px; }
}

/* ===== preview-07: ТЕЛЕФОН (≤ 600 px) — голям изглед (без промени, + ▲) ⇄ прибран бутон „Попитай Санди“ (бутонът връща същия стандартен изглед) ===== */
.sandy-root .sandy-mpin { display: none; }
@media (max-width: 600px) {
	/* голям изглед: ▲ между „Актуално“ и ▼; бутоните се изместват малко наляво */
	.sandy-root.sandy-is-collapsed:not(.sandy-m-bar) .sandy-banner .sandy-viewbar .sandy-proto-up { display: inline-grid !important; place-items: center; }
	.sandy-root .sandy-banner .sandy-viewbar { gap: 8px; right: 12px; }
	@media (max-width: 375px) { .sandy-root .sandy-banner .sandy-viewbar { gap: 6px; right: 8px; } }
	.sandy-root .sandy-banner .sandy-viewbar .sandy-proto-up { position: relative; color: var(--sandy-green-dark); background: #fff; border: 2px solid rgba(168, 227, 152, .95); box-shadow: 0 3px 10px rgba(40, 110, 50, .15); border-radius: 50%; }
	.sandy-root .sandy-viewbar .sandy-proto-up svg, .sandy-root .sandy-mpin svg { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

	/* прибран: бутонът „Попитай Санди“ с лапата (отляво) точно под навигацията, кабърче отдясно */
	.sandy-root .sandy-bar { display: none; }
	.sandy-root.sandy-m-bar .sandy-banner, .sandy-root.sandy-m-bar .sandy-panel { display: none !important; }
	.sandy-root.sandy-m-bar .sandy-bar { display: block; position: relative; height: 62px; margin: 0; background: none; border: 0; box-shadow: none; }
	.sandy-root.sandy-m-bar .sandy-bar-title, .sandy-root.sandy-m-bar .sandy-bar-right { display: none; }
	.sandy-root.sandy-m-bar .sandy-paw-slot { width: min(391px, calc(100vw - 8px)); top: calc(31px - min(391px, calc(100vw - 8px)) * .1); }
	.sandy-root.sandy-m-bar .sandy-mpin { display: inline-grid; place-items: center; position: absolute; z-index: 40; top: 15px; right: max(4px, calc(50% - min(391px, 100vw - 8px) * .294 - 42px)); width: 32px; height: 32px; padding: 0;
		color: var(--sandy-green-dark); background: #fff; border: 2px solid rgba(168, 227, 152, .95); border-radius: 50%; box-shadow: 0 3px 10px rgba(40, 110, 50, .15); }
	.sandy-root .sandy-mpin svg { width: 17px; height: 17px; }
	.sandy-root .sandy-mpin[aria-pressed="true"] { background: var(--sandy-green-dark); color: #fff; border-color: var(--sandy-green-dark); }
	.sandy-root .sandy-mpin[aria-pressed="true"] .sandy-pin-head { fill: currentColor; }

}

/* ===== r15: прибран бутон на телефона — по-компактен, на нивото на менюто на темата (вж. placeMBar в sandy-views.js) ===== */
@media (max-width: 600px) {
	.sandy-root.sandy-m-bar.sandy-m-top { position: relative; z-index: 3; }
	/* лентата е на цялата ширина на екрана и реже само хоризонтално (без хоризонтално превъртане); нагоре и надолу лапата излиза свободно */
	.sandy-root.sandy-m-bar.sandy-m-top .sandy-bar { position: absolute; top: 0; left: calc(-1 * var(--sandy-mbar-rl)); width: var(--sandy-mbar-vw); height: 0; overflow-x: clip; overflow-y: visible; }
	.sandy-root.sandy-m-bar.sandy-m-top .sandy-paw-slot { width: var(--sandy-mbar-s); left: var(--sandy-mbar-x); top: calc(var(--sandy-mbar-y) - var(--sandy-mbar-s) * .1); transform: translateX(-50%); }
	.sandy-root.sandy-m-bar.sandy-m-top .sandy-mpin { left: var(--sandy-mbar-pin); right: auto; top: var(--sandy-mbar-piny); z-index: 25; } /* под менюто; под лапата (тя не прихваща докосвания) */
}

/* ===== r21: телефон, среден изглед — „Актуално“ се отваря надолу, както „За мен“; подравнено по десния край на реда с бутоните (в екрана).
   Големият изглед и компютърът не са засегнати. ===== */
@media (max-width: 600px) {
	.sandy-root .sandy-banner .sandy-viewbar .sandy-topics-banner { position: static; }
	.sandy-root .sandy-banner .sandy-viewbar .sandy-topics-banner .sandy-topics-menu { top: calc(100% + 10px); bottom: auto; right: 0; left: auto; }
}

/* ===== r22: компютър, прибрана лента ===== */
@media (min-width: 601px) {
	/* лентата започва на същата височина като средния изглед (досега: margin-top 6px само в този изглед) */
	.sandy-root.sandy-v-bar .sandy-bar { margin-top: 0; }
	/* зелена контурна котешка иконка вместо „Санди –“ */
	.sandy-root .sandy-bar-title { display: inline-flex; align-items: center; gap: 14px; }
	.sandy-root .sandy-bar-cat { flex: 0 0 auto; width: 31px; height: 33px; color: #168a38; }
}

/* ===== r25: компютър, изглед 3 — дръжка за временно удължаване на чата надолу (долу вдясно); другаде е скрита ===== */
.sandy-root .sandy-grow { display: none; }
@media (min-width: 601px) {
	.sandy-root.sandy-is-open:not(.sandy-v-bar):not(.sandy-v-compact) .sandy-chat .sandy-grow { display: inline-grid; place-items: center; position: absolute; right: 4px; bottom: 4px; z-index: 5;
		width: 22px; height: 22px; padding: 0; color: var(--sandy-green-dark); background: transparent; border: 0; border-radius: 6px; cursor: ns-resize; touch-action: none; opacity: .55; }
	.sandy-root .sandy-grow:hover, .sandy-root .sandy-grow:focus-visible, .sandy-root.sandy-growing .sandy-grow { opacity: 1; background: rgba(168, 227, 152, .35); }
	.sandy-root .sandy-grow svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
	.sandy-root.sandy-growing, .sandy-root.sandy-growing * { cursor: ns-resize !important; user-select: none; }
}


/* 0.5.3 — бутони за трите размера: показват се само в своя изглед */
.sandy-root .sandy-size-mid, .sandy-root .sandy-size-mid-m, .sandy-root .sandy-size-max-m, .sandy-root .sandy-size-min { display: none !important; }
.sandy-root.sandy-v-bar:not(.sandy-m-bar) .sandy-viewbar .sandy-size-mid { display: grid !important; place-items: center; }
.sandy-root.sandy-m-bar .sandy-bar .sandy-size-mid-m, .sandy-root.sandy-m-bar .sandy-bar .sandy-size-max-m { display: grid !important; place-items: center; }
.sandy-root.sandy-is-open .sandy-chat-head .sandy-size-min { display: flex !important; align-items: center; justify-content: center; }
.sandy-root .sandy-chat-head .sandy-size-min { visibility: visible; width: 36px; height: 36px; padding: 0; background: #fff; color: rgb(21, 109, 40); border: 1.8px solid rgba(168, 227, 152, .95); border-radius: 999px; box-shadow: 0 3px 10px rgba(40, 110, 50, .15); cursor: pointer; }
.sandy-root .sandy-chat-head .sandy-size-min svg { width: 20px; height: 20px; }
@media (min-width: 601px) {
	.sandy-root .sandy-chat-head .sandy-size-min { position: absolute; top: -18px; right: 118px; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-topics-chat { right: 166px; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-about-chat { right: 310px; }
}
@media (max-width: 600px) {
	.sandy-root .sandy-chat-head .sandy-size-min { position: relative; top: 0; right: 0; width: 32px; height: 32px; }
	.sandy-root.sandy-is-open .sandy-chat-head { gap: 4px; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-topics-caret { display: none; }
}

/* 0.5.3 — телефон, минимален изглед: кабърчето и двата бутона за размера като компактна вертикална група в лявата част на сивото поле */
@media (max-width: 600px) {
	.sandy-root.sandy-m-bar .sandy-bar [data-sandy-action="proto-mpin"],
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-mid-m,
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-max-m { position: absolute !important; left: 13px !important; right: auto !important; width: 32px !important; height: 32px !important; margin: 0 !important; }
	.sandy-root.sandy-m-bar .sandy-bar [data-sandy-action="proto-mpin"] { top: 7px !important; }
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-mid-m { top: 43px !important; }
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-max-m { top: 79px !important; }
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-btn svg { width: 18px; height: 18px; }
	body:has(#sandy-ai-root.sandy-m-bar) .acpt-mobile-top-row { padding-left: 44px; }
}

/* 0.5.4 — единен стандарт за трите управляващи бутона: кабърче → квадрат → стрелка, еднакъв размер, центрирани икони */
.sandy-root .sandy-pin svg, .sandy-root .sandy-size-btn svg, .sandy-root .sandy-chat-head .sandy-collapse svg, .sandy-root .sandy-viewbar .sandy-expand svg, .sandy-root .sandy-proto-up svg { display: block; flex: none; width: 20px !important; height: 20px !important; margin: auto; }
@media (min-width: 601px) {
	.sandy-root .sandy-viewbar .sandy-pin, .sandy-root .sandy-viewbar .sandy-size-btn, .sandy-root .sandy-viewbar .sandy-expand, .sandy-root .sandy-viewbar .sandy-proto-up,
	.sandy-root .sandy-chat-head .sandy-pin, .sandy-root .sandy-chat-head .sandy-collapse, .sandy-root .sandy-chat-head .sandy-size-min { width: 36px !important; height: 36px !important; min-width: 36px; padding: 0 !important; box-sizing: border-box; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-pin { right: 118px; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-collapse { right: 70px; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-size-min { right: 22px; }
}
@media (max-width: 600px) {
	.sandy-root .sandy-pin svg, .sandy-root .sandy-mpin svg, .sandy-root .sandy-size-btn svg, .sandy-root .sandy-chat-head .sandy-collapse svg, .sandy-root .sandy-viewbar .sandy-expand svg, .sandy-root .sandy-proto-up svg { width: 18px !important; height: 18px !important; }
	.sandy-root .sandy-viewbar .sandy-expand, .sandy-root .sandy-viewbar .sandy-proto-up,
	.sandy-root .sandy-chat-head .sandy-pin, .sandy-root .sandy-chat-head .sandy-collapse, .sandy-root .sandy-chat-head .sandy-size-min { width: 32px !important; height: 32px !important; min-width: 32px; padding: 0 !important; box-sizing: border-box; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-pin { order: 1; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-collapse { order: 2; }
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-size-min { order: 3; }
}

/* 0.5.5 — телефон, максимален чат: без хоризонтално местене на панела и без „прехвърляне“ на превъртането към страницата */
@media (max-width: 600px) {
	.sandy-root.sandy-is-open .sandy-panel { touch-action: pan-y pinch-zoom; }
	.sandy-root.sandy-is-open .sandy-log { overscroll-behavior: contain; }
}

/* ===== 0.6.9 (дизайн 0.6.5) — гласов режим: малък кръгъл бутон със слушалки, непосредствено вляво от „За мен“ (среден и разгърнат
   изглед; в най-малкия няма бутон). Изключен: светъл фон, зелена икона. Включен: тъмнозелен фон, бяла икона. ===== */
.sandy-root .sandy-vmode { flex: 0 0 auto; box-sizing: border-box; width: 36px; height: 36px; min-width: 36px; padding: 0; margin: 0; display: grid; place-items: center; border-radius: 999px; background: #fff; color: #1f8a35; border: 1.8px solid rgba(168, 227, 152, .95); box-shadow: 0 3px 10px rgba(40, 110, 50, .15); cursor: pointer; visibility: visible; }
.sandy-root .sandy-vmode svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.sandy-root .sandy-vmode:hover { border-color: #7fcf6c; }
.sandy-root .sandy-vmode:focus-visible { outline: 2px solid #1f8a35; outline-offset: 2px; }
.sandy-root.sandy-vmode-on .sandy-vmode { background: #156d28; color: #fff; border-color: #156d28; }
.sandy-root.sandy-v-bar .sandy-vmode, .sandy-root.sandy-m-bar .sandy-vmode { display: none !important; }
@media (max-width: 600px) {
	.sandy-root .sandy-vmode { width: 32px; height: 32px; min-width: 32px; }
	.sandy-root .sandy-vmode svg { width: 17px; height: 17px; }
}
/* компютър, разгънат чат: върху горния ръб, вляво от „За мен“ (За мен: right 310 + ширина ~120 + разстояние 4) */
@media (min-width: 601px) {
	.sandy-root.sandy-is-open .sandy-chat-head .sandy-vmode { position: absolute; top: -18px; right: 434px; z-index: 4; }
}
/* 0.6.9: без местене или свиване на „За мен“ и „Актуално“ — където бутонът не се събира (тесни телефони), той се скрива */
.sandy-root .sandy-vmode.sandy-vmode-nofit { display: none !important; }
/* 0.6.18-dev: автоматичният гласов режим е спрян — бутонът със слушалките не се показва (без празно място) */
.sandy-root.sandy-vmode-disabled .sandy-vmode { display: none !important; }

/* 0.6.13-r2 (Android): тесен телефон — редът с „За мен“ се сгъстява (същият размер на бутоните); резервно — вляво от „Архив“ */
@media (max-width: 600px) {
	.sandy-root .sandy-vrow-tight { gap: 3px !important; }
	.sandy-root .sandy-vrow-tight .sandy-topics-btn { padding-left: 6px !important; padding-right: 6px !important; }
	.sandy-root .sandy-vrow-tight > .sandy-vmode { margin-left: auto !important; }
	.sandy-root .sandy-vmode.sandy-vmode-arc { width: 32px; height: 32px; min-width: 32px; margin-right: 8px; position: static !important; display: grid !important; }
}

/* 0.6.13-r4: телефон — по-големи кръгли бутони на цялата ширина (размерът --sandy-mb се пресмята според екрана, 36–48 px) */
@media (max-width: 600px) {
	.sandy-root .sandy-mrow { justify-content: space-between !important; gap: 4px !important; flex-wrap: nowrap !important; }
	.sandy-root .sandy-mrow .sandy-round, .sandy-root .sandy-mrow .sandy-vmode, .sandy-root .sandy-mrow .sandy-pin,
	.sandy-root .sandy-mrow .sandy-size-min, .sandy-root .sandy-mrow .sandy-collapse, .sandy-root .sandy-mrow .sandy-expand,
	.sandy-root .sandy-mrow .sandy-proto-up { position: relative !important; top: auto !important; right: auto !important; width: var(--sandy-mb, 36px) !important; height: var(--sandy-mb, 36px) !important; min-width: var(--sandy-mb, 36px) !important; margin: 0 !important; }
	.sandy-root .sandy-mrow .sandy-round svg, .sandy-root .sandy-mrow .sandy-vmode svg, .sandy-root .sandy-mrow .sandy-size-min svg { width: calc(var(--sandy-mb, 36px) * .48) !important; height: calc(var(--sandy-mb, 36px) * .48) !important; }
	.sandy-root .sandy-mrow .sandy-topics { position: relative !important; top: auto !important; right: auto !important; }
	.sandy-root .sandy-mrow .sandy-topics-btn { height: var(--sandy-mb, 36px) !important; font-size: 13.5px !important; padding: 0 7px !important; gap: 4px !important; }
	.sandy-root .sandy-mrow .sandy-topics-caret { display: none !important; }
	.sandy-root .sandy-mrow .sandy-topics-btn svg:not(.sandy-topics-caret) { width: 15px !important; height: 15px !important; }
	.sandy-root .sandy-mrow .sandy-round::after, .sandy-root .sandy-mrow .sandy-topics-btn::after { inset: 0 !important; }
}
/* 0.6.13-r4: телефон/таблет без мишка — „:hover“ остава залепен след докосване; цветът показва само реалното състояние */
@media (hover: none) {
	.sandy-root .sandy-round:hover:not([aria-pressed="true"]) { color: var(--sandy-green-dark); background: #fff; border-color: rgba(168, 227, 152, .95); }
	.sandy-root .sandy-topics:not(.sandy-is-on) .sandy-topics-btn:hover { color: var(--sandy-green-dark); background: #fff; border-color: rgba(168, 227, 152, .95); }
	.sandy-root .sandy-round:focus:not(:focus-visible) { outline: none; }
}

/* 0.6.13-r8: телефон, най-малкият изглед (лента „Попитай Санди“) — трите кръгли бутона вляво са по-големи (32 → 42 px) */
@media (max-width: 600px) {
	.sandy-root.sandy-m-bar .sandy-bar [data-sandy-action="proto-mpin"],
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-mid-m,
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-max-m { left: 5px !important; width: 42px !important; height: 42px !important; min-width: 42px !important; }
	.sandy-root.sandy-m-bar .sandy-bar [data-sandy-action="proto-mpin"] { top: -1px !important; }
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-mid-m { top: 46px !important; }
	.sandy-root.sandy-m-bar .sandy-bar .sandy-size-max-m { top: 93px !important; }
	.sandy-root.sandy-m-bar .sandy-bar [data-sandy-action="proto-mpin"] svg, .sandy-root.sandy-m-bar .sandy-bar .sandy-size-btn svg { width: 22px !important; height: 22px !important; }
	body:has(#sandy-ai-root.sandy-m-bar) .acpt-mobile-top-row { padding-left: 52px; }
}

/* 0.6.13-r11: телефон, среден изглед на Санди (ред с кръгли бутони под панела) — бутоните „NOW“ и „ПОКАЖИ КАЛЕНДАР“
   слизат 12 px в същото сиво поле (височината не се променя), а показаният календар започва 16 px под реда с бутоните. */
@media (max-width: 600px) {
	body:has(#sandy-ai-root.sandy-is-collapsed:not(.sandy-m-bar) .sandy-viewbar.sandy-mrow) .acpt-shell:not(.is-mobile-calendar-open) .acpt-mobile-top-row { transform: translateY(12px); }
	body:has(#sandy-ai-root.sandy-is-collapsed:not(.sandy-m-bar) .sandy-viewbar.sandy-mrow) .acpt-shell.is-mobile-calendar-open .acpt-nav-card { margin-top: 38px; }
}

/* 0.6.20-dev: долният ред на чата (само компютър; телефонът не се променя).
   > 1000 px: „Санди може да допуска грешки…“ вляво на реда с „Архив | Текущ разговор | Нов разговор“
              (два кратки реда, без застъпване); освободеният ред отива за разговора, бялото поле слиза малко надолу.
   601–1000 px: чатът е твърде тесен за общ ред — предупреждението остава под навигацията (както в 0.6.16). */
@media (min-width: 601px) {
	.sandy-root .sandy-compact .sandy-disclaimer,
	.sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer { max-width: none; place-self: center; text-align: center; padding: 0 4px; margin: 1px 0 0; }
	.sandy-root .sandy-compact .sandy-disclaimer { grid-row: 5; }
	.sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer { grid-row: 6; }
	/* по-малко зелено под бялото поле — рамката, размерът на панела и заобляниятa не се променят */
	.sandy-root.sandy-is-open .sandy-chat { margin-bottom: -12px; }
}
@media (min-width: 1001px) {
	.sandy-root .sandy-compact .sandy-disclaimer,
	.sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer {
		place-self: center start; text-align: left; max-width: calc(100% - 300px); text-wrap: balance; padding: 0 0 0 4px; margin: 0; }
	.sandy-root .sandy-compact .sandy-disclaimer { grid-row: 4; }
	.sandy-root.sandy-is-open .sandy-chat .sandy-disclaimer { grid-row: 5; }
	.sandy-root.sandy-v-compact.sandy-is-collapsed .sandy-compact { margin-bottom: -8px; }
}

/* 0.6.23-dev: „Слушай“ под отговорите се вижда само при включен „Режим слушане“ (клас sandy-vmode-on, слага го само сървърно
   разрешеният бутон на собственика). Важи веднага и за вече показаните отговори; всички останали абонати не виждат иконата. */
.sandy-root .sandy-act-listen { display: none !important; }
/* 0.6.24-dev: и само под отговорите, създадени в „Режим слушане“ (признак към съобщението; старите — без признак) */
.sandy-root.sandy-vmode-on .sandy-msg[data-sandy-voice="1"] .sandy-act-listen { display: flex !important; }