/* Client login modal — force-hidden until .is-open; never participate in page flow */

.client-login-modal,

.client-login-modal[hidden],

.client-login-modal:not(.is-open) {

	display: none !important;

	visibility: hidden !important;

	pointer-events: none !important;

	position: fixed !important;

	top: 0 !important;

	right: 0 !important;

	bottom: 0 !important;

	left: 0 !important;

	z-index: 200000 !important;

	width: 100% !important;

	height: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden !important;

	background: transparent !important;

	text-align: left;

	box-sizing: border-box;

}



.client-login-modal.is-open {

	display: flex !important;

	visibility: visible !important;

	pointer-events: auto !important;

	align-items: center;

	justify-content: center;

	padding: 1rem !important;

}



.client-login-backdrop {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(18, 38, 58, 0.55);

}



.client-login-dialog {

	position: relative;

	z-index: 1;

	width: 100%;

	max-width: 720px;

	max-height: calc(100vh - 2rem);

	background: #fff;

	border-radius: 0.75rem;

	overflow: hidden;

	box-shadow: 0 1rem 2.5rem rgba(18, 38, 58, 0.25);

	display: flex;

	flex-direction: column;

	margin: 0 auto;

}



.client-login-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 1rem;

	padding: 0.85rem 1rem;

	border-bottom: 1px solid #e5eef0;

	background: #f7fbfb;

}



.client-login-title {

	margin: 0;

	font-family: RobotoR, Verdana, Arial, sans-serif;

	font-size: 1.1rem;

	font-weight: 700;

	color: #12263a;

}



.client-login-close {

	appearance: none;

	-webkit-appearance: none;

	border: 0;

	background: transparent;

	color: #12263a;

	font-size: 1.5rem;

	line-height: 1;

	cursor: pointer;

	padding: 0.15rem 0.35rem;

}



.client-login-close:hover {

	color: #25addb;

}



.client-login-body {

	padding: 0;

	background: #fff;

}



.client-login-frame {

	display: block;

	width: 100%;

	height: 520px;

	max-width: 100%;

	border: 0;

	background: #fff;

}



body.client-login-open {

	overflow: hidden !important;

}



@media (max-width: 767px) {

	.client-login-frame {

		height: 70vh;

		min-height: 420px;

	}

}