/* EliteGas Core — газовый калькулятор [elitegas_gas_calc]. Всё внутри .egc, без глобальных сбросов. */

.egc {
	--egc-accent: #1f7a3a;
	--egc-accent-dark: #17602d;
	--egc-ink: #222;
	--egc-muted: #666;
	--egc-line: #dcdcdc;
	--egc-soft: #f4f7f4;
	position: relative;
	container-type: inline-size; /* раскладка зависит от ширины блока, а не окна: занимает всю колонку темы, какой бы она ни была */
	margin: 0 0 24px;
	color: var(--egc-ink);
	font-size: 15px;
	line-height: 1.45;
}

.egc [hidden] { display: none !important; }
.egc,
.egc *,
.egc *::before,
.egc *::after { box-sizing: border-box; }

/* Изоляция от стилей темы: заглавные буквы на кнопках, шрифт и цвет заголовков. */
.egc button,
.egc input,
.egc select { font-family: inherit; text-transform: none; letter-spacing: normal; }
.egc .egc-h { color: var(--egc-ink); font-family: inherit; }

.egc .egc-h {
	margin: 0 0 14px;
	font-size: 22px;
	line-height: 1.25;
	outline: none;
}

/* Экраны выбора: «Калькулятор экономии», «Грузовой транспорт» */
.egc .egc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px; }
.egc .egc-ico { display: block; width: 24px; height: 24px; }
.egc .egc-head { margin: 4px 0 22px; text-align: center; }
.egc .egc-h--big { margin: 0 0 6px; font-size: 30px; font-weight: 800; letter-spacing: -.01em; }
.egc .egc-sub { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--egc-muted); }

