/* Калькулятор УСН — дополнения к стилям темы. Цвета и шрифты взяты с сайта Бухэксперт. */
.be8usn {
	--u-ink: #33305a; --u-muted: #73718f; --u-line: #dadada; --u-soft: #f5f5f7;
	--u-blue: #0271b6; --u-blue-soft: #e8f2fa; --u-green: #57b602; --u-green-soft: #eef8e6;
	--u-amber: #8a5a00; --u-amber-soft: #fff4dc; --u-red: #a1192c; --u-red-soft: #fdecee;
	color: var(--u-ink); container: be8usnw / inline-size;
}
/* колонка калькулятора — прежние 980 px; от ее ширины, а не от ширины с содержанием, зависят раскладки @container be8usn */
.be8usn-main { max-width: 980px; min-width: 0; container: be8usn / inline-size; }
.be8usn *, .be8usn *::before, .be8usn *::after { box-sizing: border-box; }
.be8usn-intro p { margin: 0 0 14px; }
.be8usn .be8usn-h { font-size: 18px; font-weight: 700; margin: 26px 0 12px; color: var(--u-ink); text-transform: none; }
.be8usn .be8usn-h span { color: inherit; }

/* три вопроса сверху */
.be8usn-setup { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: flex-start; margin-bottom: 8px; }
.be8usn-group { display: flex; flex-direction: column; gap: 6px; }
.be8usn-label { font-size: 13px; color: var(--u-muted); }
.be8usn-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--u-line); border-radius: 4px; overflow: hidden; background: #fff; }
.be8usn .be8usn-seg-btn { border: 0; border-right: 1px solid var(--u-line); background: #fff; color: var(--u-ink); padding: 8px 14px; font-size: 14px; line-height: 1.3; cursor: pointer; text-transform: none; letter-spacing: 0; font-weight: 400; transition: none; }
.be8usn .be8usn-seg-btn:last-child { border-right: 0; }
.be8usn .be8usn-seg-btn:hover { background: var(--u-soft); }
.be8usn .be8usn-seg-btn.is-on { background: var(--u-blue); color: #fff; }
.be8usn .be8usn-seg-btn:focus-visible { outline: 2px solid var(--u-blue); outline-offset: -2px; }
.be8usn .be8usn-seg-sm .be8usn-seg-btn { padding: 5px 11px; font-size: 13px; }
.be8usn .be8usn-rate-btn { border: 1px dashed var(--u-line); background: #fff; border-radius: 4px; padding: 7px 12px; cursor: pointer; color: var(--u-ink); font-size: 14px; text-transform: none; }
.be8usn .be8usn-rate-btn:hover { border-color: var(--u-blue); }
.be8usn .be8usn-rate-val { font-size: 15px; }
.be8usn .be8usn-rate-edit { color: var(--u-blue); font-size: 13px; }
.be8usn-rate-own { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 400; }
.be8usn-rate-own[hidden], .be8usn-rate-btn[hidden] { display: none !important; }
.be8usn .be8usn-rate-own input.be8usn-rate-input { width: 64px; min-width: 0; height: 36px; min-height: 0; padding: 4px 8px; font-size: 15px; line-height: 1.2; border-radius: 4px; text-align: right; box-shadow: none; display: inline-block; }
.be8usn .be8usn-rate-own span { font-size: 15px; }
.be8usn .be8usn-rate-input.is-bad { border-color: var(--u-red); }
.be8usn .be8usn-year { width: auto; height: auto; padding: 7px 10px; }
.be8usn-rate-hint { font-size: 13px; color: var(--u-amber); background: var(--u-amber-soft); border-radius: 4px; padding: 6px 10px; margin: 6px 0 0; }

/* видимость по выбору */
.be8usn:not(.is-ip) .be8usn-only-ip, .be8usn:not(.is-income) .be8usn-only-income, .be8usn:not(.is-diff) .be8usn-only-diff { display: none !important; }
.be8usn:not(.has-staff) .be8usn-col-emp, .be8usn:not(.has-ts) .be8usn-col-ts, .be8usn:not(.has-exp) .be8usn-col-exp, .be8usn:not(.has-adv) .be8usn-col-adv { display: none !important; }
/* расходы на «доходах» — только для сравнения, выделяем отдельно */
.be8usn.is-cmp .be8usn-row-head .be8usn-col-exp .be8usn-exp-title { background: var(--u-amber-soft); color: var(--u-amber); border-radius: 4px; padding: 1px 6px; }
.be8usn.is-cmp .be8usn-col-exp .be8usn-in { background: #fffaf0; border: 1px dashed #e0b45c; }
.be8usn.is-cmp .be8usn-row-head .be8usn-exp-note { display: none; }
.be8usn .be8usn-col-adv .be8usn-in { background: var(--u-blue-soft); }
.be8usn .be8usn-adv-none { font-size: 13px; color: var(--u-muted); text-align: right; padding-right: 12px; }
.be8usn .be8usn-exp-hint .be8usn-cmp-toggle { border: 0; background: none; padding: 0; color: var(--u-blue); font-size: 14px; font-weight: 400; letter-spacing: 0; cursor: pointer; text-transform: none; text-decoration: underline dotted; }

/* таблица по кварталам */
.be8usn-data { margin-top: 18px; }
.be8usn-data-head { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; margin: 0 0 10px; }
.be8usn-data-head .be8usn-h { margin: 0; }
.be8usn-grid { display: flex; flex-direction: column; gap: 6px; max-width: calc(130px + var(--cols, 1) * 230px); }
.be8usn-row { display: grid; grid-template-columns: 120px repeat(var(--cols, 2), minmax(0, 1fr)); gap: 8px; align-items: center; }
.be8usn-row-head span { font-size: 13px; color: var(--u-muted); }
.be8usn .be8usn-col-note { font-size: 12px; color: var(--u-muted); opacity: .8; }
.be8usn-qname { font-weight: 600; font-size: 15px; }
.be8usn-qname-cum { display: none; }
.be8usn.is-cum .be8usn-qname-q { display: none; }
.be8usn.is-cum .be8usn-qname-cum { display: inline; }
.be8usn-cell { margin: 0; font-weight: 400; min-width: 0; }
.be8usn-cell-label { display: none; }
.be8usn .be8usn-in { height: auto; padding: 7px 12px; font-size: 16px; line-height: 1.4; font-variant-numeric: tabular-nums; text-align: right; background: #fff; }
/* под таблицей: вставка из Excel, сравнение, авансы */
.be8usn-tools { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin: 12px 0 0; }
.be8usn .be8usn-tool { border: 1px solid var(--u-line); background: #fff; color: var(--u-blue); border-radius: 4px; padding: 6px 12px; font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0; cursor: pointer; }
.be8usn .be8usn-tool:hover { border-color: var(--u-blue); }
.be8usn .be8usn-cmp-toggle.is-active { background: var(--u-amber-soft); border-color: #e0b45c; color: var(--u-amber); }
.be8usn-excel { border: 1px solid var(--u-line); border-radius: 6px; background: var(--u-soft); padding: 12px 14px; margin: 12px 0 0; max-width: 640px; }
.be8usn-excel[hidden] { display: none; }
.be8usn-excel-lead { margin: 0 0 6px; }
.be8usn ol.be8usn-excel-steps { margin: 0 0 10px; padding-left: 20px; font-size: 14px; text-align: left; }
.be8usn ol.be8usn-excel-steps li { margin-bottom: 4px; }
.be8usn .be8usn-excel-cols { font-weight: 600; }
.be8usn .be8usn-excel-text { font-variant-numeric: tabular-nums; background: #fff; }
.be8usn-excel-actions { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.be8usn .be8usn-excel-msg { font-size: 13px; color: var(--u-red); }
.be8usn-ts-hint { font-size: 13px; color: var(--u-ink); background: var(--u-soft); border-radius: 4px; padding: 8px 12px; margin: 8px 0 0; max-width: 760px; }
.be8usn-ts-hint[hidden] { display: none; }
.be8usn .be8usn-ts-hint p, .be8usn .be8usn-ts-hint ul { margin: 0; font-size: 13px; }
.be8usn .be8usn-ts-hint ul { padding-left: 20px; }
.be8usn .be8usn-ts-hint li { margin: 2px 0; font-size: 13px; }
/* торговый сбор — всегда отдельной строкой под вопросами */
.be8usn .be8usn-group-ts { flex: 0 0 100%; }
.be8usn .be8usn-ts-check { margin: 0; font-size: 14px; }
/* примечания под таблицей */
.be8usn-note { font-size: 13px; color: var(--u-muted); margin: 8px 0 0; max-width: 820px; }
.be8usn:not(.has-adv) .be8usn-only-adv, .be8usn:not(.has-staff) .be8usn-only-staff { display: none !important; }
.be8usn:not(.has-fix) .be8usn-col-fix, .be8usn.has-fix .be8usn-only-autofix { display: none !important; }
.be8usn .be8usn-col-fix .be8usn-in { background: var(--u-green-soft); }

.be8usn-more { margin: 14px 0 0; border: 1px solid var(--u-line); border-radius: 6px; padding: 8px 14px; background: #fff; max-width: 980px; }
.be8usn-more[hidden] { display: none; }
.be8usn-more > summary { cursor: pointer; color: var(--u-blue); font-size: 14px; }
.be8usn-more-body { display: flex; flex-wrap: wrap; gap: 14px 28px; padding: 12px 0 2px; }
.be8usn-more-item { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; font-weight: 400; max-width: 340px; }
.be8usn input.be8usn-extra { height: auto; padding: 7px 12px; width: 200px; max-width: 100%; text-align: right; font-size: 15px; line-height: 1.4; font-variant-numeric: tabular-nums; background: #fff; }
.be8usn .be8usn-more-note { font-size: 12px; line-height: 1.4; color: var(--u-muted); margin: 0; }
.be8usn-check { display: flex; gap: 8px; align-items: center; font-weight: 400; margin: 0; font-size: 14px; }

/* результат */
.be8usn-result { margin-top: 22px; }
.be8usn-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; background: var(--u-ink); color: #fff; border-radius: 6px; padding: 22px 24px; }
.be8usn-hero-main { display: flex; flex-direction: column; gap: 4px; }
.be8usn .be8usn-hero-label { font-size: 14px; color: #c9c7e0; }
.be8usn .be8usn-hero-value { font-size: 44px; line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; color: #fff; letter-spacing: -0.5px; }
.be8usn .be8usn-hero-sub { font-size: 14px; color: #c9c7e0; }
.be8usn-hero-side { display: flex; flex-direction: column; gap: 6px; justify-content: center; border-left: 1px solid rgba(255, 255, 255, .18); padding-left: 18px; }
.be8usn-fact { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.be8usn .be8usn-fact span { color: #c9c7e0; }
.be8usn .be8usn-fact b { color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* платежи */
.be8usn ol.be8usn-pays { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; counter-reset: none; }
.be8usn ol.be8usn-pays > li { margin: 0; padding: 12px 14px; }
.be8usn ol.be8usn-pays > li::before, .be8usn ol.be8usn-pays > li::after { content: none !important; display: none !important; }
.be8usn-pay { border: 1px solid var(--u-line); border-radius: 6px; background: #fff; display: flex; flex-direction: column; gap: 4px; position: relative; text-align: left; }
.be8usn-result, .be8usn-result p, .be8usn-result span, .be8usn-result li { text-align: left; }
.be8usn-pay.is-next { border-color: var(--u-green); box-shadow: 0 0 0 1px var(--u-green) inset; background: var(--u-green-soft); }
.be8usn-pay.is-passed { background: var(--u-soft); }
.be8usn-pay.is-future { border-style: dashed; }
.be8usn-pay.is-lost { background: var(--u-red-soft); border-color: #f0b8c0; }
.be8usn .be8usn-pay-title { font-size: 13px; color: var(--u-muted); }
.be8usn .be8usn-pay-sum { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--u-ink); }
.be8usn .be8usn-pay-sum.is-zero { font-size: 15px; font-weight: 400; color: var(--u-muted); }
.be8usn .be8usn-pay-sum.is-over { font-size: 15px; color: var(--u-blue); }
.be8usn .be8usn-pay-dates { font-size: 13px; color: var(--u-ink); line-height: 1.45; }
.be8usn .be8usn-pay-badges { display: block; line-height: 1; margin-bottom: 2px; }
.be8usn .be8usn-badge { display: inline-block; font-style: normal; font-size: 11px; line-height: 1.5; background: var(--u-green); color: #fff; border-radius: 6px; padding: 0 8px; }
.be8usn .be8usn-badge.is-grey { background: #b5b3c7; }
.be8usn-ipfees { font-size: 13px; color: var(--u-muted); margin: 10px 0 0; }
.be8usn .be8usn-pay-paid { font-size: 13px; color: var(--u-ink); border-top: 1px dashed var(--u-line); padding-top: 4px; margin-top: 2px; }
.be8usn .be8usn-pay-paid.is-short { color: var(--u-amber); }
.be8usn .be8usn-pay-paid.is-more { color: #1d4f78; }

.be8usn-warns { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.be8usn-warn { margin: 0; padding: 9px 12px; border-radius: 6px; font-size: 14px; line-height: 1.45; }
.be8usn-warn.is-amber { background: var(--u-amber-soft); color: var(--u-amber); }
.be8usn-warn.is-red { background: var(--u-red-soft); color: var(--u-red); }
.be8usn-warn.is-blue { background: var(--u-blue-soft); color: #1d4f78; }
.be8usn-error { background: var(--u-red-soft); color: var(--u-red); border-radius: 6px; padding: 10px 14px; font-size: 14px; }

/* сравнение */
.be8usn-cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.be8usn-cmp-item { border: 1px solid var(--u-line); border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; background: #fff; }
.be8usn-cmp-item.is-best { border-color: var(--u-green); background: var(--u-green-soft); }
.be8usn .be8usn-cmp-name { font-size: 13px; color: var(--u-muted); }
.be8usn .be8usn-cmp-item b { font-size: 24px; font-variant-numeric: tabular-nums; }
.be8usn .be8usn-cmp-note { font-size: 14px; color: var(--u-muted); } /* пояснение к сравнению — размер подписей */
.be8usn-cmp-res { margin: 10px 0 4px; font-size: 14px; }
.be8usn-compare > .be8usn-cmp-note { display: block; margin: 4px 0 0; font-size: 16px; } /* пояснение под карточками — как соседний текст; подписи в карточках остаются 14 px */

/* как посчитано */
.be8usn-how { border: 1px solid var(--u-line); border-radius: 6px; padding: 10px 14px; margin: 22px 0 0; background: #fff; }
.be8usn-how > summary { cursor: pointer; font-weight: 600; color: var(--u-blue); font-size: 16px; }
.be8usn-how-body { margin-top: 10px; }
.be8usn-table-wrap { overflow-x: auto; }
.be8usn .be8usn-table { margin: 0; font-size: 14px; }
.be8usn .be8usn-table th, .be8usn .be8usn-table td { white-space: nowrap; padding: 6px 10px; }
.be8usn .be8usn-n { text-align: right; font-variant-numeric: tabular-nums; }
.be8usn .be8usn-table th:first-child, .be8usn .be8usn-table td:first-child { text-align: left; }
.be8usn .be8usn-table tr.is-strong td { font-weight: 600; }
.be8usn .be8usn-table tr.is-total td { font-weight: 700; border-top: 2px solid var(--u-line); }
.be8usn ul.be8usn-rules { margin: 12px 0 0; font-size: 13px; color: var(--u-muted); }
.be8usn ul.be8usn-rules li { margin-bottom: 4px; }

.be8usn-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.be8usn .be8usn-btn { background: #fff; color: var(--u-ink); border: 1px solid var(--u-line); text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 400; padding: 7px 14px; border-radius: 4px; }
.be8usn .be8usn-btn:hover { border-color: var(--u-blue); color: var(--u-blue); background: #fff; }
.be8usn .be8usn-btn.is-done { color: #2c6b00; border-color: var(--u-green); }
.be8usn .be8usn-btn-link { text-transform: none; color: var(--u-muted); font-size: 14px; }
.be8usn-disclaimer { margin: 14px 0 0; padding: 9px 12px; border-radius: 6px; background: var(--u-amber-soft); color: var(--u-amber); font-size: 13px; }
.be8usn-empty { border: 1px dashed var(--u-line); border-radius: 6px; padding: 18px; text-align: center; color: var(--u-muted); }
.be8usn-empty p { margin: 0 0 10px; }

.be8usn-articles { margin-top: 24px; } /* оформление — у шорткода сайта [buhexpert] */

/* планшет и телефон */
@container be8usn (max-width: 760px) {
	.be8usn ol.be8usn-pays { grid-template-columns: 1fr 1fr; }
	.be8usn-hero { grid-template-columns: 1fr; }
	.be8usn-hero-side { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); padding: 12px 0 0; }
}
@container be8usn (max-width: 520px) {
	.be8usn ol.be8usn-pays, .be8usn-cmp { grid-template-columns: 1fr; }
	.be8usn .be8usn-hero-value { font-size: 36px; }
	.be8usn-hero { padding: 18px; }
	.be8usn-row-head { display: none; }
	.be8usn-row { grid-template-columns: 1fr 1fr; border: 1px solid var(--u-line); border-radius: 6px; padding: 10px; }
	.be8usn-qname { grid-column: 1 / -1; }
	.be8usn-cell-label { display: block; font-size: 12px; color: var(--u-muted); margin-bottom: 3px; }
	.be8usn .be8usn-in { font-size: 16px; }
	.be8usn .be8usn-seg-btn { padding: 8px 11px; }
	.be8usn.is-one-col .be8usn-row-head { display: grid; }
	.be8usn.is-one-col .be8usn-row { grid-template-columns: 96px minmax(0, 1fr); border: 0; border-radius: 0; padding: 0; }
	.be8usn.is-one-col .be8usn-qname { grid-column: auto; }
	.be8usn.is-one-col .be8usn-cell-label { display: none; }
}

/* печать: только калькулятор */
@media print {
	body * { visibility: hidden; }
	.be8usn, .be8usn * { visibility: visible; }
	.be8usn { position: absolute; left: 0; top: 0; width: 100%; max-width: none; }
	.be8usn-actions, .be8usn-more, .be8usn-articles, .be8usn-rate-btn .be8usn-rate-edit, .be8usn-tools, .be8usn-excel { display: none !important; }
	.be8usn-hero { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	.be8usn-pay.is-next, .be8usn-warn, .be8usn-cmp-item.is-best, .be8usn-disclaimer { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* всплывающая подсказка «?» (наведение или нажатие) */
.be8usn .be8usn-tip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; padding: 0; margin-left: 3px; border: 1px solid var(--u-blue); border-radius: 50%; background: #fff; color: var(--u-blue); font-size: 11px; font-weight: 700; line-height: 1; cursor: help; vertical-align: 1px; text-transform: none; }
.be8usn .be8usn-tip::after { content: attr(data-tip); position: absolute; z-index: 20; right: -8px; top: calc(100% + 8px); width: 260px; padding: 8px 10px; border-radius: 4px; background: var(--u-ink); color: #fff; font-size: 13px; font-weight: 400; line-height: 1.4; text-align: left; white-space: normal; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); opacity: 0; visibility: hidden; transition: opacity .15s; pointer-events: none; }
.be8usn .be8usn-tip:hover::after, .be8usn .be8usn-tip:focus-visible::after, .be8usn .be8usn-tip.is-open::after { opacity: 1; visibility: visible; }
/* подсказка о торговом сборе — можно скрыть */
.be8usn-ts-hint { position: relative; padding-right: 32px; }
.be8usn .be8usn-ts-hint-close { position: absolute; top: 4px; right: 6px; border: 0; background: none; color: var(--u-muted); font-size: 18px; line-height: 1; padding: 2px 6px; cursor: pointer; }
.be8usn .be8usn-ts-hint-close:hover { color: var(--u-ink); }

/* размер текста — как в производственном календаре */
.be8usn .be8usn-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; }
.be8usn .be8usn-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; }
.be8usn .be8usn-zoom button:nth-of-type(1) { font-size: 13px; }
.be8usn .be8usn-zoom button:nth-of-type(2) { font-size: 16px; }
.be8usn .be8usn-zoom button:nth-of-type(3) { font-size: 19px; }
.be8usn .be8usn-zoom button:hover { color: #33305a; background: none; }
.be8usn .be8usn-zoom button.is-on { color: #fff; background: #0271b6; }
.be8usn .be8usn-zoom .be8usn-zoom-label { font-size: 12px; color: #73718f; margin-right: 4px; font-family: Roboto, sans-serif; }
@media print { .be8usn .be8usn-zoom { display: none !important; } }

/* работники с квартала */
.be8usn .be8usn-inline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.be8usn .be8usn-group .be8usn-staff-from { width: auto; height: 36px; min-height: 0; padding: 4px 8px; font-size: 14px; margin: 0; }
.be8usn .be8usn-staff-from[hidden] { display: none; }
/* «Дополнительно»: блок фиксированных взносов */
.be8usn:not(.has-fix) .be8usn-only-manualfix { display: none !important; }
.be8usn .be8usn-more-wide { max-width: 520px; }
.be8usn .be8usn-more-item .be8usn-check { font-size: 14px; }
.be8usn .be8usn-only-autofix { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
/* «Для уведомления» в карточке аванса */
.be8usn .be8usn-notice { margin-top: 4px; font-size: 12px; }
.be8usn .be8usn-notice > summary { cursor: pointer; color: var(--u-blue); font-size: 12px; }
.be8usn .be8usn-notice-body { display: block; margin-top: 4px; line-height: 1.5; font-size: 12px; color: var(--u-ink); font-variant-numeric: tabular-nums; }
.be8usn .be8usn-linkbtn { border: 0; background: none; padding: 0; color: var(--u-blue); font-size: 12px; text-decoration: underline dotted; cursor: pointer; text-transform: none; letter-spacing: 0; font-weight: 400; transition: none; }
.be8usn .be8usn-linkbtn.is-done { color: #2c6b00; }
@media print { .be8usn .be8usn-notice { display: none !important; } }
/* тема задает размер и отступы для span в контенте — внутри подписей и примечаний наследуем */
.be8usn .be8usn-more-note span, .be8usn .be8usn-check span, .be8usn .be8usn-notice-body span { font-size: inherit; line-height: inherit; margin: 0; padding: 0; color: inherit; }

/* подписи полей — мелко и серым (тема задает span 16px — перебиваем) */
.be8usn span.be8usn-label { font-size: 13px; line-height: 1.3; color: var(--u-muted); }
/* единый стиль заголовков разделов во всех сервисах: Roboto 700, заглавные, 18px, зеленый */
.be8usn h3.be8usn-h { font-family: Roboto, sans-serif; font-size: 18px; line-height: 1.3; font-weight: 700; text-transform: uppercase; color: #57b602; letter-spacing: 0; }
/* поля ввода — тоже со скруглением 6px */
.be8usn input.form-control, .be8usn textarea.form-control, .be8usn select.form-control { border-radius: 4px; }
/* дата расчета — только на печати */
.be8usn .be8usn-print-date { display: none; }
@media print { .be8usn .be8usn-print-date { display: block; font-size: 12px; color: #73718f; margin: 0 0 8px; } }
/* прогноз и история */
.be8usn .be8usn-forecast { display: block; margin-top: 6px; font-size: 13px; color: #c9c7e0; }
.be8usn-history { margin: 18px 0 0; }
.be8usn-history-head { display: flex; align-items: baseline; gap: 12px; }
.be8usn .be8usn-history-head .be8usn-h { margin: 0 0 8px; }
.be8usn ul.be8usn-history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.be8usn ul.be8usn-history-list li { margin: 0; padding: 0; }
.be8usn ul.be8usn-history-list li::before, .be8usn ul.be8usn-history-list li::after { content: none !important; display: none !important; }
.be8usn .be8usn-history-item { border: 1px solid var(--u-line); background: #fff; border-radius: 4px; padding: 4px 10px; font-size: 13px; color: var(--u-ink); cursor: pointer; text-transform: none; letter-spacing: 0; font-weight: 400; transition: none; text-align: left; }
.be8usn .be8usn-history-item:hover { border-color: var(--u-blue); color: var(--u-blue); }
@media print { .be8usn-history { display: none !important; } }

/* 1.7: флажки — квадрат и текст рядом, одинаковый отступ 8px везде */
.be8usn .be8usn-check input[type="checkbox"] { margin: 0; flex: none; width: 16px; height: 16px; position: static; }
.be8usn .be8usn-check > span { margin: 0; padding: 0; }
.be8usn label.be8usn-more-check { flex-direction: row; align-items: flex-start; max-width: 520px; }
.be8usn label.be8usn-more-check input[type="checkbox"] { margin-top: 2px; }
/* кнопки вопросов сверху — одной высоты */
.be8usn .be8usn-seg-btn, .be8usn .be8usn-rate-btn { min-height: 36px; }
.be8usn .be8usn-seg-sm .be8usn-seg-btn { min-height: 0; }
.be8usn .be8usn-rate-btn { display: inline-flex; align-items: center; gap: 6px; line-height: 1.3; }
/* заголовок таблицы и строка-подсказка под ним */
.be8usn .be8usn-data-title { display: flex; flex-direction: column; gap: 2px; }
.be8usn p.be8usn-h-hint { margin: 0; font-size: 13px; line-height: 1.4; color: var(--u-muted); }
/* недавние расчеты — скромный блок внизу */
.be8usn .be8usn-history { margin: 18px 0 0; padding-top: 12px; border-top: 1px solid var(--u-line); }
.be8usn .be8usn-history-head { flex-wrap: wrap; margin: 0 0 8px; }
.be8usn p.be8usn-history-title { margin: 0; font-size: 14px; font-weight: 700; color: var(--u-muted); }
.be8usn .be8usn-history-head .be8usn-history-local { font-size: 12px; color: var(--u-muted); }
/* название расчета */
.be8usn .be8usn-title-field { display: flex; align-items: center; gap: 8px; margin: 18px 0 0; font-weight: 400; flex-wrap: wrap; }
.be8usn .be8usn-title-field span { font-size: 13px; color: var(--u-muted); margin: 0; }
.be8usn input.be8usn-title-input { width: 320px; max-width: 100%; height: 34px; padding: 4px 10px; font-size: 14px; box-shadow: none; }
.be8usn .be8usn-print-title { display: none; }
@media print { .be8usn .be8usn-title-field { display: none !important; } .be8usn .be8usn-print-title { display: block; font-size: 16px; font-weight: 700; margin: 0 0 6px; } }
/* логотип Бухэксперт — только на печати */
.be8usn .be8usn-print-brand { display: none; }
@media print {
	.be8usn .be8usn-print-brand { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; padding: 0 0 6px; border-bottom: 1px solid #ddd; font-size: 11px; color: #555; }
	.be8usn .be8usn-print-brand img { display: block; height: 8mm; width: auto; max-width: none; border: 0; box-shadow: none; } /* логотип Бухэксперт, 900×110 */
}
/* прогноз: мягкое предупреждение о пороге */
.be8usn .be8usn-forecast-warn { display: block; margin-top: 4px; font-size: 13px; color: #ffd27a; }
/* сверка с 1С */
.be8usn p.be8usn-how-1c { margin: 10px 0 0; padding: 8px 12px; border-radius: 4px; background: var(--u-blue-soft); font-size: 13px; color: var(--u-ink); }

/* 1.8: единая шкала шрифтов — тема сайта задает абзацам и ячейкам 16px, перебиваем.
   Текст калькулятора 14px, примечания 13px, мелкие подписи 12px; поля ввода 16px (на телефоне без увеличения). */
.be8usn p.be8usn-warn, .be8usn p.be8usn-cal-note, .be8usn .be8usn-table td, .be8usn .be8usn-table th, .be8usn .be8usn-empty p { font-size: 14px; line-height: 1.45; }
.be8usn p.be8usn-ipfees, .be8usn ul.be8usn-rules li { font-size: 13px; line-height: 1.45; }
.be8usn .be8usn-table th { font-weight: 700; }
.be8usn p.be8usn-disclaimer { font-size: 13px; }
.be8usn p.be8usn-cal-note { margin: 10px 0 0; color: var(--u-ink); }
/* скругления: 6px — поля, кнопки, переключатели; 8px — блоки; бейджи — овал */
.be8usn .be8usn-seg .be8usn-seg-btn { border-radius: 0; }
.be8usn .be8usn-btn, .be8usn .be8usn-btn-link, .be8usn .be8usn-tool, .be8usn .be8usn-history-item, .be8usn .be8usn-ts-hint,
.be8usn .be8usn-rate-hint, .be8usn .be8usn-how-1c, .be8usn .be8usn-tip::after, .be8usn .be8usn-zoom { border-radius: 4px; }
.be8usn .be8usn-zoom button, .be8usn.is-cmp .be8usn-row-head .be8usn-col-exp .be8usn-exp-title { border-radius: 4px; }
.be8usn .be8usn-ts-hint { border-radius: 6px; }
/* главная кнопка — синяя, как ссылки и переключатели сайта */
.be8usn .btn.be8usn-btn-main { background: var(--u-blue); border-color: var(--u-blue); color: #fff; transition: none; }
.be8usn .btn.be8usn-btn-main:hover, .be8usn .btn.be8usn-btn-main:focus { background: #015a91; border-color: #015a91; color: #fff; }
/* «Ставка» — как остальные переключатели ряда */
.be8usn .be8usn-rate-btn { border: 1px solid var(--u-line); height: 36px; padding: 0 12px; transition: none; }
.be8usn .be8usn-rate-btn:hover { background: var(--u-soft); border-color: var(--u-line); }
.be8usn .be8usn-rate-btn .be8usn-rate-edit { text-decoration: underline dotted; }
/* расходы со взносами */
.be8usn:not(.has-exp) .be8usn-only-exp, .be8usn:not(.is-diff) .be8usn-only-exp { display: none !important; }

/* телефон: полоска с итогом, лишнее убираем */
.be8usn .be8usn-sticky { display: none; }
@container be8usn (max-width: 600px) {
	.be8usn .be8usn-sticky.is-shown { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000; align-items: center; gap: 10px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--u-ink); color: #fff; font-size: 13px; line-height: 1.35; box-shadow: 0 -4px 14px rgba(0, 0, 0, .18); }
	.be8usn .be8usn-sticky-txt { flex: 1; min-width: 0; }
	.be8usn .be8usn-sticky-txt b { font-size: 17px; }
	.be8usn .be8usn-sticky-sub { color: #c9c7e0; font-size: 12px; }
	.be8usn .be8usn-sticky-go { flex: none; border: 1px solid rgba(255, 255, 255, .5); background: none; color: #fff; border-radius: 4px; padding: 7px 12px; font-size: 13px; text-transform: none; letter-spacing: 0; transition: none; }
	.be8usn .be8usn-zoom, .be8usn [data-wide] { display: none !important; }
}
@media print { .be8usn .be8usn-sticky, .be8usn p.be8usn-cal-note { display: none !important; } }
/* тема задает ячейкам таблиц, span и ссылкам 16px с большей точностью — дожимаем */
.be8usn table.be8usn-table > thead > tr > th, .be8usn table.be8usn-table > tbody > tr > td { font-size: 14px; line-height: 1.45; }
.be8usn .be8usn-fact span, .be8usn span.be8usn-qname-q, .be8usn span.be8usn-qname-cum { font-size: 14px; }
.be8usn p.be8usn-cal-note a { font-size: inherit; }
.be8usn .be8usn-linkbtn { border-radius: 0; }
/* полоска на темном фоне: тема красит span и b в цвет текста — возвращаем белый */
.be8usn .be8usn-sticky span.be8usn-sticky-txt, .be8usn .be8usn-sticky b { color: #fff; font-size: 13px; margin: 0; padding: 0; }
.be8usn .be8usn-sticky b { font-size: 17px; }
.be8usn .be8usn-sticky span.be8usn-sticky-sub { color: #c9c7e0; font-size: 12px; margin: 0; padding: 0; }
/* подсказка о ставке: тема задает абзацам 16px */
.be8usn p.be8usn-rate-hint { font-size: 13px; line-height: 1.45; max-width: 760px; }
.be8usn p.be8usn-rate-hint a { font-size: inherit; }
/* выбор учета 1% — три кнопки в одну строку */
.be8usn .be8usn-more-wide.be8usn-more-one { max-width: 640px; }
.be8usn .be8usn-more-one .be8usn-seg { flex-wrap: nowrap; max-width: 100%; }
@container be8usn (max-width: 600px) { .be8usn .be8usn-more-one .be8usn-seg { flex-wrap: wrap; } }
/* 1% за прошлый год: сумма и квартал уплаты в одну строку */
.be8usn select.be8usn-prev1-q { width: auto; height: 36px; min-height: 0; padding: 4px 8px; font-size: 14px; margin: 0; }
/* расходы одной суммой: флажок под заголовком таблицы; лишние настройки взносов скрываем */
.be8usn .be8usn-data-title .be8usn-exp-total { margin-top: 6px; font-size: 14px; }
.be8usn.fees-in-exp .be8usn-sepfees-only, .be8usn.fees-in-exp .be8usn-prev1-item { display: none !important; }

/* 1.11: «Что учтено в расчете» — вместо «Дополнительно». Строка: что учтено, значение, «изменить»; правка раскрывается только у нее */
.be8usn .be8usn-sum { margin: 14px 0 0; border: 1px solid var(--u-line); border-radius: 6px; padding: 10px 16px 6px; background: #fff; max-width: 980px; }
.be8usn .be8usn-sum[hidden] { display: none; }
.be8usn p.be8usn-sum-h { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--u-ink); }
.be8usn .be8usn-sum-row { border-top: 1px solid var(--u-soft); padding: 8px 0; }
.be8usn .be8usn-sum-row:first-of-type { border-top: 0; }
.be8usn .be8usn-sum-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 15px; line-height: 1.4; }
.be8usn .be8usn-sum-line span.be8usn-sum-k { color: var(--u-muted); font-size: 15px; min-width: 230px; }
.be8usn .be8usn-sum-line span.be8usn-sum-v { font-weight: 700; font-size: 15px; color: var(--u-ink); }
.be8usn .be8usn-sum-line .be8usn-linkbtn { font-size: 14px; }
.be8usn .be8usn-sum-edit { display: none; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 0 2px; }
.be8usn .be8usn-sum-row.is-open .be8usn-sum-edit { display: flex; }
.be8usn .be8usn-sum-edit .be8usn-tip { margin-left: 0; }
.be8usn .be8usn-sum-edit .be8usn-tip::after { right: auto; left: -8px; }
.be8usn .be8usn-sum-edit select.be8usn-prev1-q { width: auto; height: 36px; min-height: 0; padding: 4px 8px; font-size: 14px; margin: 0; }
@media print { .be8usn .be8usn-sum-edit-btn, .be8usn .be8usn-sum-edit { display: none !important; } }
/* 1% за этот год — правка прямо в строке «Взносы ИП за себя»; НДС — кнопка в предупреждении */
.be8usn .be8usn-ipfees .be8usn-linkbtn { font-size: 13px; }
.be8usn .be8usn-one-edit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; }
.be8usn .be8usn-one-edit .be8usn-tip::after { right: auto; left: -8px; }
.be8usn p.be8usn-warn .be8usn-linkbtn { font-size: 14px; margin-top: 4px; }
.be8usn p.be8usn-warn-off { margin: 0; font-size: 13px; color: var(--u-muted); }
.be8usn p.be8usn-warn-off .be8usn-linkbtn { font-size: 13px; }
@media (max-width: 600px) { .be8usn .be8usn-sum-line span.be8usn-sum-k { min-width: 0; flex-basis: 100%; } }
/* подсказки «?» не шире экрана телефона */
.be8usn .be8usn-tip::after { max-width: calc(100vw - 48px); }
.be8usn .be8usn-sum-line span.be8usn-year-prev { font-size: inherit; color: inherit; margin: 0; }
/* 1.12: дата регистрации ИП; при расходах одной суммой торговый сбор не спрашиваем — он в общей сумме */
/* поле даты: текст ДД.ММ.ГГГГ и значок календаря, под значком — прозрачное поле браузера с выбором даты */
.be8usn .be8usn-dt { position: relative; display: inline-block; }
.be8usn .be8usn-dt input.form-control.be8usn-date { width: 150px; height: 36px; min-height: 0; padding: 4px 40px 4px 8px; font-size: 14px; margin: 0; }
.be8usn .be8usn-dt::after { content: ""; position: absolute; right: 11px; top: 50%; width: 18px; height: 18px; margin-top: -9px; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373718f' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat center / 18px 18px; }
.be8usn .be8usn-dt:hover::after { filter: brightness(.6); }
.be8usn input.be8usn-pick { position: absolute; right: 0; top: 0; width: 40px; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; background: none; box-shadow: none; min-width: 0; }
.be8usn input.be8usn-pick::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: auto; height: auto; margin: 0; padding: 0; cursor: pointer; }
.be8usn .be8usn-sum-hint { font-size: 13px; color: var(--u-muted); }
.be8usn.reg-this-year .be8usn-prev1-item { display: none !important; }
.be8usn.fees-in-exp .be8usn-group-ts, .be8usn.fees-in-exp .be8usn-ts-hint { display: none !important; } /* расходы одной суммой — сбор уже в графе 5 КУДиР */
.be8usn .be8usn-compare p.be8usn-warn { margin: 0 0 10px; }
/* 1.13: история — только по кнопке «Сохранить в историю», рядом с названием расчета; у записи — «×» */
.be8usn .be8usn-save { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 18px 0 0; }
.be8usn .be8usn-save .be8usn-title-field { margin: 0; }
@media print { .be8usn .be8usn-save { display: none !important; } }
.be8usn ul.be8usn-history-list li { display: inline-flex; align-items: stretch; }
.be8usn ul.be8usn-history-list .be8usn-history-item { border-radius: 4px 0 0 4px; }
.be8usn .be8usn-history-del { border: 1px solid var(--u-line); border-left: 0; background: #fff; color: var(--u-muted); border-radius: 0 4px 4px 0; padding: 0 8px; font-size: 15px; line-height: 1; cursor: pointer; text-transform: none; transition: none; }
.be8usn .be8usn-history-del:hover { color: var(--u-red); background: var(--u-red-soft); }
/* 1.14: номера строк декларации в «Как посчитано»; примеры на пустом экране */
.be8usn .be8usn-table .be8usn-decl { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 4px; background: var(--u-soft); color: var(--u-muted); font-size: 12px; font-weight: 400; white-space: nowrap; }
.be8usn p.be8usn-examples { margin: 8px 0 0; font-size: 14px; }
.be8usn p.be8usn-examples .be8usn-linkbtn { font-size: 14px; }
/* подписи строк с номерами строк декларации переносятся, чтобы таблица не вылезала за экран */
.be8usn table.be8usn-table > tbody > tr > td:first-child { white-space: normal; min-width: 200px; }
/* 1.15: «Еще» в «Что учтено»; правила расчета свернуты */
.be8usn .be8usn-sum-more { display: inline-block; margin: 6px 0 4px; font-size: 14px; }
.be8usn .be8usn-sum-more[hidden], .be8usn .be8usn-sum-row[hidden] { display: none !important; }
/* 1.16: сравнение двух сохраненных расчетов */
.be8usn p.be8usn-hist-hint { margin: 0 0 8px; font-size: 13px; color: var(--u-muted); }
.be8usn .be8usn-history-item.is-picked { border-color: var(--u-blue); color: var(--u-blue); background: var(--u-blue-soft); }
.be8usn .be8usn-hist-table { margin-top: 12px; }
.be8usn table.be8usn-hist-table > tbody > tr > td:first-child { min-width: 140px; }
.be8usn table.be8usn-hist-table > tbody > tr > td { white-space: normal; }
.be8usn table.be8usn-hist-table > tbody > tr > td.be8usn-n { white-space: nowrap; }
/* 1.17: пояснение при закрытии ИП; сравнение двух расчетов на телефоне — списком */
.be8usn .be8usn-close-note { display: block; margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--u-muted); }
.be8usn .be8usn-hist-mob { display: none; }
@container be8usn (max-width: 600px) {
	.be8usn .be8usn-hist-wrap { display: none; }
	.be8usn .be8usn-hist-mob { display: block; margin-top: 10px; font-size: 14px; }
	.be8usn .be8usn-hist-mob p { margin: 0 0 6px; font-size: 13px; color: var(--u-muted); }
	.be8usn .be8usn-hist-mob ul { margin: 0; padding: 0; list-style: none; }
	.be8usn .be8usn-hist-mob li { margin: 0 0 6px; padding: 0; font-size: 14px; }
	.be8usn .be8usn-hist-mob li::before { content: none !important; display: none !important; }
}

/* 1.18: подсказка «?» на сенсорных экранах не «залипает» от :hover — только по нажатию; крестик у подсказки ставки */
@media (hover: none) {
	.be8usn .be8usn-tip:hover::after { opacity: 0; visibility: hidden; }
	.be8usn .be8usn-tip.is-open::after { opacity: 1; visibility: visible; }
}
.be8usn p.be8usn-rate-hint { position: relative; padding-right: 32px; }
@media print { .be8usn .be8usn-ts-hint-close, .be8usn .be8usn-tip::after { display: none !important; } }
@media print {
	html.be8usn-print-ready .be8usn-print-hide { display: none !important; }
	html.be8usn-print-ready, html.be8usn-print-ready body, html.be8usn-print-ready .be8usn-print-path { position: static !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; width: auto !important; max-width: none !important; min-height: 0 !important; height: auto !important; top: auto !important; transform: none !important; box-shadow: none !important; }
	html.be8usn-print-ready .be8usn { position: static; }
}
/* 1.18.2: под снятым флажком «Расходы — одной суммой» — строка фиксированных взносов ИП со ссылкой в «Что учтено» */
.be8usn .be8usn-data-title p.be8usn-fees-link { margin: 4px 0 0 24px; font-size: 13px; line-height: 1.45; color: var(--u-muted); }
.be8usn .be8usn-fees-link .be8usn-linkbtn { font-size: 13px; }
.be8usn .be8usn-sum-row.is-flash { animation: be8usn-flash 1.6s ease-out; }
@keyframes be8usn-flash { 0%, 30% { background: var(--u-amber-soft); } 100% { background: transparent; } }
@media print { .be8usn .be8usn-fees-link { display: none !important; } }

/* 1.19: на телефоне подсказка «?» — плашкой внизу экрана, чтобы не уходила за край; плашка «расчет по ссылке» */
@media (max-width: 600px) {
	.be8usn .be8usn-tip.is-open::after, .be8usn .be8usn-tip:focus-visible::after { position: fixed; left: 16px; right: 16px; top: auto; bottom: 96px; width: auto; max-width: none; z-index: 1000; opacity: 1; }
}
.be8usn .be8usn-cell-label .be8usn-tip { margin-left: 4px; vertical-align: 0; }
.be8usn p.be8usn-year-note { font-size: 14px; color: var(--u-ink); background: #fff4dc; border-radius: 6px; padding: 8px 12px; margin: 0 0 12px; }
.be8usn p.be8usn-link-note { font-size: 13px; color: var(--u-ink); background: var(--u-soft); border-radius: 6px; padding: 8px 12px; margin: 0 0 12px; }
.be8usn p.be8usn-link-note .be8usn-linkbtn { font-size: 13px; }
@media print { .be8usn .be8usn-link-note { display: none !important; } }
.be8usn .be8usn-tip[hidden] { display: none; }
/* 1.20: короткий итог для программ чтения экрана; при печати — без кнопок-ссылок и «?» */
.be8usn .be8usn-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media print { .be8usn .be8usn-tip, .be8usn .be8usn-linkbtn, .be8usn .be8usn-sum-more { display: none !important; } }
/* 1.20.2: печать переключателей не зависит от фона (браузер фоны обычно не печатает — выбранная кнопка становилась бледной):
 * выбранный вариант — черный жирный, с рамкой и галочкой, остальные — бледные */
@media print {
	.be8usn .be8usn-seg { border-color: #bbb !important; }
	.be8usn .be8usn-seg-btn { background: none !important; color: #9a98ad !important; box-shadow: none !important; }
	.be8usn .be8usn-seg-btn.is-on { color: #000 !important; font-weight: 700 !important; outline: 2px solid #000; outline-offset: -2px; }
	.be8usn .be8usn-seg-btn.is-on::before { content: "✓ "; }
}
.be8usn p.be8usn-cmp-link { margin: 6px 0 0; font-size: 16px; } /* ссылка на «Выбор системы налогообложения» — основной текст */
.be8usn p.be8usn-cmp-link a { font-size: inherit; }
@media print { .be8usn .be8usn-cmp-link { display: none !important; } }

/* 1.21.2: «доходы минус расходы» + расходы одной суммой + сравнение — колонки взносов и сбора только для «доходов»: подсвечены, как расходы при сравнении на «доходах» */
.be8usn .be8usn-cmp-only { display: none; }
.be8usn.is-cmp-fees .be8usn-row-head .be8usn-cmp-only { display: inline; }
.be8usn.is-cmp-fees .be8usn-emp-title, .be8usn.is-cmp-fees .be8usn-ts-title, .be8usn.is-cmp-fees .be8usn-fix-title { background: var(--u-amber-soft); color: var(--u-amber); border-radius: 4px; padding: 1px 6px; }
.be8usn.is-cmp-fees .be8usn-col-emp .be8usn-in, .be8usn.is-cmp-fees .be8usn-col-ts .be8usn-in, .be8usn.is-cmp-fees .be8usn-col-fix .be8usn-in { background: #fffaf0; border: 1px dashed #e0b45c; }
.be8usn.is-cmp-fees .be8usn-fees-link { display: none !important; } /* строка под флажком — только при снятом флажке */

/* 1.23: флажки «Плачу торговый сбор» и «Плачу НДС» — одной строкой */
.be8usn .be8usn-checks { flex: 0 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 28px; }
.be8usn .be8usn-checks .be8usn-group { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 4px; }
.be8usn .be8usn-group-nds .be8usn-tip::after { right: auto; left: -8px; }

/* 1.23.4, телефон: в карточке квартала подписи сверху, поля — по нижнему краю (подпись в 2 строки не сдвигает поле соседа) */
@container be8usn (max-width: 520px) {
	.be8usn .be8usn-row .be8usn-cell { display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; }
}
/* телефон: переключатели в «Что учтено» и у взноса 1% — три равные кнопки в ряд, текст переносится; «?» в той же строке */
@container be8usn (max-width: 600px) {
	.be8usn .be8usn-sum-row[data-row="fixed"] .be8usn-sum-edit, .be8usn .be8usn-one-edit { display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 8px; }
	.be8usn .be8usn-sum-row[data-row="fixed"]:not(.is-open) .be8usn-sum-edit { display: none; }
	.be8usn .be8usn-sum-row[data-row="fixed"] .be8usn-seg, .be8usn .be8usn-one-edit .be8usn-seg { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.be8usn .be8usn-sum-row[data-row="fixed"] .be8usn-seg-btn, .be8usn .be8usn-one-edit .be8usn-seg-btn { white-space: normal; text-align: center; padding: 6px 4px; border-right: 1px solid var(--u-line); }
	.be8usn .be8usn-sum-row[data-row="fixed"] .be8usn-seg-btn:last-child, .be8usn .be8usn-one-edit .be8usn-seg-btn:last-child { border-right: 0; }
	.be8usn .be8usn-sum-row[data-row="fixed"] .be8usn-tip, .be8usn .be8usn-one-edit .be8usn-tip { flex: 0 0 auto; margin-top: 6px; }
}

/* ===== Единый стиль сервисов Бухэксперт (29.10.2026) — одинаковые правила во всех плагинах-сервисах =====
   Скругления: поля и кнопки 4 px, блоки 6 px. Поля — белые с заметной рамкой, при вводе синяя рамка.
   Кнопки: синяя главная, белые с рамкой, ссылка; красных нет (красный на сайте — только «купить»).
   Заголовки разделов — 20 px, как H2 в статьях. Подписи полей — 14 px. Итог — однотонный темно-синий. Ввод — на серой подложке. */
.be8usn h3.be8usn-h { font-size: 20px; }
.be8usn .be8usn-label { font-size: 14px; font-weight: 400; color: #73718f; } /* подписи полей — 14 px во всех сервисах (13 мелковато) */
.be8usn input.form-control, .be8usn input.be8usn-extra, .be8usn input.be8usn-in, .be8usn .be8usn-rate-own input.be8usn-rate-input { 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; }
.be8usn input.form-control:focus, .be8usn input.be8usn-extra:focus, .be8usn input.be8usn-in:focus, .be8usn .be8usn-rate-own input.be8usn-rate-input:focus { border-color: #0271b6; box-shadow: 0 0 0 3px rgba(2, 113, 182, .15); outline: none; background: #fff; }
.be8usn input.form-control.is-bad, .be8usn input.be8usn-in.is-bad, .be8usn .be8usn-rate-input.is-bad { border-color: #a1192c; box-shadow: 0 0 0 3px rgba(161, 25, 44, .12); }
.be8usn .be8usn-seg { border: 1px solid #dadada; border-radius: 4px; overflow: hidden; }
.be8usn .be8usn-seg .be8usn-seg-btn { border-radius: 0; transition: none; }
.be8usn .be8usn-tip { width: 18px; height: 18px; min-width: 18px; font-size: 12px; font-weight: 700; color: #0271b6; border: 1px solid #0271b6; border-radius: 50%; background: #fff; }
.be8usn .be8usn-hero { background: #33305a; background-image: none; border-radius: 6px; }
.be8usn .be8usn-hero-value { color: #8fd14f; }
.be8usn .be8usn-disclaimer { color: #33305a; background: #fff4dc; border-radius: 4px; }
.be8usn .be8usn-setup { background: #f5f5f7; border-radius: 6px; padding: 16px 18px; }
.be8usn .be8usn-setup { margin-bottom: 18px; }
/* метки сроков — белый текст на заливке с достаточным контрастом (на светло-зеленом и бледно-сером мелкий текст не читался) */
.be8usn .be8usn-badge { background: #3f8f00; border-radius: 24px; }
.be8usn .be8usn-badge.is-grey { background: #73718f; }

/* Тексты из настроек с оформлением сайта: тема задает выделению свой размер — здесь оно как соседний текст */
.be8usn span[style], .be8usn span[style] strong, .be8usn a.term { font-size: inherit; line-height: inherit; }

/* Единый стиль сервисов (02.11.2026): раскрывающиеся блоки — карточки с синим заголовком, как в калькуляторе НДС;
   таблицы — как в статьях сайта: сетка #e0e2ea, строка заголовков с темными линиями #706e91, текст 16 px */
.be8usn details.be8usn-how { margin: 16px 0 0; padding: 10px 14px; border: 1px solid var(--u-line); border-radius: 6px; background: #fff; }
.be8usn details.be8usn-how > summary { cursor: pointer; font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--u-blue); }
.be8usn table.be8usn-table { width: 100%; border-collapse: collapse; background: #fff; }
.be8usn table.be8usn-table > thead > tr > th, .be8usn table.be8usn-table > tbody > tr > td { padding: 8px 12px; border: 1px solid #e0e2ea; font-size: 16px; line-height: 1.4; color: #33305a; background: #fff; vertical-align: top; }
.be8usn table.be8usn-table > thead > tr > th { font-weight: 700; text-align: center; border-top: 1px solid #706e91; border-bottom: 1px solid #706e91; }
.be8usn table.be8usn-table > tbody > tr.is-strong > td { font-weight: 600; }
.be8usn table.be8usn-table > tbody > tr.is-total > td { font-weight: 700; border-top: 1px solid #e0e2ea; }
.be8usn table.be8usn-table .be8usn-decl { display: inline; margin-left: 4px; padding: 0; background: none; color: var(--u-muted); font-size: 13px; font-weight: 400; }
.be8usn p.be8usn-how-1c { margin: 10px 0 0; padding: 0; background: none; font-size: 16px; line-height: 1.5; color: #33305a; }
.be8usn p.be8usn-rule { margin: 8px 0 0; font-size: 16px; line-height: 1.5; color: #33305a; }
.be8usn p.be8usn-rule b { font-weight: 700; font-size: inherit; }
.be8usn .be8usn-obj { color: #008000; font-weight: 700; font-size: inherit; } /* кнопки и поля калькулятора — как объекты 1С в статьях */
.be8usn p.be8usn-disclaimer { margin: 12px 0 0; font-size: 16px; line-height: 1.5; }
.be8usn .be8usn-how-cards { display: none; }
@media (max-width: 600px) {
	.be8usn .be8usn-how .be8usn-table-wrap { display: none; }
	.be8usn .be8usn-how-cards { display: block; }
	.be8usn .be8usn-how-card { margin: 8px 0 0; padding: 8px 12px; border: 1px solid #e0e2ea; border-radius: 6px; }
	.be8usn .be8usn-how-card-t { display: block; margin: 0 0 4px; font-size: 16px; color: #33305a; }
	.be8usn .be8usn-how-row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-top: 1px solid #f0f0f4; font-size: 15px; line-height: 1.35; color: #33305a; }
	.be8usn .be8usn-how-row > span:last-child { text-align: right; white-space: nowrap; }
	.be8usn .be8usn-how-row.is-strong { font-weight: 700; }
	.be8usn .be8usn-how-row .be8usn-decl { display: block; color: var(--u-muted); font-size: 12px; font-weight: 400; }
}
@media print { .be8usn .be8usn-how .be8usn-table-wrap { display: block !important; } .be8usn .be8usn-how-cards { display: none !important; } }

/* Единый стиль сервисов (02.11.2026, правка): заголовки колонок — по тому же краю, что и данные (суммы справа, названия слева), значения по середине строки по вертикали; у блока с таблицей нет рамки-карточки; текст не мельче 14 px, обычный текст 16 px */
.be8usn details.be8usn-how.be8usn-how-t { padding: 0; border: 0; background: none; }
/* 1.35.1: «Как считаем» — так же без рамки, заголовок по одному краю с «Как посчитано» (в рамке он стоял правее на отступ) */
.be8usn details.be8usn-how.be8usn-rules-box { padding: 0; border: 0; background: none; }
.be8usn table.be8usn-table > thead > tr > th { text-align: right; }
.be8usn table.be8usn-table > thead > tr > th:first-child { text-align: left; }
.be8usn table.be8usn-table > tbody > tr > td { vertical-align: middle; }
.be8usn table.be8usn-table > tbody > tr > td:first-child { width: 38%; }
.be8usn table.be8usn-table .be8usn-decl { font-size: 14px; }
.be8usn .be8usn-badge { font-size: 13px; }
.be8usn .be8usn-notice, .be8usn .be8usn-notice > summary, .be8usn .be8usn-notice-body, .be8usn .be8usn-notice-body .be8usn-linkbtn { font-size: 14px; }
.be8usn span.be8usn-label, .be8usn .be8usn-label, .be8usn [role="columnheader"], .be8usn [role="columnheader"] span, .be8usn .be8usn-title-field span { font-size: 14px; }
.be8usn .be8usn-pay-title, .be8usn .be8usn-pay-dates, .be8usn p.be8usn-h-hint, .be8usn .be8usn-rate-edit { font-size: 14px; }
.be8usn .be8usn-seg-sm .be8usn-seg-btn { font-size: 14px; }
.be8usn p.be8usn-ipfees, .be8usn .be8usn-ipfees .be8usn-linkbtn { font-size: 16px; }
.be8usn p.be8usn-cal-note, .be8usn p.be8usn-cal-note a { font-size: 16px; }

/* Единая шкала шрифтов (03.11.2026): текст 16 px, подписи 14 px, без промежуточных 12/13/15 —
   иначе на странице сайта размер «скачет» от строки к строке. Жирное внутри строки — того же размера, что строка. */
.be8usn p.be8usn-disclaimer b, .be8usn p.be8usn-disclaimer strong,
.be8usn .be8usn-ipfees li b, .be8usn .be8usn-ipfees li strong, .be8usn .be8usn-ipfees p b,
.be8usn .be8usn-result li b, .be8usn .be8usn-result li strong { font-size: inherit; }
.be8usn p.be8usn-sum-h { font-size: 16px; }
.be8usn .be8usn-sum-line, .be8usn .be8usn-sum-line span.be8usn-sum-k, .be8usn .be8usn-sum-line span.be8usn-sum-v { font-size: 16px; }
.be8usn .be8usn-pay-sum.is-zero { font-size: 16px; }
.be8usn p.be8usn-link-note, .be8usn .be8usn-sum-hint { font-size: 14px; }
.be8usn .be8usn-zoom .be8usn-zoom-label { font-size: 14px; }
.be8usn .be8usn-rate-val, .be8usn .be8usn-rate-own span { font-size: 16px; }
/* Скрытая подсказка «?» не занимает места: иначе на узком экране она выпирает вправо и появляется прокрутка вбок */
.be8usn .be8usn-tip:not(:hover):not(:focus-visible):not(.is-open)::after { display: none; }
/* Строка под флажком «Расходы — одной суммой» (при снятом флажке): вся 14 px, сумма — жирным того же размера */
.be8usn .be8usn-data-title p.be8usn-fees-link, .be8usn .be8usn-fees-link .be8usn-linkbtn { font-size: 14px; }
.be8usn .be8usn-fees-link span.be8usn-fees-link-v { font-size: inherit; font-weight: 600; color: var(--u-ink); }

/* 1.34: содержание — только на широком экране, справа и закреплено при прокрутке; на телефоне и планшете не показываем.
 * Как в Калькуляторе НДС (копия виджета «Содержание» в статьях сайта). */
.be8usn-side { display: none; }
/* содержание — только если рядом с ним колонка калькулятора остается не уже ~880 px: иначе верхний блок
   перестраивается («Ставка» уходит на вторую строку, флажки сдвигаются вниз) */
@container be8usnw (min-width: 1200px) {
	.be8usn-layout { display: grid; grid-template-columns: minmax(0, 980px) clamp(260px, 26%, 325px); gap: 30px; align-items: start; }
	.be8usn-side { display: block; position: sticky; top: 50px; }
}
.be8usn .be8usn-toc { background: #f0f0f0; border-radius: 0; padding: 40px 40px 40px 0; margin: 0; color: #33305a; font: 16px/1.2 Roboto, sans-serif; }
.be8usn .be8usn-toc .be8usn-toc-title { display: block; margin: 0 0 20px 20px; font: bold 14px Montserrat, sans-serif; text-transform: uppercase; color: #00c0cf; }
.be8usn .be8usn-toc ul { list-style: none; margin: 0; padding: 0 10px 0 0; line-height: 18px; }
.be8usn .be8usn-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; }
.be8usn .be8usn-toc li:last-child { margin-bottom: 0; }
.be8usn .be8usn-toc li[hidden] { display: none; }
.be8usn .be8usn-toc li::before { content: none; display: none; }
.be8usn .be8usn-toc a { color: #33305a; font-size: 16px; text-decoration: none; text-transform: none; padding: 0; border: 0; transition: .3s; }
.be8usn .be8usn-toc a:hover { color: #0785ce; }
.be8usn .be8usn-toc li.is-active { border-left-color: #00c0cf; }
.be8usn .be8usn-toc li.is-active > a { color: #0785ce; }
.be8usn .be8usn-toc li.is-active > a:hover { opacity: .7; }
@media (max-width: 1199.98px) {
	.be8usn .be8usn-toc li { margin-bottom: 10px; }
	.be8usn .be8usn-toc a { font-size: 14px; }
}
@media print {
	.be8usn .be8usn-side { display: none !important; }
	.be8usn .be8usn-layout { display: block !important; }
	.be8usn .be8usn-main { max-width: none; }
}

/* 1.34: печать — таблица «Как посчитано» не разрывается между страницами и не отрывается от заголовка;
 * если не помещается на остаток страницы — переносится на следующую целиком */
@media print {
	.be8usn details.be8usn-how-t, .be8usn .be8usn-how-t .be8usn-how-body, .be8usn .be8usn-how-t .be8usn-table-wrap,
	.be8usn table.be8usn-table, .be8usn table.be8usn-table tr { break-inside: avoid; page-break-inside: avoid; }
	.be8usn .be8usn-how-t > summary { break-after: avoid; page-break-after: avoid; }
	.be8usn .be8usn-how-t .be8usn-table-wrap { overflow: visible; }
}