/**
 * LatePoint Customer Cabinet — Loading State
 *
 * Shows LatePoint's native spinner (uses the os-loading keyframe already
 * defined in front.css) while the cabinet content is being fetched via AJAX.
 */

.latepoint-customer-cabinet-ajax-w {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.latepoint-customer-cabinet-ajax-w.latepoint-loading {
	position: relative;
	min-height: 120px;
}

.latepoint-customer-cabinet-ajax-w.latepoint-loading::before {
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	border-top: 2px solid #3a3a37;
	border-left: 2px solid #3a3a37;
	border-bottom: 2px solid #3a3a37;
	border-right: 2px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: os-loading 700ms infinite linear;
}

/* Hide the inner markup — the ::before handles the visual */
.latepoint-customer-cabinet-ajax-w.latepoint-loading > * {
	display: none;
}