.egc .egc-list { display: grid; gap: 14px; max-width: 460px; margin: 0 auto; }
.egc .egc-card {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	padding: 18px 20px;
	text-align: left;
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-radius: 18px;
	box-shadow: 0 2px 10px rgba(20, 50, 30, .05);
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s, transform .15s;
}
.egc .egc-card:hover { border-color: var(--egc-accent); box-shadow: 0 6px 20px rgba(20, 70, 40, .12); transform: translateY(-1px); }
.egc .egc-card__ico { display: flex; align-items: center; justify-content: center; flex: 0 0 56px; height: 56px; border-radius: 14px; }
.egc .egc-card__txt { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.egc .egc-card__t { font-size: 17px; font-weight: 700; color: var(--egc-ink); }
.egc .egc-card__d { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--egc-muted); }
.egc .egc-card__go { color: #b9c2bc; }

.egc .egc-tone--a { color: var(--egc-accent); background: #e4f1e8; }
.egc .egc-tone--b { color: #11796f; background: #e0f3f0; }
.egc .egc-tone--c { color: #b7791f; background: #fbf0d9; }

.egc .egc-techs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.egc .egc-tech {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-radius: 18px;
	box-shadow: 0 2px 10px rgba(20, 50, 30, .05);
	transition: border-color .15s, box-shadow .15s;
}
.egc .egc-tech:hover { border-color: var(--egc-accent); box-shadow: 0 6px 20px rgba(20, 70, 40, .12); }
.egc .egc-tech .egc-card__ico { flex-basis: auto; width: 56px; }
.egc .egc-tech__main { display: flex; flex-direction: column; gap: 6px; padding: 0; text-align: left; background: none; border: 0; cursor: pointer; }
/* Вся карточка кликабельна, а «Энергосервисный контракт» остаётся отдельной кнопкой поверх. */
.egc .egc-tech__main::after { content: ""; position: absolute; inset: 0; border-radius: 18px; }
.egc .egc-tech__t { font-size: 19px; font-weight: 700; color: var(--egc-ink); }
.egc .egc-tech__d { font-size: 15px; color: var(--egc-muted); }
.egc .egc-tech__sub {
	position: relative;
	text-align: center;
	z-index: 1;
	align-self: flex-start;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 600;
	color: var(--egc-accent);
	background: #fff;
	border: 1.5px solid var(--egc-accent);
	border-radius: 999px;
	cursor: pointer;
}
.egc .egc-tech__sub:hover { color: #fff; background: var(--egc-accent); }

.egc .egc-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 14px;
	padding: 8px 16px 8px 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--egc-ink);
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-radius: 12px;
	cursor: pointer;
}
.egc .egc-back .egc-ico { width: 18px; height: 18px; }
.egc .egc-back:hover { border-color: var(--egc-accent); }

/* Легковой: живой калькулятор */
.egc .egc-ptitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
	padding: 18px 24px;
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-radius: 18px;
}
.egc .egc-ptitle .egc-h { margin: 0; font-size: 22px; font-weight: 800; }
.egc .egc-ptitle__ico { color: var(--egc-accent); }
.egc .egc-ptitle__ico .egc-ico { width: 40px; height: 40px; stroke-width: 1.6; }
.egc .egc-ptop { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 14px; }
.egc .egc-tile { padding: 16px 18px; background: #fff; border: 1.5px solid #e2e8e4; border-radius: 18px; }
.egc .egc-ptop label,
.egc .egc-fuel__price label { font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--egc-muted); }
.egc .egc-tile__in { display: flex; align-items: center; gap: 8px; }
.egc .egc-tile__in input {
	width: 100%;
	min-width: 0;
	height: 46px;
	padding: 6px 12px;
	font-size: 19px;
	font-weight: 700;
	color: var(--egc-ink);
	background: #f8faf8;
	border: 1.5px solid #d6ddd8;
	border-radius: 12px;
	box-shadow: none;
}
.egc .egc-tile__u { font-size: 14px; font-weight: 700; color: var(--egc-muted); }

.egc .egc-fuels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.egc .egc-fuel {
	--egc-c: #b7791f;
	--egc-bg: #fbf3e2;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 18px;
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-top: 4px solid var(--egc-c);
	border-radius: 18px;
}
.egc .egc-fuel--p { --egc-c: #2f9a52; --egc-bg: #e6f5ea; }
.egc .egc-fuel--m { --egc-c: #11796f; --egc-bg: #e0f3f0; }
.egc .egc-fuel__head { display: flex; align-items: center; gap: 10px; min-height: 34px; }
.egc .egc-fuel__ico { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; color: var(--egc-c); background: var(--egc-bg); border-radius: 10px; }
.egc .egc-fuel__ico .egc-ico { width: 20px; height: 20px; }
.egc .egc-fuel__name { flex: 1; font-size: 15px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--egc-c); }
.egc .egc-fuel--b .egc-fuel__name { color: var(--egc-ink); }
.egc .egc-fuel__price { padding: 10px 12px; background: var(--egc-bg); border-radius: 12px; }
.egc .egc-fuel__price label { color: var(--egc-c); }
.egc .egc-fuel__price input { height: 40px; font-size: 18px; color: var(--egc-c); background: #fff; border-color: transparent; }
.egc .egc-fuel__price .egc-tile__u { color: var(--egc-c); }
.egc .egc-fuel__cost { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 4px 8px; padding-top: 12px; border-top: 1px solid #e9ecea; }
.egc .egc-fuel__l { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--egc-c); }
.egc .egc-fuel__v { font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--egc-c); white-space: nowrap; }
.egc .egc-fuel--b .egc-fuel__v { color: var(--egc-ink); }
.egc .egc-fuel__km { font-size: 17px; font-weight: 700; text-align: right; color: var(--egc-c); white-space: nowrap; }
.egc .egc-fuel__foot { padding-top: 10px; font-size: 14px; font-weight: 700; text-align: center; color: var(--egc-c); border-top: 1px solid #e9ecea; }
.egc .egc-fuel--b .egc-fuel__foot { font-weight: 400; font-style: italic; opacity: .75; }

.egc .egc-field.egc-seg { display: inline-flex; flex-direction: row; gap: 0; margin: 0; padding: 2px; background: #f3efe4; border: 0; border-radius: 999px; }
.egc .egc-seg label { margin: 0; cursor: pointer; }
.egc .egc-seg input { position: absolute; opacity: 0; pointer-events: none; }
.egc .egc-seg span { display: block; padding: 3px 10px; font-size: 12px; font-weight: 700; color: var(--egc-muted); border-radius: 999px; }
.egc .egc-seg input:checked + span { color: #fff; background: var(--egc-c, #b7791f); }
.egc .egc-seg input:focus-visible + span { outline: 3px solid #f0a020; outline-offset: 1px; }

.egc .egc-coef {
	display: flex;
	align-items: center;
	gap: 8px;
	width: max-content;
	max-width: 100%;
	margin: 16px auto 0;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	background: #fff;
	border: 1.5px solid #e2e8e4;
	border-radius: 999px;
}
.egc .egc-coef__btn { display: flex; padding: 2px; color: var(--egc-muted); background: none; border: 0; cursor: pointer; }
.egc .egc-coef__btn .egc-ico { width: 18px; height: 18px; }
.egc .egc-actions--center { justify-content: center; }
.egc .egc-btn--wide { min-width: 260px; justify-content: center; }

/* Форма */
.egc .egc-fields {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 12px 18px;
}
.egc .egc-field { display: flex; flex-direction: column; gap: 4px; }
.egc .egc-field label { margin: 0; font-weight: 600; font-size: 14px; }
.egc .egc-input { display: flex; align-items: stretch; }
.egc .egc-input input,
.egc .egc-select {
	width: 100%;
	min-width: 0;
	height: 40px;
	padding: 6px 10px;
	font-size: 16px; /* без автозума на iOS */
	color: var(--egc-ink);
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 6px;
	box-shadow: none;
}
.egc .egc-input input { border-radius: 6px 0 0 6px; }
.egc .egc-unit {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-size: 14px;
	color: var(--egc-muted);
	white-space: nowrap;
	background: var(--egc-soft);
	border: 1px solid #bbb;
	border-left: 0;
	border-radius: 0 6px 6px 0;
}
.egc .egc-hint { font-size: 12px; color: var(--egc-muted); }

.egc .egc-gear { margin: 16px 0 0; }
.egc .egc-gear summary { cursor: pointer; font-weight: 600; margin-bottom: 10px; }

/* Кнопки */
.egc .egc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.egc .egc-btn {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 8px 18px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--egc-ink);
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 6px;
	cursor: pointer;
}
.egc .egc-btn:hover { border-color: var(--egc-accent); }
.egc .egc-btn--primary { color: #fff; background: var(--egc-accent); border-color: var(--egc-accent); }
.egc .egc-btn--primary:hover { background: var(--egc-accent-dark); }
.egc .egc-btn[disabled] { opacity: .6; cursor: progress; }

/* Видимый фокус */
.egc button:focus-visible,
.egc input:focus-visible,
.egc select:focus-visible,
.egc summary:focus-visible {
	outline: 3px solid #f0a020;
	outline-offset: 2px;
}
/* Поля ввода: вместо рамки, наезжающей на единицы, — подсветка поля вместе с единицей. */
.egc input[type="text"]:focus,
.egc input[type="text"]:focus-visible { outline: none; }
.egc .egc-input { border-radius: 6px; transition: box-shadow .15s; }
.egc .egc-input:focus-within { box-shadow: 0 0 0 3px rgba(31, 122, 58, .25); }
.egc .egc-input:focus-within input,
.egc .egc-input:focus-within .egc-unit { border-color: var(--egc-accent); }
.egc .egc-tile__in input:focus,
.egc .egc-lr__tile input:focus { border-color: var(--egc-accent); box-shadow: 0 0 0 3px rgba(31, 122, 58, .2); }
.egc .egc-lr__tile input:focus { border-color: var(--lr-acc); box-shadow: 0 0 0 3px rgba(0, 99, 204, .15); }

/* Отчёт */
.egc .egc-report {
	padding: 20px;
	background: #fff;
	border: 1px solid var(--egc-line);
	border-radius: 8px;
}
.egc .egc-report__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 2px solid var(--egc-accent);
}
.egc .egc-report__logo { display: block; max-height: 48px; width: auto; }
.egc .egc-report__brand { font-size: 22px; font-weight: 700; color: var(--egc-accent); }
.egc .egc-report__meta { font-size: 13px; color: var(--egc-muted); text-align: right; }
.egc .egc-report__title { font-size: 20px; }

.egc .egc-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}
.egc .egc-kpi { padding: 12px 14px; background: var(--egc-soft); border-radius: 8px; }
.egc .egc-kpi--accent { background: #e5f2e8; }
.egc .egc-kpi--warn { background: #fbeee6; }
.egc .egc-kpi__l { font-size: 13px; color: var(--egc-muted); }
.egc .egc-kpi__v { font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--egc-accent-dark); }
.egc .egc-kpi--warn .egc-kpi__v { color: #a6371f; }
.egc .egc-kpi__n { font-size: 14px; }

.egc .egc-table-wrap { overflow-x: auto; margin: 0 0 16px; }
.egc .egc-table { width: 100%; margin: 0; font-size: 14px; border-collapse: collapse; background: #fff; }
.egc .egc-table-cap { padding: 0 0 6px; font-weight: 700; }
/* Подробные отчёты: колонки значений одинаковой ширины (ширины задаёт <colgroup>). */
.egc .egc-fixed { table-layout: fixed; }
.egc .egc-table th,
.egc .egc-table td { padding: 7px 10px; text-align: right; vertical-align: top; border: 1px solid var(--egc-line); white-space: nowrap; }
.egc .egc-table thead th { background: var(--egc-soft); font-weight: 600; text-align: right; white-space: normal; }
.egc .egc-table tbody th { font-weight: 400; text-align: left; white-space: normal; }
.egc .egc-table th:first-child { text-align: left; }
.egc .egc-row--total th,
.egc .egc-row--total td { font-weight: 700; background: #f8fbf8; }

.egc .egc-note { margin: 0 0 12px; font-size: 13px; color: var(--egc-muted); }

.egc .egc-inputs { margin: 6px 0 14px; font-size: 13px; color: var(--egc-muted); }
.egc .egc-inputs__t { font-weight: 700; margin-bottom: 4px; }
.egc .egc-inputs ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2px 18px; margin: 0; padding: 0; list-style: none; }
.egc .egc-inputs li { display: flex; justify-content: space-between; gap: 8px; margin: 0; padding: 2px 0; border-bottom: 1px dotted var(--egc-line); }
.egc .egc-inputs b { color: var(--egc-ink); font-weight: 600; white-space: nowrap; }

.egc .egc-report__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 6px 16px;
	padding-top: 10px;
	font-size: 14px;
	border-top: 1px solid var(--egc-line);
}
.egc .egc-report__phone { font-weight: 700; }

/* Сообщения — плашка внизу экрана (кнопки теперь сверху, а отчёт длинный). */
.egc-msg:empty { display: none; }
.egc-msg {
	position: fixed;
	left: 50%;
	bottom: 24px;
	z-index: 100000;
	width: max-content;
	max-width: calc(100vw - 32px);
	padding: 12px 18px;
	font-weight: 600;
	background: #eef4fb;
	border-left: 4px solid #2b6cb0;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.4;
	color: #222;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
	transform: translateX(-50%);
}

/* Верхняя панель: «Назад» слева, действия справа */
.egc .egc-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; }
.egc .egc-topbar .egc-back { margin: 0; }
.egc .egc-topbar__r { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.egc .egc-topbar .egc-btn { min-height: 38px; padding: 7px 14px; font-size: 14px; border-radius: 12px; }
/* Живой отчёт: на телефоне вместо «Подробный отчёт» и «Картинка» — «Скопировать отчёт в буфер». */
.egc .egc-topbar .egc-btn--mob { display: none; }
.egc-msg--ok { background: #e5f2e8; border-left-color: var(--egc-accent); }
.egc-msg--err { background: #fbeee6; border-left-color: #a6371f; }

.egc-offscreen { position: fixed; top: 0; left: -10000px; }

/* Картинка отчёта: фиксированная ширина и системный шрифт. */
.egc-capture { position: fixed; top: 0; left: -10000px; width: 900px; }
.egc-capture .egc-report { width: 900px; box-sizing: border-box; border: 0; border-radius: 0; font-family: Arial, Helvetica, sans-serif; }
.egc-capture .egc-table-wrap { overflow: visible; }

.egc-admin-note { color: #a6371f; font-family: monospace; font-size: 12px; }

/* Грузовые формы: переключатели, цветные группы полей, энергосервис */
.egc .egc-ftitle { margin: 0 0 14px; text-align: center; }
.egc .egc-ftitle .egc-h { margin: 0 0 4px; font-size: 22px; font-weight: 800; }
.egc .egc-panel { display: grid; gap: 14px; padding: 18px; background: #fff; border: 1.5px solid #e2e8e4; border-radius: 18px; }

.egc .egc-field.egc-switch { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; }
.egc .egc-switch__l { width: 100%; margin: 0; padding: 0; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--egc-muted); border: 0; }
/* «Таблетка», как переключатель АИ-92 / АИ-95. */
.egc .egc-pills { display: inline-flex; flex-wrap: wrap; justify-content: center; padding: 3px; background: #edf2ee; border-radius: 999px; }
.egc .egc-switch label { margin: 0; cursor: pointer; }
.egc .egc-switch input { position: absolute; opacity: 0; pointer-events: none; }
.egc .egc-pills label > span { display: block; padding: 7px 18px; font-size: 14px; font-weight: 700; white-space: nowrap; color: var(--egc-muted); border-radius: 999px; transition: background .15s, color .15s; }
.egc .egc-pills input:checked + span { color: #fff; background: var(--egc-accent); }
.egc .egc-pills input:focus-visible + span { outline: 3px solid #f0a020; outline-offset: 1px; }

.egc .egc-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.egc .egc-group { min-width: 0; margin: 0; padding: 12px 14px 14px; background: var(--egc-gbg); border: 1.5px solid var(--egc-gbd); border-radius: 14px; }
.egc .egc-group--d { --egc-gbg: #fbf1ee; --egc-gbd: #f0d3cb; --egc-gc: #a6371f; }
.egc .egc-group--g { --egc-gbg: #eaf6ee; --egc-gbd: #bfe1c9; --egc-gc: var(--egc-accent); }
.egc .egc-group--l { --egc-gbg: #e6f4f2; --egc-gbd: #b8dfd8; --egc-gc: #11796f; }
.egc .egc-group__t { display: flex; align-items: center; gap: 6px; float: left; width: 100%; margin: 0 0 10px; padding: 0; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--egc-gc); border: 0; }
.egc .egc-group__t .egc-ico { width: 16px; height: 16px; }
.egc .egc-group__f { clear: both; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.egc .egc-group .egc-field label,
.egc .egc-plain .egc-field label,
.egc .egc-box .egc-field label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #59605b; }
.egc .egc-field label .egc-hint { display: block; font-weight: 400; letter-spacing: 0; text-transform: none; }
.egc .egc-group .egc-input input,
.egc .egc-plain .egc-input input,
.egc .egc-box .egc-input input { height: 44px; font-size: 17px; font-weight: 700; border-color: #d3dad5; }
.egc .egc-group .egc-unit { background: #fff; border-color: #d3dad5; }
.egc .egc-plain { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
.egc .egc-plain .egc-field { justify-content: flex-end; }
.egc .egc-box { display: grid; gap: 14px; padding: 14px; border: 1.5px solid #e2e8e4; border-radius: 14px; }

.egc .egc-range__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.egc .egc-badge { padding: 2px 10px; font-size: 14px; font-weight: 800; color: var(--egc-accent); background: #e4f1e8; border-radius: 8px; }
.egc .egc-range input { width: 100%; margin: 6px 0 2px; accent-color: var(--egc-accent); }
.egc .egc-range__lim { display: flex; justify-content: space-between; font-size: 12px; font-weight: 700; color: var(--egc-muted); }

.egc .egc-live { overflow: hidden; border: 1.5px solid #e2e8e4; border-radius: 14px; }
.egc .egc-live__cols { display: grid; grid-template-columns: 1fr 1fr; text-align: center; border-bottom: 1px solid #e2e8e4; }
.egc .egc-live__cols > div { padding: 10px; }
.egc .egc-live__cols > div + div { background: #f3faf5; border-left: 1px solid #e2e8e4; }
.egc .egc-live__l { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--egc-muted); }
.egc .egc-live__v { font-size: 19px; font-weight: 800; }
.egc .egc-live__v--acc { color: var(--egc-accent); }
.egc .egc-live__rows { display: grid; gap: 6px; padding: 12px 14px; font-size: 14px; }
.egc .egc-live__rows > div { display: flex; justify-content: space-between; gap: 10px; }
.egc .egc-live__rows small { display: block; font-size: 11px; color: var(--egc-muted); }
.egc .egc-live__rows b { white-space: nowrap; }
.egc .egc-neg { color: #b03a2e; }
.egc .egc-live__sum { padding-top: 8px; font-weight: 800; border-top: 1px solid #e2e8e4; }
.egc .egc-live__sum b { font-size: 18px; color: var(--egc-accent); }
.egc .egc-live__total { margin: 0 14px 14px; padding: 12px; text-align: center; background: #e4f1e8; border-radius: 12px; }
.egc .egc-live__big { font-size: 28px; font-weight: 800; line-height: 1.2; color: var(--egc-accent-dark); }

/* Живой отчёт грузовых — палитра отчёта оригинала (менеджерам привычнее).
   КПГ — зелёный, СПГ — синий: класс .egc-lr--lng перекрашивает весь блок. */
.egc .egc-lr {
	--lr-acc: #00b874;       /* газ: КПГ */
	--lr-acc-t: #00995e;     /* текст газа */
	--lr-acc-bg: #e3f8ef;
	--lr-acc-bd: #9fe3c6;
	--lr-hero: linear-gradient(135deg, #00bf78 0%, #00a466 55%, #0b5bb8 130%);
	--lr-blue: #0063cc;
	--lr-navy: #0b3f8f;
	--lr-red: #f43333;
	--lr-ink: #1f1f31;
	--lr-muted: #8b8fa8;
	display: grid;
	gap: 14px;
	padding: 20px;
	color: var(--lr-ink);
	background: #fff;
	border: 1px solid #e6e8f2;
	border-radius: 22px;
	box-shadow: 0 6px 24px rgba(31, 31, 49, .06);
}
.egc .egc-lr--lng {
	--lr-acc: #0063cc;
	--lr-acc-t: #0b3f8f;
	--lr-acc-bg: #e8f0fe;
	--lr-acc-bd: #b6cff5;
	--lr-hero: linear-gradient(135deg, #0b4fa8 0%, #082f6e 100%);
}
.egc .egc-lr__head { padding-bottom: 12px; text-align: center; border-bottom: 1px solid #eceef5; }
.egc .egc-lr__head .egc-h { margin: 0 0 4px; font-size: 20px; font-weight: 800; text-transform: uppercase; color: var(--lr-ink); }
.egc .egc-lr__sub,
.egc .egc-lr__l,
.egc .egc-lr__tile label,
.egc .egc-lr__bt { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--lr-muted); }
.egc .egc-lr .egc-pills span { padding: 5px 14px; font-size: 13px; }
.egc .egc-lr .egc-pills input:checked + span { background: var(--lr-acc); }

.egc .egc-lr__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
/* Широко (картинка 900 px): все плитки в один ряд. */
@container (min-width: 860px) {
	.egc .egc-lr__tiles { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
}
.egc .egc-lr__tile { gap: 6px; padding: 10px 12px; background: #fafbff; border: 1px solid #e3e6f0; border-radius: 14px; }
/* Подпись: название / единицы — две строки одинаковой высоты; поле прижато к низу, поэтому поля стоят ровно. */
.egc .egc-lr__tile label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.egc .egc-lr__tile label small { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0; white-space: normal; text-transform: none; opacity: .85; }
.egc .egc-lr__tile input,
.egc .egc-lr__tile .egc-lr__val { margin-top: auto; }
.egc .egc-lr__tile input,
.egc .egc-lr__val { width: 100%; min-width: 0; height: 36px; padding: 4px 8px; font-size: 17px; font-weight: 800; color: var(--lr-ink); background: #fff; border: 1px solid #dfe3ee; border-radius: 9px; box-shadow: none; }
.egc .egc-lr__val { display: flex; align-items: center; padding: 0; background: none; border: 0; }
.egc .egc-lr__tile--gas,
.egc .egc-lr__tile--cng { background: var(--lr-acc-bg); border-color: var(--lr-acc-bd); }
.egc .egc-lr__tile--gas label,
.egc .egc-lr__tile--gas input,
.egc .egc-lr__tile--gas .egc-lr__val { color: var(--lr-acc-t); }
.egc .egc-lr__tile--cng { --lr-acc-t: #00995e; background: #e3f8ef; border-color: #9fe3c6; }
.egc .egc-lr__tile--lng { background: #e8f0fe; border-color: #b6cff5; }
.egc .egc-lr__tile--cng label, .egc .egc-lr__tile--cng input, .egc .egc-lr__tile--cng .egc-lr__val { color: #00995e; }
.egc .egc-lr__tile--lng label, .egc .egc-lr__tile--lng input, .egc .egc-lr__tile--lng .egc-lr__val { color: #0b3f8f; }

.egc .egc-lr__hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.egc .egc-lr__save { padding: 20px 22px; color: #fff; background: var(--lr-hero); border-radius: 20px; box-shadow: 0 10px 24px rgba(0, 99, 204, .18); }
.egc .egc-lr__save .egc-lr__l { color: rgba(255, 255, 255, .85); }
.egc .egc-lr__big { font-size: 32px; font-weight: 800; line-height: 1.15; white-space: nowrap; }
.egc .egc-lr__mid { margin-bottom: 10px; font-size: 22px; font-weight: 800; }
.egc .egc-lr__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.egc .egc-lr__chips span:empty { display: none; }
.egc .egc-lr__chips span { padding: 3px 9px; font-size: 11px; font-weight: 800; border-radius: 999px; background: rgba(255, 255, 255, .2); }
.egc .egc-lr__ggmt { position: relative; overflow: hidden; padding: 20px 22px; background: #fff; border: 2px solid #bcd0f5; border-radius: 20px; }
.egc .egc-lr__ggmt .egc-lr__l { color: var(--lr-ink); }
.egc .egc-lr__ggmt .egc-lr__big { color: var(--lr-navy); }
.egc .egc-lr__ggmt .egc-lr__chips span { color: var(--lr-navy); background: #e8f0fe; border: 1px solid #bcd0f5; }
.egc .egc-lr__ribbon { position: absolute; top: 0; right: 0; padding: 4px 12px; font-size: 10px; font-weight: 800; text-transform: uppercase; color: #fff; background: var(--lr-blue); border-bottom-left-radius: 12px; }

.egc .egc-lr__cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.egc .egc-lr__fuel { padding: 16px 18px; border: 1px solid; border-radius: 18px; }
.egc .egc-lr__fuel--d { --lr-c: var(--lr-red); background: #fff7f7; border-color: #fbd0d0; }
.egc .egc-lr__fuel--g { --lr-c: var(--lr-acc-t); background: var(--lr-acc-bg); border-color: var(--lr-acc-bd); }
.egc .egc-lr__ft { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--lr-c, var(--lr-ink)); }
.egc .egc-lr__ft .egc-ico { width: 16px; height: 16px; }
.egc .egc-lr__row { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; font-size: 14px; }
.egc .egc-lr__row b { text-align: right; }
.egc .egc-lr__tot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; padding-top: 10px; border-top: 1px solid currentColor; border-color: rgba(0, 0, 0, .08); }
.egc .egc-lr__tot span { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--lr-c); }
.egc .egc-lr__tot b { font-size: 22px; font-weight: 800; white-space: nowrap; color: var(--lr-c); }

.egc .egc-lr__bar { display: grid; gap: 8px; padding: 14px 18px; background: #fafbff; border: 1px solid #e6e8f2; border-radius: 18px; }
.egc .egc-lr__track { display: flex; height: 30px; overflow: hidden; background: #eceef5; border-radius: 12px; }
.egc .egc-lr__seg { display: block; height: 100%; transition: width .3s; }
.egc .egc-lr__seg--d { background: var(--lr-red); }
.egc .egc-lr__seg--g { background: var(--lr-acc); }
.egc .egc-lr__legend { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 800; }
.egc .egc-lr__ld { color: var(--lr-red); }
.egc .egc-lr__lg { color: var(--lr-acc-t); margin-left: auto; }
.egc .egc-lr__note { margin: 0; font-size: 12px; font-style: italic; text-align: center; color: var(--lr-muted); }

/* СПГ ↔ КПГ */
.egc .egc-lr__gas { position: relative; padding: 18px 20px; background: #fff; border: 2px solid #e3e6f0; border-radius: 20px; }
.egc .egc-lr__gas--cng { --lr-c: #00995e; --lr-fill: #00c883; }
.egc .egc-lr__gas--lng { --lr-c: #0b3f8f; --lr-fill: linear-gradient(135deg, #0b5bc4, #0a3d8a); }
.egc .egc-lr__gas .egc-lr__mid,
.egc .egc-lr__gas .egc-lr__big { color: var(--lr-c); }
.egc .egc-lr__gas--win { color: #fff; background: var(--lr-fill); border-color: transparent; box-shadow: 0 10px 24px rgba(0, 0, 0, .12); }
.egc .egc-lr__gas--win .egc-lr__ft,
.egc .egc-lr__gas--win .egc-lr__l,
.egc .egc-lr__gas--win .egc-lr__mid,
.egc .egc-lr__gas--win .egc-lr__big { color: #fff; }
.egc .egc-lr__badge { display: none; position: absolute; top: 12px; right: 12px; padding: 2px 9px; font-size: 10px; font-weight: 800; text-transform: uppercase; background: rgba(255, 255, 255, .25); border-radius: 999px; }
.egc .egc-lr__gas--win .egc-lr__badge { display: block; }
.egc .egc-lr__gas--win .egc-lr__ft { padding-right: 84px; }
.egc .egc-lr__verdict { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: #e3f8ef; border: 2px solid #9fe3c6; border-radius: 18px; }
.egc .egc-lr__vi { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; height: 40px; font-size: 20px; font-weight: 800; color: #fff; background: #00c883; border-radius: 12px; }
.egc .egc-lr__vt { flex: 1; font-size: 13px; color: var(--lr-muted); }
.egc .egc-lr__vt b { display: block; font-size: 16px; color: #00995e; }
.egc .egc-lr__vg { margin-top: 2px; font-size: 12px; }
.egc .egc-lr__vr { text-align: right; }
.egc .egc-lr__vr b { font-size: 22px; font-weight: 800; white-space: nowrap; color: #00995e; }
.egc .egc-lr__verdict--bad { background: #fff2f2; border-color: #fbc4c4; }
.egc .egc-lr__verdict--bad .egc-lr__vi { background: var(--lr-red); }
.egc .egc-lr__verdict--bad .egc-lr__vt b,
.egc .egc-lr__verdict--bad .egc-lr__vr b { color: var(--lr-red); }
.egc .egc-lr__cbar { display: grid; gap: 4px; }
.egc .egc-lr__cbar .egc-lr__track { height: 18px; }
.egc .egc-lr__cbar--cng { color: #00995e; }
.egc .egc-lr__cbar--lng { color: #0b3f8f; }
.egc .egc-lr__cbar--cng .egc-lr__seg { background: #00c883; }
.egc .egc-lr__cbar--lng .egc-lr__seg { background: var(--lr-blue); }

/* Форма энергосервиса при СПГ — синяя гамма (как в оригинале). */
.egc .egc-panel--lng .egc-group--g { --egc-gbg: #e8f0fe; --egc-gbd: #b6cff5; --egc-gc: #0b3f8f; }
.egc .egc-panel--lng .egc-pills input:checked + span { background: #0063cc; }
.egc .egc-panel--lng .egc-range input { accent-color: #0063cc; }
.egc .egc-panel--lng .egc-badge { color: #0063cc; background: #e8f0fe; }
.egc .egc-panel--lng .egc-live__cols > div + div { background: #f2f6fe; }
.egc .egc-panel--lng .egc-live__v--acc,
.egc .egc-panel--lng .egc-live__sum b { color: #0063cc; }
.egc .egc-panel--lng .egc-live__total { background: #e8f0fe; }
.egc .egc-panel--lng .egc-live__big { color: #0b3f8f; }
.egc .egc-panel--lng .egc-btn--primary { background: #0063cc; border-color: #0063cc; }
.egc .egc-panel--lng .egc-btn--primary:hover { background: #0055b3; }
.egc .egc-es--lng .egc-es__pill--g { background: #0063cc; }

/* Подробные отчёты грузовых — таблица в виде «Отчёта OLD» оригинала. */
.egc .egc-old { width: 100%; min-width: 560px; margin: 0; font-size: 13px; color: #1f1f31; border-collapse: collapse; background: #fff; }
.egc .egc-old th,
.egc .egc-old td { padding: 7px 10px; text-align: center; vertical-align: middle; border: 0; white-space: nowrap; }
.egc .egc-old thead th { font-size: 15px; font-weight: 800; line-height: 1.25; white-space: normal; vertical-align: top; }
.egc .egc-old thead th small { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; opacity: .8; }
.egc .egc-old .egc-old__title { padding: 30px 12px 12px 0; font-size: 19px; text-align: left; vertical-align: middle; }
.egc .egc-old .egc-old__units th { padding: 6px 8px; font-size: 12px; font-weight: 800; vertical-align: bottom; border-bottom: 1px solid #1f1f31; }
.egc .egc-old tbody th { padding-left: 0; font-weight: 400; text-align: left; white-space: normal; }
.egc .egc-old__c--d { background: #ffc1c1; }
.egc .egc-old__c--g { background: #d1f2eb; }
.egc .egc-old__c--l { background: #cfe0fb; }
.egc .egc-old__c--w { background: #fff; }
.egc .egc-old td { font-weight: 700; }
.egc .egc-old td.egc-old__c--sub { color: #6b6f80; }
.egc .egc-old__b th { font-size: 11px; font-weight: 800; text-transform: uppercase; }
.egc .egc-old__b td { font-size: 15px; font-weight: 800; }
.egc .egc-old__top th,
.egc .egc-old__top td { border-top: 1px solid #1f1f31; }
.egc .egc-old__gap td { height: 26px; padding: 0; background: #fff; border-top: 1px solid #1f1f31; border-bottom: 1px solid #1f1f31; }
.egc .egc-old__save th { padding-left: 0; font-size: 14px; font-weight: 800; }
.egc .egc-old__save td { font-size: 15px; font-weight: 900; }
.egc .egc-old__pct th { font-size: 10px; text-transform: uppercase; color: #6b6f80; border-bottom: 1px solid #1f1f31; }
.egc .egc-old__pct td { font-size: 12px; font-weight: 700; border-bottom: 1px solid #1f1f31; }
.egc .egc-old__neg { color: #c32121; }
.egc .egc-old__note { margin: 10px 0 0; font-size: 12px; font-style: italic; text-align: center; color: #8b8fa8; }
.egc .egc-old__note:first-of-type { letter-spacing: .04em; text-transform: uppercase; }

/* Энергосервис: отчёт в виде оригинала (три варианта в месяц + годовая аналитика). */
.egc .egc-es { --es-d: #56627a; --es-b: #2f7ed8; --es-p: #10a37f; display: grid; gap: 14px; color: #1f1f31; }
.egc .egc-es__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid #eceef5; }
.egc .egc-es__title { margin: 0; font-size: 19px; font-weight: 800; text-transform: uppercase; color: #11402a; }
.egc .egc-es__title2 { margin: 6px 0 0; font-size: 17px; font-weight: 800; text-transform: uppercase; color: #11402a; font-family: inherit; }
.egc .egc-es__pills { display: flex; flex-wrap: wrap; gap: 8px; }
.egc .egc-es__pill { display: flex; flex-direction: column; padding: 6px 14px; font-size: 13px; font-weight: 800; line-height: 1.2; color: #fff; border-radius: 999px; }
.egc .egc-es__pill small { font-size: 10px; font-weight: 600; opacity: .9; }
.egc .egc-es__pill--m { background: #8b95a8; }
.egc .egc-es__pill--d { background: var(--es-b); }
.egc .egc-es__pill--g { background: var(--es-p); }
.egc .egc-es__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: start; }
.egc .egc-es__card { overflow: hidden; background: #fff; border: 1px solid #e6e8f2; border-radius: 16px; box-shadow: 0 4px 14px rgba(31, 31, 49, .06); }
.egc .egc-es__h { min-height: 62px; padding: 10px; font-size: 12px; font-weight: 800; line-height: 1.3; text-align: center; text-transform: uppercase; color: #fff; background: var(--es-c); display: flex; flex-direction: column; justify-content: center; }
.egc .egc-es__h small { font-size: 10px; font-weight: 600; opacity: .9; }
.egc .egc-es__card--d { --es-c: var(--es-d); --es-tbg: var(--es-d); --es-tc: #fff; }
.egc .egc-es__card--b { --es-c: var(--es-b); --es-tbg: #dce9f8; --es-tc: var(--es-b); }
.egc .egc-es__card--p { --es-c: var(--es-p); --es-tbg: #63dcb9; --es-tc: #10392b; }
.egc .egc-es__body { padding: 10px 12px; }
.egc .egc-es__row { display: flex; justify-content: space-between; gap: 6px; padding: 3px 0; font-size: 12.5px; border-bottom: 1px solid #f0f1f6; }
.egc .egc-es__row:last-child { border-bottom: 0; }
.egc .egc-es__row b { font-weight: 600; white-space: nowrap; }
.egc .egc-es__row--b b { font-weight: 800; }
.egc .egc-es__subrow { display: flex; justify-content: space-between; gap: 6px; padding: 0 0 2px 8px; font-size: 11px; color: #8b8fa8; }
.egc .egc-es__tot { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 10px 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--es-tc); background: var(--es-tbg); }
.egc .egc-es__tot b { font-size: 18px; white-space: nowrap; }
.egc .egc-es__chip { font-size: 12px; font-weight: 800; text-align: center; }
.egc .egc-es__chip--d { color: #1f1f31; }
.egc .egc-es__chip--b { color: var(--es-b); }
.egc .egc-es__sum { padding: 4px 12px 12px; text-align: center; }
.egc .egc-es__sl { font-size: 10.5px; font-weight: 800; text-transform: uppercase; color: #3b3f55; }
.egc .egc-es__sv { margin: 2px 0 8px; font-size: 20px; font-weight: 800; white-space: nowrap; color: var(--es-c); }
.egc .egc-es__card--d .egc-es__sv { color: #1f1f31; }
.egc .egc-es__save { display: flex; flex-direction: column; justify-content: center; min-height: 54px; padding: 8px; font-size: 11px; font-weight: 800; color: var(--es-tc); background: var(--es-tbg); border-radius: 999px; }
.egc .egc-es__card--p .egc-es__save { background: #d4f6eb; }
.egc .egc-es__save b { display: block; font-size: 15px; color: #1f1f31; }
.egc .egc-es__card--b .egc-es__save b { color: var(--es-b); }
.egc .egc-es__save--base { color: #8b8fa8; text-transform: uppercase; background: #eef0f5; }
.egc .egc-report--es .egc-report__head { margin-bottom: 10px; }
/* Ряды карточек энергосервиса: карточки одной высоты, строки экономии — вкладками под карточками 2 и 3 (как в оригинале). */
.egc .egc-es__grid--tabs { grid-template-rows: auto; row-gap: 0; align-items: stretch; }
.egc .egc-es__grid--tabs .egc-es__card { display: flex; flex-direction: column; grid-row: 1; }
.egc .egc-es__grid--tabs .egc-es__tot { margin-top: auto; }
.egc .egc-es__grid--term .egc-es__sum { display: flex; flex: 1; flex-direction: column; justify-content: flex-end; }
.egc .egc-es__tab {
	grid-row: 2;
	display: grid;
	gap: 4px;
	margin: 0 12px;
	padding: 10px 8px;
	background: #fafbff;
	border: 1px solid #e6e8f2;
	border-top: 0;
	border-radius: 0 0 14px 14px;
	box-shadow: 0 4px 14px rgba(31, 31, 49, .06);
}
.egc .egc-es__tab--2 { grid-column: 2; }
.egc .egc-es__tab--3 { grid-column: 3; }
@supports (grid-template-rows: subgrid) {
	.egc .egc-es__grid--tabs { grid-template-rows: auto auto 1fr auto; }
	.egc .egc-es__grid--tabs .egc-es__card { display: grid; grid-row: 1 / span 3; grid-template-rows: subgrid; gap: 0; }
	.egc .egc-es__tab { grid-row: 4; align-self: start; }
}

/* Логотип на тёмной карточке «Экономия» (живой отчёт газодизеля / ремоторизации). */
.egc .egc-lr__save { position: relative; overflow: hidden; }
.egc .egc-lr__save > :not(.egc-lr__wmlogo) { position: relative; }
.egc .egc-lr__wmlogo { position: absolute; top: 50%; right: 18px; width: auto; max-width: 40%; max-height: 64%; opacity: .3; transform: translateY(-50%); pointer-events: none; }
/* СПГ ↔ КПГ: логотип только на зелёной карточке КПГ (когда она выгоднее); на белой светлый логотип не виден. */
.egc .egc-lr__gas .egc-lr__wmlogo { display: none; top: auto; bottom: 18px; max-height: 38%; transform: none; }
.egc .egc-lr__gas--win .egc-lr__wmlogo { display: block; }
.egc .egc-lr__gas > :not(.egc-lr__wmlogo):not(.egc-lr__badge) { position: relative; }

/* Водяной знак на картинке (слой поверх отчёта, только в копии для снимка). */
.egc-capture .egc-report { position: relative; overflow: hidden; }
.egc-wm { position: absolute; inset: 0; z-index: 50; overflow: hidden; pointer-events: none; }
.egc-wm__grid { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; display: flex; flex-direction: column; justify-content: space-around; transform: rotate(-28deg); }
.egc-wm__line { display: flex; gap: 70px; white-space: nowrap; font: 800 22px/1 Arial, Helvetica, sans-serif; letter-spacing: .04em; color: #1f1f31; }
.egc-wm__line--odd { margin-left: -160px; }
/* Логотип-силуэт: светлый логотип на белом не виден, поэтому затемняем его фильтром. */
.egc-wm__logo { position: absolute; top: 50%; left: 50%; width: 70%; height: auto; filter: brightness(0); transform: translate(-50%, -50%) rotate(-20deg); }

/* Картинка живого отчёта: без рамки карточки, внутри отчёта с логотипом. */
.egc-capture .egc-report--live .egc-lr { padding: 0; border: 0; box-shadow: none; }

/* Узкий блок (колонка темы): три колонки сохраняем, но компактнее. */
@container (max-width: 820px) {
	.egc .egc-fuels,
	.egc .egc-techs { gap: 10px; }
	.egc .egc-fuel { gap: 10px; padding: 12px; border-radius: 14px; }
	.egc .egc-fuel__ico { width: 30px; height: 30px; }
	.egc .egc-fuel__name { font-size: 14px; }
	.egc .egc-fuel__price { padding: 8px 10px; }
	.egc .egc-fuel__price label,
	.egc .egc-ptop label { font-size: 11px; }
	.egc .egc-fuel__price input { height: 38px; padding: 4px 10px; font-size: 17px; }
	.egc .egc-fuel__v { font-size: 22px; }
	.egc .egc-fuel__km { font-size: 14px; }
	.egc .egc-fuel__foot { font-size: 13px; }
	.egc .egc-tile { padding: 12px 14px; border-radius: 14px; }
	.egc .egc-tile__in input { height: 42px; font-size: 17px; }
	.egc .egc-ptitle { padding: 14px 18px; border-radius: 14px; }
	.egc .egc-tech { gap: 10px; padding: 16px; border-radius: 14px; }
	.egc .egc-tech .egc-card__ico { width: 46px; height: 46px; }
	.egc .egc-tech__t { font-size: 16px; }
	.egc .egc-tech__d { font-size: 13px; }
	.egc .egc-tech__sub { align-self: stretch; padding: 7px 4px; font-size: 12px; letter-spacing: -.01em; white-space: nowrap; border-radius: 999px; }
}

/* Совсем узко (телефон): одна колонка. */
@container (max-width: 560px) {
	.egc .egc-es__grid { grid-template-columns: 1fr; }
	.egc .egc-es__grid--tabs { grid-template-rows: none; row-gap: 12px; }
	.egc .egc-es__grid--tabs .egc-es__card { display: flex; grid-row: auto; }
	.egc .egc-es__tab { grid-column: auto; grid-row: auto; margin-top: -12px; }
	/* Вкладка — сразу под своей карточкой. */
	.egc .egc-es__card--d { order: 1; }
	.egc .egc-es__card--b { order: 2; }
	.egc .egc-es__tab--2 { order: 3; }
	.egc .egc-es__card--p { order: 4; }
	.egc .egc-es__tab--3 { order: 5; }
	.egc .egc-es__h { min-height: 0; }
	.egc .egc-lr { padding: 14px 12px; }
	.egc .egc-lr__cmp { grid-template-columns: 1fr; }
	.egc .egc-lr__tiles { grid-template-columns: 1fr 1fr; }
	.egc .egc-lr__big { font-size: 28px; }
	.egc .egc-lr__verdict { flex-wrap: wrap; }
	.egc .egc-lr__vr { width: 100%; text-align: left; }
	.egc .egc-groups { grid-template-columns: 1fr; }
	.egc .egc-panel { padding: 12px; }
	.egc .egc-fuels,
	.egc .egc-techs,
	.egc .egc-ptop { grid-template-columns: 1fr; }
	.egc .egc-fuel__v { font-size: 26px; }
	.egc .egc-tech__sub { align-self: flex-start; padding: 7px 16px; border-radius: 999px; }
}

@media (max-width: 600px) {
	.egc .egc-h { font-size: 19px; }
	.egc .egc-topbar .egc-btn--desk { display: none; }
	.egc .egc-topbar .egc-btn--mob { display: inline-flex; }
	.egc .egc-h--big { font-size: 24px; }
	/* Запасной вариант для браузеров без container queries. */
	.egc .egc-es__grid,
	.egc .egc-lr__cmp,
	.egc .egc-groups,
	.egc .egc-ptop,
	.egc .egc-fuels,
	.egc .egc-techs { grid-template-columns: 1fr; }
	.egc .egc-card { gap: 14px; padding: 14px 16px; }
	.egc .egc-card__ico { flex-basis: 48px; height: 48px; }
	.egc .egc-report { padding: 14px 12px; }
	.egc .egc-report__head { flex-wrap: wrap; }
	.egc .egc-report__meta { text-align: left; }
	.egc .egc-kpi__v { font-size: 21px; }
	.egc .egc-table th,
	.egc .egc-table td { padding: 6px 7px; font-size: 13px; }
}