/* Подсказка «таблица прокручивается вбок» (см. includes/calc-table-scroll.js). */

.cl-scrollbox { position: relative; }

/* Затенение у правого/левого края — пока есть куда прокручивать. */
.cl-scrollbox::after,
.cl-scrollbox::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 26px;
	pointer-events: none;
	opacity: 0;
	transition: opacity .15s;
}
.cl-scrollbox::after {
	right: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0));
	box-shadow: inset -12px 0 12px -12px rgba(15, 23, 42, .35);
}
.cl-scrollbox::before {
	left: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0));
	box-shadow: inset 12px 0 12px -12px rgba(15, 23, 42, .35);
}
.cl-scrollbox.has-more::after { opacity: 1; }
.cl-scrollbox.has-prev::before { opacity: 1; }

.cl-scrollbox__hint {
	position: absolute;
	right: 6px;
	bottom: 6px;
	display: none;
	align-items: center;
	gap: 5px;
	padding: 3px 8px;
	font: 600 11px/1.2 Arial, sans-serif;
	color: #1d4ed8;
	background: rgba(255, 255, 255, .95);
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	pointer-events: none;
	white-space: nowrap;
}
.cl-scrollbox.show-hint .cl-scrollbox__hint { display: inline-flex; }

@media print {
	.cl-scrollbox__hint { display: none !important; }
	.cl-scrollbox::before, .cl-scrollbox::after { display: none; }
}