/* Единый показ чертежей: подсказка «Увеличить» и полноэкранный просмотр
   с зумом/панорамированием (см. includes/calc-figure.js). */

.cl-fig-zoomable { cursor: zoom-in; }

/* ---------- плавающая кнопка «Увеличить» ---------- */

.cl-fig-hint {
	position: fixed;
	z-index: 9998;
	display: none;
	align-items: center;
	gap: .35rem;
	padding: .3rem .6rem;
	font: 600 12px/1 Arial, sans-serif;
	color: #1d4ed8;
	background: rgba(255, 255, 255, .93);
	border: 1px solid #bfdbfe;
	border-radius: .5rem;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .12);
	cursor: zoom-in;
	pointer-events: auto;
}
.cl-fig-hint.is-on { display: inline-flex; }
.cl-fig-hint:hover { background: #eff6ff; border-color: #60a5fa; }
.cl-fig-hint-ico { font-size: 14px; line-height: 1; }

@media (max-width: 640px) {
	.cl-fig-hint { padding: .4rem .7rem; font-size: 13px; }
}

/* ---------- полноэкранный просмотр ---------- */

html.cl-fig-lock, html.cl-fig-lock body { overflow: hidden; }

.cl-fig-lb {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	flex-direction: column;
	background: #0f172a;
	background: rgba(15, 23, 42, .96);
	font-family: Arial, Helvetica, sans-serif;
}
.cl-fig-lb.is-on { display: flex; }

.cl-fig-lb-bar {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .55rem .75rem;
	background: rgba(15, 23, 42, .9);
	border-bottom: 1px solid rgba(148, 163, 184, .25);
}
.cl-fig-lb-title {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14px;
	font-weight: 600;
	color: #e2e8f0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cl-fig-lb-tools { flex: none; display: flex; align-items: center; gap: .35rem; }

.cl-fig-lb-btn {
	min-width: 2.2rem;
	height: 2.2rem;
	padding: 0 .6rem;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #e2e8f0;
	background: rgba(148, 163, 184, .18);
	border: 1px solid rgba(148, 163, 184, .3);
	border-radius: .45rem;
	cursor: pointer;
}
.cl-fig-lb-btn:hover { background: rgba(148, 163, 184, .32); }
.cl-fig-lb-fit { font-size: 12px; }
.cl-fig-lb-close { background: rgba(239, 68, 68, .25); border-color: rgba(239, 68, 68, .45); }
.cl-fig-lb-close:hover { background: rgba(239, 68, 68, .45); }
.cl-fig-lb-zoom {
	min-width: 3.2rem;
	text-align: center;
	font-size: 12px;
	color: #94a3b8;
}

.cl-fig-lb-stage {
	flex: 1 1 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	touch-action: none;
	cursor: grab;
}
.cl-fig-lb-stage:active { cursor: grabbing; }

.cl-fig-lb-move {
	transform-origin: 50% 50%;
	will-change: transform;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
}
.cl-fig-lb-move > * { display: block; }

.cl-fig-lb-tip {
	flex: none;
	display: none;
	padding: .5rem;
	text-align: center;
	font-size: 12px;
	color: #94a3b8;
}
@media (hover: none) {
	.cl-fig-lb-tip { display: block; }
}

@media print {
	.cl-fig-hint, .cl-fig-lb { display: none !important; }
}