/* AlliedTechlabs login theme: isolated to /login for safe rollback. */
body.atl-login-page,
body[data-path="/login"],
body[data-path="login"] {
	--login-bg-1: #030704;
	--login-bg-2: #0b140d;
	--login-card: rgba(8, 24, 8, 0.72);
	--login-border: rgba(107, 191, 78, 0.24);
	--login-text: #f8fafc;
	--login-muted: #9fb79a;
	--login-muted-strong: #d7e6db;
	--login-panel-width: 430px;
	--login-logo-width: calc(var(--login-panel-width) * 1.04);
	--login-input: rgba(12, 30, 13, 0.85);
	--login-btn: #8cc63f;
	--login-btn-hover: #a6d85a;

	background:
		radial-gradient(1200px 700px at -8% 0%, rgba(107, 191, 78, 0.2), transparent 58%),
		radial-gradient(900px 500px at 100% 100%, rgba(142, 224, 110, 0.14), transparent 55%),
		linear-gradient(145deg, var(--login-bg-1), var(--login-bg-2)) !important;
	color: var(--login-text);
	position: relative;
	overflow-x: hidden;
}

body.atl-login-page::before,
body[data-path="/login"]::before,
body[data-path="login"]::before {
	content: "";
	position: fixed;
	left: clamp(20px, 6vw, 96px);
	top: 50%;
	transform: translateY(-50%);
	width: var(--login-logo-width);
	min-width: 364px;
	max-width: 468px;
	aspect-ratio: 319 / 108;
	background: url("/assets/alliedtech/images/atllogo.png") left center / contain no-repeat;
	opacity: 0.96;
	pointer-events: none;
	z-index: 0;
}

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

body.atl-login-page .page-content-wrapper,
body[data-path="login"] .page-content-wrapper {
	min-height: 100vh !important;
	padding: 0;
	position: relative;
	z-index: 1;
}

