/* Калькулятор НДС — дополнения к стилям темы. Цвета и шрифты взяты с сайта. */
.be8vat {
	--be8vat-ink: #33305a; --be8vat-muted: #73718f; --be8vat-line: #dadada; --be8vat-soft: #f5f5f7;
	--be8vat-blue: #0271b6; --be8vat-blue-soft: #e8f2fa; --be8vat-green: #57b602; --be8vat-red: #da4453;
	color: var(--be8vat-ink); container: be8vat / inline-size;
}
.be8vat-main { max-width: 860px; min-width: 0; }
.be8vat h3 { margin: 0 0 8px; font-family: Roboto, sans-serif; font-size: 18px; line-height: 1.3; font-weight: 700; text-transform: uppercase; color: #57b602; letter-spacing: 0; } /* единый стиль заголовков разделов во всех сервисах */
.be8vat-muted { color: var(--be8vat-muted); }

.be8vat-controls { display: flex; flex-wrap: wrap; gap: 16px 32px; margin-bottom: 18px; }
.be8vat-group { display: flex; flex-direction: column; gap: 6px; }
.be8vat-label, .be8vat-input-label { font-size: 13px; color: var(--be8vat-muted); font-weight: 400; margin: 0; }
.be8vat-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--be8vat-line); border-radius: 4px; overflow: hidden; background: #fff; }
.be8vat-seg-btn { border: 0; border-right: 1px solid var(--be8vat-line); background: #fff; color: var(--be8vat-ink); padding: 8px 14px; font-size: 14px; line-height: 1.3; cursor: pointer; }
.be8vat-seg-btn:last-child { border-right: 0; }
.be8vat-seg-btn:hover { background: var(--be8vat-soft); }
.be8vat-seg-btn.is-on { background: var(--be8vat-blue); color: #fff; }
.be8vat-seg-btn:focus-visible { outline: 2px solid var(--be8vat-blue); outline-offset: -2px; }
.be8vat-custom { margin: 6px 0 0; max-width: 110px; }

.be8vat-input-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 16px; margin-bottom: 12px; }
.be8vat-input-row .be8vat-input-label { flex-basis: 100%; }
.be8vat-input-wrap { position: relative; flex: 1 1 320px; max-width: 420px; }
.be8vat .be8vat-amount { font-size: 22px; height: auto; padding: 10px 40px 10px 14px; font-variant-numeric: tabular-nums; }
.be8vat-clear { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: none; font-size: 22px; line-height: 1; color: var(--be8vat-muted); cursor: pointer; padding: 4px 8px; }
.be8vat-clear:hover { color: var(--be8vat-ink); }
.be8vat .be8vat-batch-toggle { padding-left: 0; padding-right: 0; color: var(--be8vat-blue); }
.be8vat-input-row.is-batch .be8vat-input-label { display: none; }
.be8vat-batch { margin-bottom: 12px; }
.be8vat .be8vat-batch-input { font-variant-numeric: tabular-nums; max-width: 420px; }

.be8vat-error { background: #fdecee; color: #a1192c; border-radius: 4px; padding: 10px 14px; margin-bottom: 12px; font-size: 14px; }

.be8vat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 8px 0 12px; }
@media (max-width: 640px) { .be8vat-cards { grid-template-columns: 1fr; } }
.be8vat-card { border: 1px solid var(--be8vat-line); border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; background: #fff; min-width: 0; }
.be8vat-card-vat { background: var(--be8vat-blue-soft); border-color: #b9d6ec; }
.be8vat-card-label { font-size: 13px; color: var(--be8vat-muted); }
.be8vat-card-value { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.be8vat-copy { align-self: flex-start; border: 0; background: none; color: var(--be8vat-blue); font-size: 13px; padding: 2px 0; cursor: pointer; }
.be8vat-copy:hover { text-decoration: underline; }
.be8vat-copy.is-done, .be8vat-copy-table.is-done { color: var(--be8vat-green); }

.be8vat-formula { font-size: 13px; color: var(--be8vat-muted); margin: 0 0 18px; font-variant-numeric: tabular-nums; }
.be8vat-words, .be8vat-phrases, .be8vat-history { border-top: 1px solid var(--be8vat-line); padding-top: 14px; margin-top: 14px; }
.be8vat-words p { margin: 0 0 6px; }
.be8vat-phrase { background: var(--be8vat-soft); border-radius: 4px; padding: 10px 14px; margin-bottom: 8px; }
.be8vat-phrase p { margin: 2px 0; }
.be8vat-phrase .be8vat-muted { font-size: 12px; }

.be8vat-table td, .be8vat-table th { white-space: nowrap; }
.be8vat .be8vat-n { text-align: right; font-variant-numeric: tabular-nums; }
.be8vat-table tfoot td { font-weight: 700; border-top: 2px solid var(--be8vat-line); }
.be8vat-note { font-size: 13px; color: var(--be8vat-muted); }

.be8vat-history-head { display: flex; align-items: baseline; justify-content: space-between; }
.be8vat-history-head .btn-link { color: var(--be8vat-muted); padding: 0; }
.be8vat-history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.be8vat-history-list li { margin: 0; padding: 0; }
.be8vat-history-list li::before { display: none; }
.be8vat-history-item { border: 1px solid var(--be8vat-line); background: #fff; border-radius: 6px; padding: 4px 12px; font-size: 13px; color: var(--be8vat-ink); cursor: pointer; font-variant-numeric: tabular-nums; }
.be8vat-history-item:hover { border-color: var(--be8vat-blue); color: var(--be8vat-blue); }

/* справка — такие же карточки, как «Проверить НДС в счете или договоре» */
.be8vat-help { border: 1px solid var(--be8vat-line); border-radius: 6px; padding: 10px 14px; margin: 16px 0; background: #fff; font-size: 16px; } /* 16 px, как текст статей: и у абзацев, и у текста сразу после блоков [book]/[attention] */
.be8vat-help > summary, .be8vat-check > summary { cursor: pointer; font-weight: 600; color: var(--be8vat-blue); font-size: 18px; line-height: 1.35; }
.be8vat-help-body { margin-top: 10px; }
.be8vat-help ul { margin: 0 0 4px; }
.be8vat-help li { margin-bottom: 6px; }

/* Тема задает шрифт и регистр для span/button в контенте — возвращаем свои размеры. */
.be8vat .be8vat-card .be8vat-card-value { font-size: 26px; line-height: 1.25; font-weight: 700; }
.be8vat .be8vat-card .be8vat-card-label { font-size: 13px; }
.be8vat button.be8vat-copy, .be8vat button.be8vat-history-item, .be8vat .be8vat-history-head .btn-link { text-transform: none; letter-spacing: 0; font-weight: 400; }
.be8vat .be8vat-batch-toggle { text-transform: none; font-size: 14px; }
.be8vat .be8vat-history-list li::before, .be8vat .be8vat-history-list li::after { content: none !important; display: none !important; }
.be8vat .be8vat-history-list li { padding-left: 0; margin-left: 0; }

/* скопировать весь расчет */
.be8vat-actions { margin: 0 0 16px; }

/* проверка НДС в документе */
.be8vat-check { border: 1px solid var(--be8vat-line); border-radius: 6px; padding: 10px 14px; margin: 16px 0; background: #fff; }
.be8vat-check > summary { cursor: pointer; font-weight: 600; color: var(--be8vat-blue); }
.be8vat-check-lead { font-size: 14px; margin: 10px 0 8px; }
.be8vat-check-row { display: flex; flex-wrap: wrap; gap: 10px 16px; }
.be8vat-check-field { flex: 1 1 220px; max-width: 320px; margin: 0; font-weight: 400; }
.be8vat-check-field .be8vat-input-label { display: block; margin-bottom: 4px; }
.be8vat .be8vat-check-field .form-control { font-variant-numeric: tabular-nums; }
.be8vat-check-res { margin: 10px 0 2px; font-size: 14px; }
.be8vat-check-res:empty { display: none; }
.be8vat-check-res.is-ok { color: #2c6b00; }
.be8vat-check-res.is-warn { color: #a1192c; }

/* мини-калькулятор для статей */
.be8vat-mini { --be8vat-ink: #33305a; --be8vat-muted: #73718f; --be8vat-line: #dadada; --be8vat-blue: #0271b6;
	border: 1px solid var(--be8vat-line); border-radius: 6px; padding: 14px 16px; margin: 16px 0; max-width: 620px; background: #f5f5f7; color: var(--be8vat-ink); }
.be8vat-mini-head { font-weight: 700; margin-bottom: 10px; }
.be8vat-mini-row { display: flex; flex-wrap: wrap; gap: 8px; }
.be8vat-mini .form-control { width: auto; height: auto; padding: 7px 10px; font-size: 15px; }
.be8vat-mini .be8vat-mini-amount { flex: 1 1 170px; font-variant-numeric: tabular-nums; }
.be8vat-mini-res { margin: 10px 0 6px; font-size: 15px; font-variant-numeric: tabular-nums; min-height: 1.4em; }
.be8vat-mini-res span, .be8vat-mini-res b { font-size: inherit; color: inherit; }
.be8vat-mini-link { font-size: 14px; color: var(--be8vat-blue); }

/* основание платежа */
.be8vat-basis { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 4px; }
.be8vat-chip { border: 1px solid var(--be8vat-line); background: #fff; color: var(--be8vat-ink); border-radius: 16px; padding: 3px 12px; font-size: 13px; cursor: pointer; }
.be8vat-chip:hover { border-color: var(--be8vat-blue); }
.be8vat-chip.is-on { background: var(--be8vat-blue-soft); border-color: var(--be8vat-blue); color: var(--be8vat-blue); font-weight: 500; }

/* содержание — только на компьютере, справа и закреплено при прокрутке; на телефоне и планшете не показываем.
 * Копия виджета «Содержание» в статьях сайта (#secondary .toc_widget), как в производственном календаре. */
.be8vat-side { display: none; }
@container be8vat (min-width: 1000px) {
	.be8vat-layout { display: grid; grid-template-columns: minmax(0, 860px) clamp(260px, 26%, 325px); gap: 30px; align-items: start; }
	.be8vat-side { display: block; position: sticky; top: 50px; }
}
.be8vat .be8vat-toc { background: #f0f0f0; border-radius: 0; padding: 40px 40px 40px 0; margin: 0; color: #33305a; font: 16px/1.2 Roboto, sans-serif; }
.be8vat .be8vat-toc .be8vat-toc-title { display: block; margin: 0 0 20px 20px; font: bold 14px Montserrat, sans-serif; text-transform: uppercase; color: #00c0cf; }
.be8vat .be8vat-toc ul { list-style: none; margin: 0; padding: 0 10px 0 0; line-height: 18px; }
.be8vat .be8vat-toc li { position: relative; display: block; width: 100%; margin: 0 0 15px; padding: 0 0 0 30px; border-left: 5px solid transparent; list-style: none; font: 16px/18px Roboto, sans-serif; color: #33305a; }
.be8vat .be8vat-toc li:last-child { margin-bottom: 0; }
.be8vat .be8vat-toc li[hidden] { display: none; }
.be8vat .be8vat-toc li::before { content: none; display: none; }
.be8vat .be8vat-toc a { color: #33305a; font-size: 16px; text-decoration: none; text-transform: none; padding: 0; border: 0; transition: .3s; }
.be8vat .be8vat-toc a:hover { color: #0785ce; }
.be8vat .be8vat-toc li.is-active { border-left-color: #00c0cf; }
.be8vat .be8vat-toc li.is-active > a { color: #0785ce; }
.be8vat .be8vat-toc li.is-active > a:hover { opacity: .7; }
@media (max-width: 1199.98px) {
	.be8vat .be8vat-toc li { margin-bottom: 10px; }
	.be8vat .be8vat-toc a { font-size: 14px; }
}

/* узкий экран: переключатели на всю ширину, без белых «хвостов» справа.
 * Режимы — столбиком, по строке на кнопку; ставки — в один ряд равными долями. */
@container be8vat (max-width: 600px) {
	.be8vat-controls { gap: 14px; }
	.be8vat-group { width: 100%; }
	.be8vat-seg { display: flex; width: 100%; }
	.be8vat-seg-mode { flex-direction: column; }
	.be8vat-seg-mode .be8vat-seg-btn { border-right: 0; border-bottom: 1px solid var(--be8vat-line); text-align: left; padding: 10px 14px; }
	.be8vat-seg-mode .be8vat-seg-btn:last-child { border-bottom: 0; }
	.be8vat-seg-rate .be8vat-seg-btn { flex: 1 1 0; padding: 9px 4px; text-align: center; }
	.be8vat-custom { max-width: none; }
}

/* подсказка про 20% у своей ставки */
.be8vat-custom-hint { display: block; margin-top: 4px; font-size: 13px; color: var(--be8vat-muted); }
.be8vat-custom-hint[hidden] { display: none; }
.be8vat-linkbtn { border: 0; background: none; padding: 0; color: var(--be8vat-blue); font-size: inherit; cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; }
/* проверка: какая сумма в документе */
.be8vat-check-kind { align-items: center; margin: 0 0 10px; }
.be8vat-check-kind .be8vat-muted { font-size: 13px; margin-right: 2px; }
/* недавние расчеты: три последних, остальные — по кнопке «Показать все» (на любом экране) */
.be8vat .be8vat-history-more { padding-left: 0; color: var(--be8vat-blue); }
.be8vat .be8vat-history-more[hidden] { display: none; }
.be8vat-history-list:not(.is-all) > li:nth-child(n+4) { display: none; }

/* узкий экран: ставки в два ряда — 22/10/7/5 и «Своя» + «Без НДС», чтобы надписи не ломались на две строки */
@container be8vat (max-width: 600px) {
	.be8vat-seg-rate { flex-wrap: wrap; }
	.be8vat-seg-rate .be8vat-seg-btn { flex: 1 1 25%; white-space: nowrap; }
	.be8vat-seg-rate .be8vat-seg-btn[data-rate="5"] { border-right: 0; }
	.be8vat-seg-rate .be8vat-seg-btn[data-rate="custom"], .be8vat-seg-rate .be8vat-seg-btn[data-rate="none"] { flex: 1 1 50%; border-top: 1px solid var(--be8vat-line); }
}

/* подсказка своей ставки: под ставкой; если ставка введена неверно — красным */
.be8vat-custom-hint.is-error { color: #a1192c; }
/* кнопки как в предложении: тема делает текст кнопок заглавными буквами */
.be8vat button, .be8vat .btn, .be8vat-mini button { text-transform: none; letter-spacing: normal; }

/* переключатели не растягиваются на ширину группы: иначе длинная подсказка своей ставки
 * раздвигала группу, и после «Без НДС» оставалось пустое белое поле */
.be8vat-group > .be8vat-seg { align-self: flex-start; }
.be8vat-custom-hint { max-width: 460px; }
@container be8vat (max-width: 600px) {
	.be8vat-group > .be8vat-seg { align-self: stretch; }
	.be8vat-custom-hint { max-width: none; }
}

/* кнопки копирования — в стиле калькулятора, а не красные кнопки темы */
.be8vat .be8vat-btn { display: inline-block; border: 1px solid var(--be8vat-blue); background: #fff; color: var(--be8vat-blue); border-radius: 4px; padding: 7px 16px; font-size: 14px; line-height: 1.3; cursor: pointer; }
.be8vat .be8vat-btn:hover { background: var(--be8vat-blue-soft); }
.be8vat .be8vat-btn.is-done { border-color: #2c6b00; color: #2c6b00; }
/* вводный текст и справка из настроек плагина */
.be8vat-intro { margin: 0 0 18px; font-size: 16px; }
.be8vat-intro > :last-child, .be8vat-help-body > :last-child { margin-bottom: 0; }
.be8vat-exempt { margin: 6px 0 4px; }

/* предупреждение в режиме «Рассчитать сумму по НДС» — заметной плашкой, как «Расчет примерный» в производственном календаре */
.be8vat-warn { display: flex; gap: 10px; align-items: flex-start; background: #fff4e0; border: 1px solid #f1d29b; border-radius: 6px; padding: 10px 12px; margin: 0 0 12px; font-size: 14px; color: var(--be8vat-ink); }
.be8vat-warn[hidden] { display: none; }
.be8vat-warn-ico { flex: none; width: 20px; height: 20px; border-radius: 50%; background: #e0a100; color: #fff; font-weight: 700; font-size: 13px; line-height: 20px; text-align: center; }

/* размер текста — как в производственном календаре */
.be8vat .be8vat-zoom { display: flex; justify-content: flex-end; align-items: center; gap: 2px; margin: 0 0 8px auto; width: max-content; border: 1px solid #dadada; border-radius: 4px; padding: 2px 4px; background: #fff; }
.be8vat .be8vat-zoom button { border: 0; background: none; color: #73718f; cursor: pointer; padding: 2px 6px; line-height: 1; font-weight: 700; border-radius: 4px; font-family: Montserrat, sans-serif; text-transform: none; letter-spacing: 0; min-width: 0; height: auto; box-shadow: none; transition: none; }
.be8vat .be8vat-zoom button:nth-of-type(1) { font-size: 13px; }
.be8vat .be8vat-zoom button:nth-of-type(2) { font-size: 16px; }
.be8vat .be8vat-zoom button:nth-of-type(3) { font-size: 19px; }
.be8vat .be8vat-zoom button:hover { color: #33305a; background: none; }
.be8vat .be8vat-zoom button.is-on { color: #fff; background: #0271b6; }
.be8vat .be8vat-zoom .be8vat-zoom-label { font-size: 12px; color: #73718f; margin-right: 4px; font-family: Roboto, sans-serif; }
@media print { .be8vat .be8vat-zoom { display: none !important; } }

/* итог — темный блок, как в калькуляторе УСН (класс be8vat-v2; variant="1" в шорткоде — светлые карточки) */
.be8vat.be8vat-v2 .be8vat-cards { background: #33305a; border-radius: 6px; padding: 18px 20px; gap: 0; }
.be8vat.be8vat-v2 .be8vat-card { background: transparent; border: 0; border-left: 1px solid rgba(255, 255, 255, .18); border-radius: 0; padding: 4px 18px; }
.be8vat.be8vat-v2 .be8vat-card:first-child { border-left: 0; padding-left: 0; }
.be8vat.be8vat-v2 .be8vat-card .be8vat-card-label { color: #c9c7e0; }
.be8vat.be8vat-v2 .be8vat-card .be8vat-card-label span { color: inherit; font-size: inherit; }
.be8vat.be8vat-v2 .be8vat-card .be8vat-card-value { color: #fff; font-size: 26px; }
.be8vat.be8vat-v2 .be8vat-card-vat .be8vat-card-value { font-size: 34px; }
.be8vat.be8vat-v2 .be8vat-cards button.be8vat-copy { color: #9fd0f5; } /* светлый — только на темных плашках с суммами */
.be8vat.be8vat-v2 .be8vat-cards button.be8vat-copy.is-done { color: #b6f08a; }
@media (max-width: 640px) {
	.be8vat.be8vat-v2 .be8vat-card { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); padding: 10px 0; }
	.be8vat.be8vat-v2 .be8vat-card:first-child { border-top: 0; padding-top: 0; }
}
@media print { .be8vat.be8vat-v2 .be8vat-cards { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }

/* ===== Единый стиль сервисов Бухэксперт (29.10.2026) — одинаковые правила во всех плагинах-сервисах =====
   Скругления: поля и кнопки 4 px, блоки 6 px. Поля — белые с заметной рамкой, при вводе синяя рамка.
   Кнопки: синяя главная, белые с рамкой, ссылка; красных нет (красный на сайте — только «купить»).
   Заголовки разделов — 20 px, как H2 в статьях. Подписи полей — 14 px. Итог — однотонный темно-синий. Ввод — на серой подложке. */
.be8vat h3 { font-size: 20px; }
.be8vat .be8vat-label, .be8vat .be8vat-input-label, .be8vat .be8vat-amount-caption { font-size: 14px; font-weight: 400; color: #73718f; } /* подписи полей — 14 px во всех сервисах (13 мелковато) */
.be8vat input.form-control, .be8vat textarea.form-control { background: #fff; border: 1px solid #b9b8cc; border-radius: 4px; box-shadow: 0 1px 2px rgba(51, 48, 90, .06); color: #33305a; transition: border-color .15s, box-shadow .15s; }
.be8vat input.form-control:focus, .be8vat textarea.form-control:focus { border-color: #0271b6; box-shadow: 0 0 0 3px rgba(2, 113, 182, .15); outline: none; background: #fff; }
.be8vat .be8vat-seg { border: 1px solid #dadada; border-radius: 4px; overflow: hidden; }
.be8vat .be8vat-seg .be8vat-seg-btn { border-radius: 0; transition: none; }
.be8vat .be8vat-btn { background: #fff; color: #33305a; border: 1px solid #dadada; border-radius: 4px; text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 400; box-shadow: none; transition: none; }
.be8vat .be8vat-btn:hover, .be8vat .be8vat-btn:focus { background: #fff; color: #0271b6; border-color: #0271b6; }
.be8vat .be8vat-ask { background: #f5f5f7; border-radius: 6px; padding: 16px 18px; }
.be8vat .be8vat-ask { margin-bottom: 18px; }
.be8vat .be8vat-ask .be8vat-input-row { margin-bottom: 0; }
.be8vat .be8vat-ask .be8vat-batch { margin-top: 10px; }
.be8vat .be8vat-input-wrap .be8vat-amount { padding-right: 40px; }
/* «Копировать» на светлом фоне (готовые формулировки и др.) — синей ссылкой, как в остальных сервисах; было светло-голубым и не читалось */
.be8vat button.be8vat-copy { color: #0271b6; background: none; border: 0; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; transition: none; }
.be8vat button.be8vat-copy:hover { color: #015a91; text-decoration-style: solid; }
.be8vat button.be8vat-copy.is-done { color: #2c6b00; }
.be8vat.be8vat-v2 .be8vat-cards button.be8vat-copy { text-decoration: none; }
.be8vat.be8vat-v2 .be8vat-cards button.be8vat-copy:hover { color: #fff; text-decoration: underline; }

/* Единый стиль сервисов (02.11.2026): таблица — как в статьях сайта (сетка #e0e2ea, строка заголовков с темными линиями #706e91, текст 16 px) */
.be8vat table.be8vat-table { width: 100%; border-collapse: collapse; background: #fff; }
.be8vat table.be8vat-table > thead > tr > th, .be8vat table.be8vat-table > tbody > tr > td, .be8vat table.be8vat-table > tfoot > tr > td { padding: 8px 12px; border: 1px solid #e0e2ea; font-size: 16px; line-height: 1.4; color: #33305a; background: #fff; }
.be8vat table.be8vat-table > thead > tr > th { font-weight: 700; text-align: center; border-top: 1px solid #706e91; border-bottom: 1px solid #706e91; }
.be8vat table.be8vat-table > tfoot > tr > td { font-weight: 700; }

/* Единый стиль сервисов (02.11.2026, правка): заголовки колонок — по тому же краю, что и данные (суммы справа, названия слева), значения по середине строки по вертикали; у блока с таблицей нет рамки-карточки; текст не мельче 14 px, обычный текст 16 px */
.be8vat table.be8vat-table > thead > tr > th { text-align: right; }
.be8vat table.be8vat-table > thead > tr > th:first-child { text-align: left; }
.be8vat table.be8vat-table td { vertical-align: middle; }
.be8vat .be8vat-chip, .be8vat .be8vat-basis .be8vat-muted { font-size: 14px; }

/* Единая шкала шрифтов (03.11.2026): подписи не мельче 14 px, текст 16 px — без 12/15 */
.be8vat .be8vat-zoom .be8vat-zoom-label { font-size: 14px; }