/* Adala chamber identity — ERPNext login + website chrome */
:root {
	--adala-ink: #071318;
	--adala-chamber: #0c222c;
	--adala-chamber-mid: #14323e;
	--adala-brass: #b08d3a;
	--adala-brass-bright: #c4a35a;
	--adala-mist: #d7e2e8;
	--adala-mist-dim: #a8b8c2;
}

/* Kill white page chrome that clips the chamber background */
html:has(body[data-path="login"]),
body[data-path="login"] {
	background: #050d11 !important;
	min-height: 100% !important;
	height: 100% !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

html:has(body[data-path="login"]) {
	background: #050d11 !important;
}

body[data-path="login"] .navbar,
body[data-path="login"] .web-footer,
body[data-path="login"] footer.web-footer,
.for-login .navbar,
.for-forgot .navbar,
.for-signup .navbar {
	display: none !important;
}

body[data-path="login"] #page-login,
body[data-path="login"] .page-content-wrapper,
body[data-path="login"] main,
body[data-path="login"] main.container,
body[data-path="login"] .page-breadcrumbs,
body[data-path="login"] .page-header-wrapper {
	background: transparent !important;
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

body[data-path="login"] .page_content {
	background: transparent !important;
	min-height: 100vh !important;
	padding: 0 !important;
	margin: 0 !important;
}

.for-login,
.for-forgot,
.for-signup,
.for-login-with-email-link {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	background:
		url("/assets/law_firm/images/login-splash.svg") center / cover no-repeat,
		radial-gradient(ellipse 80% 50% at 50% -10%, rgba(196, 163, 90, 0.14), transparent 55%),
		linear-gradient(165deg, #050d11 0%, var(--adala-chamber) 42%, #0a1a22 100%) !important;
}

/* Do not force display on secondary panels — Frappe hides them with inline display:none.
   Forcing display:flex !important was stacking three full-viewport panels and clipping. */
.for-login {
	min-height: 100vh !important;
	min-height: 100dvh !important;
	padding: 2rem 1rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.for-forgot,
.for-signup,
.for-login-with-email-link {
	padding: 2rem 1rem;
}

/* When Frappe shows a secondary panel (inline display:block/flex), fill the viewport */
.for-forgot[style*="block"],
.for-forgot[style*="flex"],
.for-signup[style*="block"],
.for-signup[style*="flex"],
.for-login-with-email-link[style*="block"],
.for-login-with-email-link[style*="flex"] {
	min-height: 100vh !important;
	min-height: 100dvh !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.for-login .page-card,
.for-forgot .page-card,
.for-signup .page-card {
	background: rgba(20, 50, 62, 0.94) !important;
	border: 1px solid rgba(196, 163, 90, 0.35) !important;
	border-radius: 16px !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
	color: var(--adala-mist) !important;
	backdrop-filter: blur(8px);
	width: min(420px, 100%) !important;
	margin: 0 auto !important;
}

.for-login .page-card-head,
.for-forgot .page-card-head,
.for-signup .page-card-head {
	border-bottom-color: rgba(196, 163, 90, 0.25) !important;
}

.for-login .page-card-head h4,
.for-forgot .page-card-head h4,
.for-signup .page-card-head h4,
.for-login .sign-up-message,
.for-login .forgot-password-message,
.for-login .page-card .btn-forgot,
.for-login a {
	color: var(--adala-brass-bright) !important;
}

.for-login .page-card-subtitle,
.for-forgot .page-card-subtitle,
.for-signup .page-card-subtitle,
.for-login .page-card label,
.for-forgot .page-card label,
.for-signup .page-card label,
.for-login .page-card .form-group label,
.for-login .page-card .control-label,
.for-login .page-card p,
.for-login .page-card .text-muted,
.for-login .page-card .help-box,
.for-login .page-card .field-info {
	color: var(--adala-mist-dim) !important;
}

.for-login .page-card .form-control,
.for-forgot .page-card .form-control,
.for-signup .page-card .form-control,
.for-login .page-card input,
.for-login .page-card .input-with-icon {
	background: rgba(7, 19, 24, 0.7) !important;
	border: 1px solid rgba(196, 163, 90, 0.35) !important;
	color: #f2f6f8 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.for-login .page-card .form-control::placeholder,
.for-login .page-card input::placeholder {
	color: rgba(168, 184, 194, 0.75) !important;
	opacity: 1 !important;
}

.for-login .page-card .form-control:focus,
.for-login .page-card input:focus {
	border-color: var(--adala-brass-bright) !important;
	box-shadow: 0 0 0 3px rgba(176, 141, 58, 0.25) !important;
	outline: none !important;
}

.for-login .page-card .btn-primary,
.for-forgot .page-card .btn-primary,
.for-signup .page-card .btn-primary,
.for-login .page-card .btn-login {
	background: var(--adala-brass) !important;
	border-color: var(--adala-brass) !important;
	color: var(--adala-ink) !important;
	font-weight: 600;
	border-radius: 10px !important;
}

.for-login .page-card .btn-primary:hover,
.for-forgot .page-card .btn-primary:hover,
.for-login .page-card .btn-login:hover {
	background: var(--adala-brass-bright) !important;
	border-color: var(--adala-brass-bright) !important;
}

.for-login .page-card .btn-login-with-email-link {
	background: transparent !important;
	border: 1px solid rgba(196, 163, 90, 0.45) !important;
	color: var(--adala-brass-bright) !important;
	border-radius: 10px !important;
}

.for-login .app-logo,
.for-forgot .app-logo,
.for-signup .app-logo {
	max-height: 72px !important;
	width: auto !important;
	filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.35));
}

.for-login .page-card .input-with-icon svg,
.for-login .page-card .toggle-password,
.for-login .page-card .field-icon {
	color: var(--adala-brass-bright) !important;
	opacity: 0.9;
}

.navbar .app-logo,
.navbar-brand img.app-logo,
header .navbar img[src*="law-firm-logo"],
header .navbar img[src*="favicon"] {
	max-height: 28px;
	width: auto;
}