/**
 * TripFusion — Microsoft Edge / legacy browser fallbacks for new UI.
 * Load after tripfusion-est-ui.css or tripfusion-admin.css.
 */

/* Estimation new UI — core shell when custom properties are unsupported or partial */
.estimation-list-page,
.estimation-main-page,
.estimation-passenger-page,
.estimation-quotation-page,
.estimation-invoice-page,
.estimation-accommodation-page,
.estimation-transport-page,
.estimation-advanced-page {
	font-family: "Plus Jakarta Sans", "Segoe UI", Tahoma, sans-serif;
	color: #0f172a;
}

.estimation-list-page .est-list-shell,
.estimation-main-page .est-main-shell,
.estimation-passenger-page .est-passenger-shell {
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.estimation-list-page .est-list-accent,
.estimation-main-page .est-main-accent {
	background: #1d4ed8;
	background: linear-gradient(90deg, #1d4ed8 0%, #3b82f6 45%, #0ea5e9 100%);
}

/* Login / admin — clamp/min/backdrop fallbacks */
.tf-login-page {
	font-family: "Plus Jakarta Sans", "Segoe UI", Tahoma, sans-serif;
}

.tf-login-shell {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tf-login-hero,
.tf-login-form,
.login-wrap {
	min-width: 0;
}

@supports not (backdrop-filter: blur(1px)) {
	.tf-login-card-body,
	.tf-login-hero__mesh,
	.tf-topbar {
		background-color: #0f172a;
	}

	.tf-login-card-body {
		background-color: #ffffff;
	}
}

/* Flex gap fallbacks for common toolbars */
.est-list-toolbar,
.est-main-toolbar,
.est-passenger-toolbar,
.tf-login-form .d-flex.gap-2 {
	margin: -4px;
}

.est-list-toolbar > *,
.est-main-toolbar > *,
.est-passenger-toolbar > *,
.tf-login-form .d-flex.gap-2 > * {
	margin: 4px;
}