body.atl-login-page main.container.my-4,
body[data-path="login"] main.container.my-4 {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

body.atl-login-page .page_content > div,
body[data-path="login"] .page_content > div {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 36px clamp(18px, 6vw, 120px);
}

body.atl-login-page section.for-login,
body.atl-login-page section.for-email-login,
body.atl-login-page section.for-signup,
body.atl-login-page section.for-forgot,
body.atl-login-page section.for-login-with-email-link,
body[data-path="login"] section.for-login,
body[data-path="login"] section.for-email-login,
body[data-path="login"] section.for-signup,
body[data-path="login"] section.for-forgot,
body[data-path="login"] section.for-login-with-email-link {
	width: min(var(--login-panel-width), 100%);
}

body.atl-login-page .page-card-head,
body[data-path="login"] .page-card-head {
	text-align: left;
	padding: 0 4px 16px;
}

body.atl-login-page .page-card-head .app-logo,
body[data-path="login"] .page-card-head .app-logo {
	display: none;
}

body.atl-login-page .page-card-head::before,
body[data-path="login"] .page-card-head::before {
	display: none;
}

body.atl-login-page .page-card-head h4,
body[data-path="login"] .page-card-head h4 {
	color: var(--login-text);
	font-size: clamp(1.2rem, 2vw, 1.6rem);
	letter-spacing: 0.01em;
	text-align: center;
	width: 100%;
	margin-top: 0.35rem;
}

body.atl-login-page .login-content.page-card,
body[data-path="login"] .login-content.page-card {
	background: var(--login-card) !important;
	border: 1px solid var(--login-border) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 16px;
	box-shadow: 0 22px 40px rgba(2, 6, 23, 0.38);
	padding: 28px 16px;
}

body.atl-login-page .page-card-body,
body.atl-login-page .page-card-actions,
body[data-path="login"] .page-card-body,
body[data-path="login"] .page-card-actions {
	padding-left: 0;
	padding-right: 0;
}

body.atl-login-page .page-card-body input[type="text"],
body.atl-login-page .page-card-body input[type="email"],
body.atl-login-page .page-card-body input[type="password"],
body[data-path="login"] .page-card-body input[type="text"],
body[data-path="login"] .page-card-body input[type="email"],
body[data-path="login"] .page-card-body input[type="password"] {
	background: var(--login-input) !important;
	border: 1px solid transparent !important;
	color: var(--login-text) !important;
	border-radius: 10px;
}

body.atl-login-page .page-card-body input::placeholder,
body[data-path="login"] .page-card-body input::placeholder {
	color: var(--login-muted);
}

body.atl-login-page .page-card-body input:focus,
body[data-path="login"] .page-card-body input:focus {
	border-color: rgba(107, 191, 78, 0.55) !important;
	box-shadow: 0 0 0 3px rgba(107, 191, 78, 0.2) !important;
}

body.atl-login-page .forgot-password-message a,
body.atl-login-page .sign-up-message,
body.atl-login-page .sign-up-message a,
body[data-path="login"] .forgot-password-message a,
body[data-path="login"] .sign-up-message,
body[data-path="login"] .sign-up-message a {
	color: var(--login-muted-strong) !important;
}

body.atl-login-page .page-card .btn.btn-primary,
body[data-path="login"] .page-card .btn.btn-primary {
	background: var(--login-btn) !important;
	border-color: var(--login-btn) !important;
	color: #041006 !important;
	border-radius: 10px;
	font-weight: 600;
}

body.atl-login-page .page-card .btn.btn-primary:hover,
body[data-path="login"] .page-card .btn.btn-primary:hover {
	background: var(--login-btn-hover) !important;
	border-color: var(--login-btn-hover) !important;
}

body.atl-login-page .page-card .btn.btn-default,
body.atl-login-page .page-card .btn-login-option,
body[data-path="login"] .page-card .btn.btn-default,
body[data-path="login"] .page-card .btn-login-option {
	background: rgba(15, 23, 42, 0.42) !important;
	border: 1px solid rgba(148, 163, 184, 0.3) !important;
	color: var(--login-muted-strong) !important;
}

body.atl-login-page .page-card .btn.btn-default:hover,
body.atl-login-page .page-card .btn-login-option:hover,
body[data-path="login"] .page-card .btn.btn-default:hover,
body[data-path="login"] .page-card .btn-login-option:hover {
	background: rgba(30, 41, 59, 0.58) !important;
	border-color: rgba(107, 191, 78, 0.6) !important;
	color: #ffffff !important;
}

body.atl-login-page .social-logins .text-muted,
body.atl-login-page .login-divider,
body[data-path="login"] .social-logins .text-muted,
body[data-path="login"] .login-divider {
	color: var(--login-muted-strong) !important;
}

body.atl-login-page .field-icon,
body.atl-login-page .toggle-password,
body[data-path="login"] .field-icon,
body[data-path="login"] .toggle-password {
	color: var(--login-muted) !important;
}

body.atl-login-page .msgprint-dialog .modal-content,
body[data-path="login"] .msgprint-dialog .modal-content {
	background: #ffffff !important;
}

body.atl-login-page .msgprint-dialog .modal-title,
body.atl-login-page .msgprint-dialog .modal-body,
body.atl-login-page .msgprint-dialog .msgprint,
body.atl-login-page .msgprint-dialog .msgprint *,
body.atl-login-page .msgprint-dialog .modal-body *,
body.atl-login-page .msgprint-dialog .text-muted,
body[data-path="login"] .msgprint-dialog .modal-title,
body[data-path="login"] .msgprint-dialog .modal-body,
body[data-path="login"] .msgprint-dialog .msgprint,
body[data-path="login"] .msgprint-dialog .msgprint *,
body[data-path="login"] .msgprint-dialog .modal-body *,
body[data-path="login"] .msgprint-dialog .text-muted {
	color: #000000 !important;
	opacity: 1 !important;
}

@media (max-width: 991px) {
	body[data-path="/login"]::before,
	body[data-path="login"]::before {
		display: none;
	}

	body.atl-login-page .page_content > div,
	body[data-path="login"] .page_content > div {
		justify-content: center;
		padding: 24px 14px;
	}

	body.atl-login-page .page-card-head,
	body[data-path="login"] .page-card-head {
		text-align: center;
	}
}

body.atl-support-page,
body[data-path="/index"],
body[data-path="index"],
body.atl-raised-tickets-page,
body[data-path="/raised-tickets"],
body[data-path="raised-tickets"],
body.atl-ticket-form-page,
body[data-path="/ticket-web-form"],
body[data-path="ticket-web-form"],
body[data-path^="/ticket-web-form/"],
body[data-path^="ticket-web-form/"],
body[data-path*="ticket-web-form"] {
	background: #0b0f12 !important;
	color: #f8fafc;
}

body.atl-support-page .navbar,
body.atl-support-page .web-footer,
body.atl-support-page footer,
body.atl-raised-tickets-page .navbar,
body.atl-raised-tickets-page .web-footer,
body.atl-raised-tickets-page footer,
body.atl-ticket-form-page .navbar,
body.atl-ticket-form-page .web-footer,
body.atl-ticket-form-page footer,
body[data-path="/index"] .navbar,
body[data-path="/index"] .web-footer,
body[data-path="/index"] footer,
body[data-path="/raised-tickets"] .navbar,
body[data-path="/raised-tickets"] .web-footer,
body[data-path="/raised-tickets"] footer,
body[data-path="/ticket-web-form"] .navbar,
body[data-path="/ticket-web-form"] .web-footer,
body[data-path="/ticket-web-form"] footer,
body[data-path^="/ticket-web-form/"] .navbar,
body[data-path^="/ticket-web-form/"] .web-footer,
body[data-path^="/ticket-web-form/"] footer,
body[data-path^="ticket-web-form/"] .navbar,
body[data-path^="ticket-web-form/"] .web-footer,
body[data-path^="ticket-web-form/"] footer,
body[data-path*="ticket-web-form"] .navbar,
body[data-path*="ticket-web-form"] .web-footer,
body[data-path*="ticket-web-form"] footer,
body.atl-custom-portal-page .web-footer .input-group,
body.atl-custom-portal-page .web-footer .footer-powered,
body.atl-custom-portal-page .web-footer .footer-info {
	display: none !important;
}

body.atl-support-page .page-content-wrapper,
body.atl-support-page main.container.my-4,
body.atl-raised-tickets-page .page-content-wrapper,
body.atl-raised-tickets-page main.container.my-4,
body.atl-ticket-form-page .page-content-wrapper,
body.atl-ticket-form-page main.container.my-4,
body[data-path="/index"] .page-content-wrapper,
body[data-path="/index"] main.container.my-4,
body[data-path="/raised-tickets"] .page-content-wrapper,
body[data-path="/raised-tickets"] main.container.my-4,
body[data-path="/ticket-web-form"] .page-content-wrapper,
body[data-path="/ticket-web-form"] main.container.my-4 {
	max-width: none;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

body[data-path^="/ticket-web-form/"] .page-content-wrapper,
body[data-path^="/ticket-web-form/"] main.container.my-4,
body[data-path^="ticket-web-form/"] .page-content-wrapper,
body[data-path^="ticket-web-form/"] main.container.my-4,
body[data-path*="ticket-web-form"] .page-content-wrapper,
body[data-path*="ticket-web-form"] main.container.my-4 {
	max-width: none;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

body.atl-support-page .page_content,
body.atl-raised-tickets-page .page_content,
body.atl-ticket-form-page .page_content,
body[data-path="/index"] .page_content,
body[data-path="/raised-tickets"] .page_content,
body[data-path="/ticket-web-form"] .page_content {
	min-height: 100vh;
}

body[data-path^="/ticket-web-form/"] .page_content,
body[data-path^="ticket-web-form/"] .page_content,
body[data-path*="ticket-web-form"] .page_content {
	min-height: 100vh;
}

.atl-support-home {
	min-height: 100vh;
	background:
		linear-gradient(135deg, rgba(4, 8, 7, 0.94), rgba(8, 14, 12, 0.76)),
		linear-gradient(118deg, #050806 0%, #102617 44%, #c4dc82 68%, #0d1711 100%);
	overflow: hidden;
}

.atl-support-topbar {
	min-height: 82px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 20px clamp(20px, 5vw, 72px);
	background: rgba(4, 7, 7, 0.84);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(14px);
}

.atl-support-title {
	font-size: clamp(1.25rem, 2.4vw, 2rem);
	font-weight: 700;
	letter-spacing: 0;
	color: #f5f5f2;
}

.atl-support-logo {
	width: min(180px, 34vw);
	height: auto;
	object-fit: contain;
}

.atl-support-stage {
	min-height: calc(100vh - 82px);
	display: grid;
	align-content: center;
	gap: clamp(34px, 5vw, 64px);
	padding: clamp(40px, 7vw, 84px) clamp(18px, 6vw, 86px);
}

.atl-support-hero {
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
}

.atl-support-kicker {
	width: fit-content;
	margin: 0 auto 14px;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.07);
	color: #c9e86c;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.atl-support-hero h1 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.35rem, 5vw, 5.15rem);
	line-height: 1;
	font-weight: 760;
	letter-spacing: 0;
}

.atl-support-hero p {
	max-width: 620px;
	margin: 18px auto 0;
	color: rgba(248, 250, 252, 0.78);
	font-size: clamp(1rem, 1.5vw, 1.16rem);
	line-height: 1.7;
}

.atl-support-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(18px, 3vw, 34px);
	max-width: 1180px;
	margin: 0 auto;
	width: 100%;
}

.atl-support-action {
	position: relative;
	min-height: 230px;
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	align-items: center;
	gap: clamp(18px, 3vw, 34px);
	padding: clamp(28px, 4vw, 44px);
	border-radius: 8px;
	color: #ffffff !important;
	text-decoration: none !important;
	border: 1px solid rgba(255, 255, 255, 0.14);
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.atl-support-action::after {
	content: "";
	position: absolute;
	inset: auto 24px 20px 24px;
	height: 1px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), transparent);
	opacity: 0.52;
}

.atl-support-action:hover {
	transform: translateY(-3px);
	box-shadow: 0 26px 56px rgba(0, 0, 0, 0.34);
	border-color: rgba(255, 255, 255, 0.24);
}

.atl-support-action-new {
	background: linear-gradient(135deg, #8cc63f, #315c24);
}

.atl-support-action-raised {
	background: linear-gradient(135deg, #6fb22f, #153f2c);
}

.atl-support-action-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	background: rgba(255, 255, 255, 0.94);
	font-size: 4.2rem;
	font-weight: 300;
	line-height: 1;
	border-radius: 8px;
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
}

.atl-support-action-new .atl-support-action-icon {
	color: #8cc63f;
}

.atl-support-action-raised .atl-support-action-icon {
	color: #6fb22f;
}

.atl-support-action-icon svg {
	width: 40px;
	height: 40px;
	stroke: currentColor;
	stroke-width: 1.8;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.atl-support-action-copy {
	display: grid;
	gap: 8px;
	position: relative;
	z-index: 1;
}

.atl-support-action-copy span {
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	color: rgba(255, 255, 255, 0.78);
}

.atl-support-action-copy strong {
	font-size: clamp(2rem, 3.5vw, 3.4rem);
	line-height: 1.02;
	font-weight: 700;
	letter-spacing: 0;
}

.atl-support-action-copy small {
	width: fit-content;
	margin-top: 14px;
	padding: 10px 18px;
	background: rgba(255, 255, 255, 0.92);
	color: #0f172a;
	font-size: 0.88rem;
	font-weight: 700;
	border-radius: 999px;
}

.atl-ticket-list-page {
	min-height: 100vh;
	padding: clamp(24px, 5vw, 64px);
	background:
		linear-gradient(rgba(6, 10, 13, 0.82), rgba(6, 10, 13, 0.9)),
		linear-gradient(135deg, #102416, #0b0f12 52%, #17351e);
}

.atl-ticket-list-header {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	max-width: 1180px;
	margin: 0 auto 28px;
}

.atl-ticket-list-header p {
	margin: 0 0 4px;
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.92rem;
}

.atl-ticket-list-header h1 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(1.8rem, 4vw, 3rem);
	letter-spacing: 0;
}

.atl-ticket-back,
.atl-ticket-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border-radius: 8px;
	text-decoration: none !important;
}

.atl-ticket-back {
	width: 44px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.atl-ticket-back svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.atl-ticket-new {
	padding: 0 22px;
	background: #8cc63f;
	color: #ffffff !important;
	font-weight: 700;
}

.atl-ticket-list-summary,
.atl-ticket-table-wrap,
.atl-ticket-empty {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.atl-ticket-list-summary {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 18px;
	color: rgba(226, 232, 240, 0.78);
}

.atl-ticket-list-summary strong {
	color: #ffffff;
	font-size: 2rem;
}

.atl-ticket-table-wrap {
	overflow-x: auto;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: rgba(9, 14, 18, 0.86);
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);
}

.atl-ticket-table {
	width: 100%;
	min-width: 1240px;
	border-collapse: collapse;
	table-layout: fixed;
	color: #e5e7eb;
}

.atl-ticket-col-id {
	width: 10%;
}

.atl-ticket-col-subject {
	width: 14%;
}

.atl-ticket-col-description {
	width: 26%;
}

.atl-ticket-col-type {
	width: 11%;
}

.atl-ticket-col-raised-by {
	width: 11%;
}

.atl-ticket-col-raised-on {
	width: 10%;
}

.atl-ticket-col-expected-delivery {
	width: 12%;
}

.atl-ticket-col-status {
	width: 6%;
}

.atl-ticket-table th,
.atl-ticket-table td {
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.atl-ticket-table th {
	color: rgba(226, 232, 240, 0.68);
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0;
}

.atl-ticket-sort {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	text-transform: inherit;
	cursor: pointer;
}

.atl-ticket-sort::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid rgba(226, 232, 240, 0.42);
	border-bottom: 5px solid rgba(226, 232, 240, 0.42);
}

.atl-ticket-sort[aria-sort="ascending"]::after {
	border-top: 0;
	border-bottom-color: #a8d65f;
}

.atl-ticket-sort[aria-sort="descending"]::after {
	border-bottom: 0;
	border-top-color: #a8d65f;
}

.atl-ticket-filter-row th {
	padding-top: 0;
}

.atl-ticket-filter-row input {
	width: 100%;
	min-height: 34px;
	padding: 7px 9px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.06);
	color: #f8fafc;
	font-size: 0.82rem;
	outline: none;
}

.atl-ticket-filter-row input:focus {
	border-color: rgba(168, 214, 95, 0.7);
	box-shadow: 0 0 0 3px rgba(168, 214, 95, 0.12);
}

.atl-ticket-description {
	line-height: 1.55;
	white-space: normal;
}

.atl-ticket-table a {
	color: #a8d65f !important;
	font-weight: 700;
}

.atl-ticket-status {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(140, 198, 63, 0.18);
	color: #d8f7a0;
	font-size: 0.82rem;
	font-weight: 700;
}

.atl-ticket-no-results {
	padding: 22px;
	color: rgba(226, 232, 240, 0.72);
	text-align: center;
}

.atl-ticket-empty {
	display: grid;
	justify-items: center;
	gap: 18px;
	padding: 72px 24px;
	border: 1px dashed rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: rgba(9, 14, 18, 0.56);
}

.atl-ticket-empty h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(1.4rem, 3vw, 2rem);
}

body.atl-ticket-form-page,
body[data-path="/ticket-web-form"],
body[data-path="ticket-web-form"],
body[data-path^="/ticket-web-form/"],
body[data-path^="ticket-web-form/"],
body[data-path*="ticket-web-form"] {
	--atl-portal-bg: #070b0f;
	--atl-portal-panel: rgba(8, 13, 17, 0.92);
	--atl-portal-panel-soft: rgba(15, 23, 32, 0.94);
	--atl-portal-border: rgba(148, 163, 184, 0.2);
	--atl-portal-text: #f8fafc;
	--atl-portal-muted: rgba(226, 232, 240, 0.72);
	background:
		linear-gradient(rgba(5, 9, 12, 0.9), rgba(5, 9, 12, 0.92)),
		linear-gradient(135deg, #102416, #0b0f12 54%, #17351e) !important;
	color: var(--atl-portal-text) !important;
	color-scheme: dark;
}

body.atl-ticket-form-page .page_content,
body.atl-ticket-form-page .page-content-wrapper,
body.atl-ticket-form-page main,
body.atl-ticket-form-page .web-form-page,
body[data-path^="/ticket-web-form"] .page_content,
body[data-path^="/ticket-web-form"] .page-content-wrapper,
body[data-path^="/ticket-web-form"] main,
body[data-path^="/ticket-web-form"] .web-form-page,
body[data-path^="ticket-web-form"] .page_content,
body[data-path^="ticket-web-form"] .page-content-wrapper,
body[data-path^="ticket-web-form"] main,
body[data-path^="ticket-web-form"] .web-form-page {
	background: transparent !important;
	color: #f8fafc !important;
}

body.atl-ticket-form-page .navbar,
body.atl-ticket-form-page .web-footer,
body.atl-ticket-form-page footer,
body[data-path*="ticket-web-form"] .navbar,
body[data-path*="ticket-web-form"] .web-footer,
body[data-path*="ticket-web-form"] footer {
	display: none !important;
}

body.atl-ticket-form-page .web-form-container,
body.atl-ticket-form-page .web-form-wrapper,
body.atl-ticket-form-page .web-form,
body.atl-ticket-form-page .page-card,
body[data-path="/ticket-web-form"] .web-form-container,
body[data-path="/ticket-web-form"] .web-form-wrapper,
body[data-path="/ticket-web-form"] .web-form,
body[data-path="/ticket-web-form"] .page-card,
body[data-path^="/ticket-web-form/"] .web-form-container,
body[data-path^="/ticket-web-form/"] .web-form-wrapper,
body[data-path^="/ticket-web-form/"] .web-form,
body[data-path^="/ticket-web-form/"] .page-card,
body[data-path^="ticket-web-form/"] .web-form-container,
body[data-path^="ticket-web-form/"] .web-form-wrapper,
body[data-path^="ticket-web-form/"] .web-form,
body[data-path^="ticket-web-form/"] .page-card,
body[data-path*="ticket-web-form"] .web-form-container,
body[data-path*="ticket-web-form"] .web-form-wrapper,
body[data-path*="ticket-web-form"] .web-form,
body[data-path*="ticket-web-form"] .page-card {
	background: var(--atl-portal-panel) !important;
	color: #f8fafc !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px;
}

body.atl-ticket-form-page .web-form-container,
body[data-path="/ticket-web-form"] .web-form-container,
body[data-path^="/ticket-web-form/"] .web-form-container,
body[data-path^="ticket-web-form/"] .web-form-container,
body[data-path*="ticket-web-form"] .web-form-container {
	max-width: 980px;
	margin: 48px auto;
	padding: clamp(22px, 4vw, 42px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

body.atl-ticket-form-page h1,
body.atl-ticket-form-page h2,
body.atl-ticket-form-page h3,
body.atl-ticket-form-page label,
body.atl-ticket-form-page .control-label,
body.atl-ticket-form-page .web-form-title,
body[data-path="/ticket-web-form"] h1,
body[data-path="/ticket-web-form"] h2,
body[data-path="/ticket-web-form"] h3,
body[data-path="/ticket-web-form"] label,
body[data-path="/ticket-web-form"] .control-label,
body[data-path="/ticket-web-form"] .web-form-title,
body[data-path^="/ticket-web-form/"] h1,
body[data-path^="/ticket-web-form/"] h2,
body[data-path^="/ticket-web-form/"] h3,
body[data-path^="/ticket-web-form/"] label,
body[data-path^="/ticket-web-form/"] .control-label,
body[data-path^="/ticket-web-form/"] .web-form-title,
body[data-path^="ticket-web-form/"] h1,
body[data-path^="ticket-web-form/"] h2,
body[data-path^="ticket-web-form/"] h3,
body[data-path^="ticket-web-form/"] label,
body[data-path^="ticket-web-form/"] .control-label,
body[data-path^="ticket-web-form/"] .web-form-title,
body[data-path*="ticket-web-form"] h1,
body[data-path*="ticket-web-form"] h2,
body[data-path*="ticket-web-form"] h3,
body[data-path*="ticket-web-form"] label,
body[data-path*="ticket-web-form"] .control-label,
body[data-path*="ticket-web-form"] .web-form-title {
	color: #f8fafc !important;
}

body.atl-ticket-form-page .text-muted,
body.atl-ticket-form-page .help-box,
body.atl-ticket-form-page .web-form-introduction,
body[data-path="/ticket-web-form"] .text-muted,
body[data-path="/ticket-web-form"] .help-box,
body[data-path="/ticket-web-form"] .web-form-introduction,
body[data-path^="/ticket-web-form/"] .text-muted,
body[data-path^="/ticket-web-form/"] .help-box,
body[data-path^="/ticket-web-form/"] .web-form-introduction,
body[data-path^="ticket-web-form/"] .text-muted,
body[data-path^="ticket-web-form/"] .help-box,
body[data-path^="ticket-web-form/"] .web-form-introduction,
body[data-path*="ticket-web-form"] .text-muted,
body[data-path*="ticket-web-form"] .help-box,
body[data-path*="ticket-web-form"] .web-form-introduction,
body[data-path*="ticket-web-form"] .breadcrumb,
body[data-path*="ticket-web-form"] .breadcrumb a {
	color: rgba(226, 232, 240, 0.72) !important;
}

body.atl-ticket-form-page .form-control,
body.atl-ticket-form-page .input-with-feedback,
body.atl-ticket-form-page select,
body.atl-ticket-form-page textarea,
body[data-path="/ticket-web-form"] .form-control,
body[data-path="/ticket-web-form"] .input-with-feedback,
body[data-path="/ticket-web-form"] select,
body[data-path="/ticket-web-form"] textarea,
body[data-path^="/ticket-web-form/"] .form-control,
body[data-path^="/ticket-web-form/"] .input-with-feedback,
body[data-path^="/ticket-web-form/"] select,
body[data-path^="/ticket-web-form/"] textarea,
body[data-path^="ticket-web-form/"] .form-control,
body[data-path^="ticket-web-form/"] .input-with-feedback,
body[data-path^="ticket-web-form/"] select,
body[data-path^="ticket-web-form/"] textarea,
body[data-path*="ticket-web-form"] .form-control,
body[data-path*="ticket-web-form"] .input-with-feedback,
body[data-path*="ticket-web-form"] select,
body[data-path*="ticket-web-form"] textarea {
	background: var(--atl-portal-panel-soft) !important;
	border-color: var(--atl-portal-border) !important;
	color: #f8fafc !important;
	border-radius: 8px;
}

body.atl-ticket-form-page .form-control:focus,
body.atl-ticket-form-page textarea:focus,
body[data-path="/ticket-web-form"] .form-control:focus,
body[data-path="/ticket-web-form"] textarea:focus,
body[data-path^="/ticket-web-form/"] .form-control:focus,
body[data-path^="/ticket-web-form/"] textarea:focus,
body[data-path^="ticket-web-form/"] .form-control:focus,
body[data-path^="ticket-web-form/"] textarea:focus,
body[data-path*="ticket-web-form"] .form-control:focus,
body[data-path*="ticket-web-form"] textarea:focus {
	border-color: rgba(140, 198, 63, 0.78) !important;
	box-shadow: 0 0 0 3px rgba(140, 198, 63, 0.18) !important;
}

body.atl-ticket-form-page .btn-primary,
body[data-path="/ticket-web-form"] .btn-primary,
body[data-path^="/ticket-web-form/"] .btn-primary,
body[data-path^="ticket-web-form/"] .btn-primary,
body[data-path*="ticket-web-form"] .btn-primary {
	background: #8cc63f !important;
	border-color: #8cc63f !important;
	color: #ffffff !important;
	border-radius: 8px;
	font-weight: 700;
}

body.atl-ticket-form-page .grid-heading-row,
body.atl-ticket-form-page .grid-row,
body.atl-ticket-form-page .grid-body,
body.atl-ticket-form-page .grid-empty,
body[data-path="/ticket-web-form"] .grid-heading-row,
body[data-path="/ticket-web-form"] .grid-row,
body[data-path="/ticket-web-form"] .grid-body,
body[data-path="/ticket-web-form"] .grid-empty,
body[data-path^="/ticket-web-form/"] .grid-heading-row,
body[data-path^="/ticket-web-form/"] .grid-row,
body[data-path^="/ticket-web-form/"] .grid-body,
body[data-path^="/ticket-web-form/"] .grid-empty,
body[data-path^="ticket-web-form/"] .grid-heading-row,
body[data-path^="ticket-web-form/"] .grid-row,
body[data-path^="ticket-web-form/"] .grid-body,
body[data-path^="ticket-web-form/"] .grid-empty,
body[data-path*="ticket-web-form"] .grid-heading-row,
body[data-path*="ticket-web-form"] .grid-row,
body[data-path*="ticket-web-form"] .grid-body,
body[data-path*="ticket-web-form"] .grid-empty {
	background: rgba(15, 23, 32, 0.86) !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	color: #f8fafc !important;
}

body[data-path*="ticket-web-form"] .grid-static-col,
body[data-path*="ticket-web-form"] .row-index,
body[data-path*="ticket-web-form"] .data-row,
body[data-path*="ticket-web-form"] .grid-row > .row,
body[data-path*="ticket-web-form"] .grid-heading-row .grid-static-col {
	background: rgba(15, 23, 32, 0.86) !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	color: #f8fafc !important;
}

body[data-path*="ticket-web-form"] .btn-default,
body[data-path*="ticket-web-form"] .btn-secondary {
	background: rgba(226, 232, 240, 0.08) !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	color: #f8fafc !important;
}

body[data-path*="ticket-web-form"] .web-form-actions {
	background: transparent !important;
}

body.atl-ticket-form-page .success-page,
body[data-path="/ticket-web-form"] .success-page,
body[data-path^="/ticket-web-form/"] .success-page,
body[data-path^="ticket-web-form/"] .success-page,
body[data-path*="ticket-web-form"] .success-page {
	width: min(760px, calc(100% - 32px));
	margin: 72px auto;
	padding: clamp(28px, 5vw, 48px);
	background: var(--atl-portal-panel) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
	color: #f8fafc !important;
	text-align: center;
}

body.atl-ticket-form-page .success-header,
body.atl-ticket-form-page .success-body,
body.atl-ticket-form-page .success-footer,
body[data-path*="ticket-web-form"] .success-header,
body[data-path*="ticket-web-form"] .success-body,
body[data-path*="ticket-web-form"] .success-footer {
	background: transparent !important;
	color: #f8fafc !important;
}

body.atl-ticket-form-page .success-title,
body.atl-ticket-form-page .success-message,
body.atl-ticket-form-page .success_url_message,
body.atl-ticket-form-page .success_url_message p,
body[data-path*="ticket-web-form"] .success-title,
body[data-path*="ticket-web-form"] .success-message,
body[data-path*="ticket-web-form"] .success_url_message,
body[data-path*="ticket-web-form"] .success_url_message p {
	color: #f8fafc !important;
}

body.atl-ticket-form-page .success-message,
body.atl-ticket-form-page .success_url_message,
body[data-path*="ticket-web-form"] .success-message,
body[data-path*="ticket-web-form"] .success_url_message {
	color: rgba(226, 232, 240, 0.78) !important;
}

body.atl-ticket-form-page .success-page a,
body[data-path*="ticket-web-form"] .success-page a {
	color: #a6d85a !important;
	font-weight: 700;
}

body.atl-ticket-form-page .success-icon,
body[data-path*="ticket-web-form"] .success-icon {
	color: #8cc63f !important;
	fill: #8cc63f !important;
}

body.atl-ticket-form-page .success-page .btn,
body[data-path*="ticket-web-form"] .success-page .btn {
	background: rgba(226, 232, 240, 0.08) !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	color: #f8fafc !important;
}

body[data-path*="ticket-web-form"] #footer-subscribe-email,
body[data-path*="ticket-web-form"] #footer-subscribe-button,
body[data-path*="ticket-web-form"] .footer-powered,
body[data-path*="ticket-web-form"] .footer-info {
	display: none !important;
}

@media (max-width: 760px) {
	.atl-support-stage {
		min-height: auto;
		padding-top: 34px;
	}

	.atl-support-actions {
		grid-template-columns: 1fr;
	}

	.atl-support-action {
		min-height: 190px;
		grid-template-columns: 64px minmax(0, 1fr);
		padding: 24px;
	}

	.atl-support-action-icon {
		width: 62px;
		height: 62px;
		font-size: 3.4rem;
	}

	.atl-support-action-icon svg {
		width: 34px;
		height: 34px;
	}

	.atl-ticket-list-header {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.atl-ticket-list-header .atl-ticket-new {
		grid-column: 1 / -1;
		width: 100%;
	}
}