/* Start:/local/components/veomedia/techbot.chat/templates/.default/style.css?178954055712176*/
.veotb-root { --veotb-main: #1666a1; --veotb-accent: #a20005; --veotb-bg: #ffffff; --veotb-line: #e3e6ea; --veotb-text: #1d2733; --veotb-muted: #6a737b; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: var(--veotb-text); }
.veotb-root * { box-sizing: border-box; }
.veotb-root--inline { display: block; width: 100%; }
.veotb-root--popup { position: fixed; z-index: 99000; width: 400px; max-width: calc(100vw - 24px); display: none; }
.veotb-root--popup.veotb-root--open { display: block; }
.veotb-window { display: flex; flex-direction: column; overflow: hidden; background: var(--veotb-bg); border: 1px solid var(--veotb-line); border-radius: 14px; box-shadow: 0 10px 40px rgba(20, 30, 50, 0.14); }
.veotb-root--popup .veotb-window { height: 70vh; max-height: 640px; }
.veotb-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; background: var(--veotb-main); color: #fff; }
.veotb-head-info { display: flex; align-items: center; gap: 10px; min-width: 0; }
.veotb-avatar { flex: 0 0 auto; width: 81px; height: 81px; border-radius: 50%; object-fit: cover; background: rgba(255, 255, 255, 0.2); }
span.veotb-head-text b {font-size: 20px;}
.veotb-avatar--letter { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.veotb-head-text { display: flex; flex-direction: column; min-width: 0;transform-origin: 0 0;transform: scale(1, 0.9); }
.veotb-head-name { font-size: 15px; font-weight: 600;    color: #fff !important; }
.veotb-head-hint { font-size: 12px; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.veotb-head-tools { display: flex; gap: 6px; }
.veotb-tool { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.16); color: #fff; font-size: 15px; cursor: pointer; }
.veotb-tool:hover { background: rgba(255, 255, 255, 0.3); }
.veotb-tabs { display: flex; background: #e3ebf1;    transform-origin: 0 0;transform: scale(1, 0.92); }
.veotb-tab { flex: 1 1 50%; padding: 10px 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; text-align: left; cursor: pointer; }
.veotb-tab:hover { background: #ffffff; }
.veotb-tab--active { border-bottom-color: var(--veotb-main); background: #fff;box-shadow: -3px 0px 17px rgba(0, 0, 0, 0.2);border-top-right-radius: 15px; padding-left: 35px;border-bottom: none; }
.veotb-tab-title { display: block; font-size: 13px; font-weight: 600; color: var(--veotb-text); }
.veotb-tab-hint { display: block; margin-top: 2px; font-size: 11px; color: var(--veotb-muted);    line-height: 14px; }
.veotb-body { flex: 1 1 auto; overflow-y: auto; padding: 14px; background: #fbfcfd; }
.veotb-msg { display: flex; margin-bottom: 12px;    line-height: 16px;transform-origin: 0 0;transform: scale(1, 0.95); }
.veotb-msg--user { justify-content: flex-end; }
.veotb-bubble { max-width: 100%; padding: 10px 13px; border-radius: 14px; word-wrap: break-word; overflow-wrap: anywhere; }
.veotb-msg--bot .veotb-bubble { background: #fff; border: 1px solid var(--veotb-line); border-bottom-left-radius: 4px; }
.veotb-msg--user .veotb-bubble {background: #50bb85; border-bottom-right-radius: 4px; color: #fff; }
.veotb-msg--note .veotb-bubble { max-width: 100%; background: #fff8e6; border: 1px solid #f0d99b; color: #6b5320; font-size: 13px; }
.veotb-bubble p { margin: 0 0 8px; }
.veotb-bubble p:last-child { margin-bottom: 0;text-align: left; }
.veotb-bubble a { color: var(--veotb-main); }
.veotb-msg--user .veotb-bubble a { color: #fff; text-decoration: underline; }
.veotb-bubble code { padding: 1px 5px; border-radius: 4px; background: #eef1f5; font-family: Consolas, Monaco, monospace; font-size: 12px; }
.veotb-typing { display: inline-flex; gap: 4px; align-items: center; height: 18px; }
.veotb-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--veotb-muted); animation: veotbBlink 1.2s infinite; }
.veotb-typing i:nth-child(2) { animation-delay: 0.2s; }
.veotb-typing i:nth-child(3) { animation-delay: 0.4s; }
.veotb-code { margin: 10px 0; border: 1px solid #2a3441; border-radius: 10px; overflow: hidden; background: #1c2430; }
.veotb-code-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; background: #232d3b; color: #c3ccd8; font-size: 11px; }
.veotb-code-lang { text-transform: uppercase; letter-spacing: 0.4px; }
.veotb-code-btns { display: flex; gap: 6px; }
.veotb-code-btn { padding: 3px 8px; border: 1px solid #3a465a; border-radius: 6px; background: transparent; color: #c3ccd8; font-size: 11px; cursor: pointer; }
.veotb-code-btn:hover { background: #2f3b4c; color: #fff; }
.veotb-code-scroll { display: flex; max-height: 340px; overflow: auto; }
.veotb-code-lines { flex: 0 0 auto; padding: 10px 8px; background: #18202a; color: #5d6b7d; font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; text-align: right; user-select: none; }
.veotb-code-body { flex: 1 1 auto; margin: 0; padding: 10px 12px; color: #e5ebf2; font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; white-space: pre;background: #1c2430;border: none; }
.veotb-code-preview { border-top: 1px solid #2a3441; background: #fff; }
.veotb-code-preview iframe { display: block; width: 100%; height: 240px; border: 0; }
.veotb-rate { display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.veotb-rate-btn { padding: 3px 9px; border: 1px solid var(--veotb-line); border-radius: 20px; background: #fff; color: var(--veotb-muted); font-size: 12px; cursor: pointer; }
.veotb-rate-btn:hover { border-color: var(--veotb-main); color: var(--veotb-main); }
.veotb-rate-btn--done { border-color: var(--veotb-main); background: var(--veotb-main); color: #fff; }
.veotb-quick { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; }
.veotb-quick:empty { display: none; }
.veotb-quick-btn { padding: 6px 11px; border: 1px solid var(--veotb-line); border-radius: 20px; background: #fff; color: var(--veotb-main); font-size: 12px; cursor: pointer; }
.veotb-quick-btn:hover { border-color: var(--veotb-main); background: #f0f6fb; }
.veotb-foot { padding: 10px 12px 12px; border-top: 1px solid var(--veotb-line); background: #fff; }
.veotb-input-row { display: flex; align-items: flex-end; gap: 8px; }
.veotb-input { flex: 1 1 auto; max-height: 140px; padding: 9px 12px; border: 1px solid var(--veotb-line); border-radius: 12px; font-family: inherit; font-size: 14px; line-height: 1.4; resize: none; outline: none; }
.veotb-input:focus { border-color: var(--veotb-main); }
.veotb-send { flex: 0 0 auto; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 12px;background: #106191; color: #fff; font-size: 16px; cursor: pointer; }
.veotb-tab--active[data-mode="SERVICE"]::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 10px solid rgb(255, 255, 255);
    z-index: 10;
}

.veotb-tab--active[data-mode="SERVICE"]::before {
content: "A";
    position: absolute;
    bottom: 18px;
    left: 5px;
    padding-left: 6px;
    width: 23px;
    height: 24px;
    border-radius: 100%;
    color: #116aa8;
    border: 1px solid #1264ab;
}



button.veotb-tab.veotb-js-tab.veotb-tab--active[data-mode="TECH"]::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 10px solid rgb(255, 255, 255);
    z-index: 10;
}
.veotb-tab--active[data-mode="TECH"]::before {
    content: "B";
    position: absolute;
    bottom: 18px;
    left: 50.88%;
    padding-left: 7px;
    width: 23px;
    height: 24px;
    border-radius: 100%;
    color: #116aa8;
    border: 1px solid #1264ab;
}



.veotb-send:hover { filter: brightness(1.08); }
.veotb-send:disabled { opacity: 0.5; cursor: default; }
.veotb-foot-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; font-size: 11px; color: var(--veotb-muted); }
.veotb-credit-wrap { margin-left: auto; }
.veotb-credit {color: #296193;text-decoration: underline;}
.veotb-credit:hover { color: var(--veotb-main); }
.veotb-launcher { position: fixed; z-index: 98900; display: flex; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.veotb-launcher-btn {display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;border-radius: 50%;background: url(/images/consult.jpg);color: #fff;background-size: 62px;border: 3px solid #ffffff;box-shadow: 0 8px 24px rgba(20, 30, 50, 0.28);}
.veotb-launcher-btn:hover { filter: brightness(1.08); }
.veotb-launcher-hint {max-width: 64px;line-height: 12px;font-weight: 500; padding: 10px 12px; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(20, 30, 50, 0.16); color: #355174; font-size: 13px; text-align: left; }
.veotb-launcher--hidden { display: none; }
.veotb-pos-right { right: 24px; }
.veotb-pos-left { left: 24px; }
.veotb-pos-bottom { bottom: 24px; }
.veotb-pos-center { top: 50%; transform: translateY(-50%); }
button.veotb-tool.veotb-js-clear.veomedia_Ai {background: rgb(22 102 161);width: 40px;height: 40px;}

@keyframes veotbBlink { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } }
@media (max-width: 640px) { .veotb-root--popup { right: 0; left: 0; bottom: 0; width: 100%; max-width: 100%; } }
@media (max-width: 640px) { .veotb-root--popup .veotb-window { height: 100vh; border-radius: 14px 14px 0 0; } }
@media (max-width: 640px) { .veotb-launcher-hint { display: none; } }
@media (max-width: 640px) { .veotb-popup-holder.veotb-pos-right.veotb-pos-bottom {bottom: 24px !important; }}

@media (max-width: 640px) { .veotb-head {background: linear-gradient(135deg, #1c4f7c 57%, #1a2744 36%, #212634 64%); }}

/* === FIX: перебиваем сайт и чиним позиционирование === */
.veotb-launcher{
	position: fixed !important;
	z-index: 2147483000 !important;
}
.veotb-popup-holder{
	position: fixed !important;
	z-index: 2147483000 !important;
	/* holder теперь единственный фиксированный контейнер */
}
.veotb-popup-holder .veotb-root--popup{
	position: static !important; /* не fixed! позиционируется через holder */
	display: none !important;
	width: 800px !important;
	max-width: calc(100vw - 0px) !important;
	margin: -24px !important;
	transform: none !important;
}
.veotb-popup-holder .veotb-root--popup.veotb-root--open{
	display: block !important;
}
.veotb-launcher.veotb-launcher--hidden{
	display: none !important;
}

span.veotb-tool-icon svg {margin-top: 6px;}


/* Кнопки загрузки/голоса рядом с textarea */
.veotb-tool--attach,
.veotb-tool--voice {
	background: none;
	border: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	transition: background 0.2s;
	color: var(--veotb-main);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.veotb-tool--attach:hover,
.veotb-tool--voice:hover {
	background: rgba(0, 0, 0, 0.05);
}

.veotb-tool--voice.veotb-tool--active {
	color: #ef4444;
	animation: veotb-pulse 1.2s infinite;
}

@keyframes veotb-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}

.veotb-input-row {
	display: flex;
	align-items: flex-end;
	gap: 6px;
}

span.veotb-left.veotb-js-left {display: none;
}
span.veotb-credit-wrap.sv {font-size: 12px;color: #a9b8c1;text-align: center;display: block;width: 100%;}

.veotb-head::before {content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;background-image: radial-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px);background-size: 5px 5px;animation: sla-flicker 16s linear infinite;max-height: 105px;top: -23px;}
/* End */
/* /local/components/veomedia/techbot.chat/templates/.default/style.css?178954055712176 */