/* Добавки к CSS старого сайта (/css/a.css не трогаем). */

/* Иконка «Скопировать» рядом с телефоном в подвале (правило AGENTS.md), только со скриптами */
.copy-button {
	display:none;
	position:relative;
	margin:0 0 0 0.35em;
	padding:0;
	border:0;
	background:none;
	color:inherit;
	font-size:inherit;
	line-height:0;
	vertical-align:-0.12em;
	opacity:0.6;
	cursor:pointer;
}
.js .copy-button {
	display:inline-block;
}
.copy-button:hover,
.copy-button:focus-visible {
	opacity:1;
}
.copy-button svg {
	width:1em;
	height:1em;
}
.copy-button.is-copied::after {
	content:'Скопировано';
	position:absolute;
	top:calc(100% + 4px);
	left:50%;
	transform:translateX(-50%);
	padding:3px 6px;
	border-radius:3px;
	background-color:#333;
	color:#fff;
	font:12px/1.3 Arial, sans-serif;
	white-space:nowrap;
	pointer-events:none;
	z-index:3;
}
@media (pointer: coarse) {
	/* Зона нажатия для пальца */
	.copy-button {
		padding:10px;
		margin:-10px -10px -10px -4px;
	}
}

/* Кнопки «Отправить» в формах — span, как на старом сайте; ошибка отправки под кнопкой */
.form-error {
	color:#c4112f;
}

/* Пустой выбор города серым, как подсказки в соседних полях; варианты списка обычным цветом. */
select[name="Город"]:invalid {
  color: #6c757d;
}
select[name="Город"] option {
  color: #212529;
}

/* На главной заголовки и слова выделены тегом <u>: подчёркивание путают со ссылкой (владелец 03.11.2026).
   Ссылок с <u> внутри на сайте нет. */
u {
	text-decoration:none;
}

/* Широкие таблицы прокручиваются внутри колонки.
   Белый фон у конца таблицы закрывает тень, когда справа больше нечего листать. */
.table-responsive {
	width:100%;
	max-width:100%;
	min-width:0;
	overflow-x:auto;
	background:
		linear-gradient(to left, #fff 14px, rgba(255, 255, 255, 0) 32px) right / 32px 100% no-repeat local,
		linear-gradient(to left, rgba(66, 65, 60, 0.18), rgba(66, 65, 60, 0)) right / 14px 100% no-repeat scroll;
}
.table-responsive:focus-visible {
	outline:2px solid #42413c;
	outline-offset:2px;
}

/* Таблицы ЦБ: числа не переносятся. */
.cbr-insurer-heading {
	font-size:1rem;
	line-height:1.2rem;
}
.cbr-table th,
.cbr-table td {
	vertical-align:top;
}
.cbr-table tbody th {
	font-weight:normal;
}
.cbr-number {
	text-align:right;
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
.cbr-companies {
	min-width:880px;
}
.cbr-company-name {
	min-width:150px;
}

/* Фокус в цвете сайта (владелец 12.11.2026). Приоритет поверх старых и scoped-стилей. */
:root {
  --focus-color: #42413c;
  --focus-shadow: rgb(66 65 60 / 20%);
}
:root :is(:focus, :focus-visible) {
  outline-color: var(--focus-color) !important;
}
:root :where(input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select):is(:focus, :focus-visible) {
  outline: none !important;
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 3px var(--focus-shadow) !important;
}
:root input:is([type="checkbox"], [type="radio"]):is(:focus, :focus-visible) {
  outline: 2px solid var(--focus-color) !important;
  outline-offset: 2px;
}
:root :is(a, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]):focus {
  box-shadow: none !important;
}
:root :is(a, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]):focus-visible {
  outline: 2px solid var(--focus-color) !important;
  outline-offset: 3px;
}
:root :is(a, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]):focus:not(:focus-visible) {
  outline: none !important;
}