/* ============================================================
   MEA Component Library
   Production-ready component styles derived from prototypes.
   Import tokens.css before this file.
   ============================================================ */

/* ── RESET ── */
@layer reset {

	*,
	*::before,
	*::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: transparent;
	}
}

/* Everything below is the legacy component surface, assigned to the
   reserved `legacy` cascade layer (declared in frontend/app/00-layers.css)
   so the migrated @layer layout/design/theme rules can win as designed.
   Wrapped 2026-06-09 (design-fidelity pass; see RECONCILIATION-2026-06-09). */
@layer legacy {

	/* ── Screen reader only (WCAG utility) ── */
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	/* ══════════════════════════════════════════════════════════════
   SHARED COMPONENTS (used across citizen, dashboard, officer)
   ══════════════════════════════════════════════════════════════ */

	/* ── Logo wordmark ── */
	.mea-wordmark {
		display: flex;
		align-items: baseline;
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-black);
		letter-spacing: var(--mea-ls-tight);
		line-height: 1;
		user-select: none;
	}

	.mea-wordmark .mea-me {
		color: var(--mea-logo-blue);
	}

	.mea-wordmark .mea-a {
		background: var(--mea-logo-grad);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	.mea-wordmark--sm {
		font-size: 22px;
	}

	.mea-wordmark--md {
		font-size: 28px;
	}

	.mea-wordmark--lg {
		font-size: 42px;
	}

	/* ── Avatar ── */
	.mea-avatar {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--mea-radius-circle);
		font-weight: var(--mea-w-bold);
		color: var(--mea-white);
		flex-shrink: 0;
		overflow: hidden;
	}

	.mea-avatar--sm {
		width: 34px;
		height: 34px;
		font-size: 13px;
	}

	.mea-avatar--md {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.mea-avatar--lg {
		width: 72px;
		height: 72px;
		font-size: 28px;
	}

	.mea-avatar img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* ── Badge / Pill ── */
	.mea-badge {
		display: inline-flex;
		align-items: center;
		padding: 2px 8px;
		border-radius: 10px;
		font-size: var(--mea-text-xs);
		font-weight: var(--mea-w-bold);
		white-space: nowrap;
	}

	.mea-badge--blue {
		background: var(--mea-baby-blue);
		color: var(--mea-navy);
	}

	.mea-badge--green {
		background: var(--mea-green);
		color: var(--mea-white);
	}

	.mea-badge--amber {
		background: var(--mea-amber);
		color: var(--mea-white);
	}

	.mea-badge--red {
		background: var(--mea-red);
		color: var(--mea-white);
	}

	/* ── Status dot ── */
	.mea-dot {
		width: 8px;
		height: 8px;
		border-radius: var(--mea-radius-circle);
		flex-shrink: 0;
	}

	.mea-dot--active {
		background: var(--mea-green);
	}

	.mea-dot--inactive {
		background: var(--mea-cg-3);
	}

	.mea-dot--alert {
		background: var(--mea-red);
	}

	/* ── Progress bar ── */
	.mea-progress {
		height: 6px;
		border-radius: 4px;
		overflow: hidden;
	}

	.mea-progress--dark {
		background: rgba(255, 255, 255, 0.12);
	}

	.mea-progress--light {
		background: var(--mea-gray-200);
	}

	.mea-progress__fill {
		height: 100%;
		border-radius: 3px;
		background: var(--mea-blue-bright);
		transition: width var(--mea-dur-smooth) var(--mea-ease-default);
	}

	fieldset {
		border: none;
	}

	input[type="radio"] {
		accent-color: var(--t-accent);
	}

	.wizard {

		& > input[type="radio"][name="wizard-step-state"]:not(:checked) + .wizard-step {
			display: none;
		}

		& > .wizard-step {
			& fieldset:invalid~.wizard-nav .next,
			& input:invalid~.wizard-nav .next {
				pointer-events: none;
				opacity: 40%;
			}
		}

	}


	/* ══════════════════════════════════════════════════════════════
   CITIZEN APP (mobile PWA) COMPONENTS
   Max width: 430px. Dark-to-light theming.
   ══════════════════════════════════════════════════════════════ */

	/* Citizen mobile shell (.ctz-*) removed — prototype shells, 0 references; superseded by the layered app/ pages. */


	/* ══════════════════════════════════════════════════════════════
   DASHBOARD (web, desktop-first, 1440px design width)
   ══════════════════════════════════════════════════════════════ */

	/* ── Shell layout ── */
	.dash-shell {
		display: flex;
		height: 100vh;
		overflow: hidden;
	}

	/* ── Sidebar ── */
	.dash-sidebar {
		width: var(--mea-sidebar-w);
		flex-shrink: 0;
		background: var(--mea-surface-sidebar);
		color: var(--mea-white);
		display: flex;
		flex-direction: column;
		overflow: hidden;
		position: relative;
	}

	.dash-sidebar::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 120px;
		background: var(--mea-grad-sidebar);
		pointer-events: none;
	}

	.dash-sidebar__logo {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 20px 20px 16px;
		border-bottom: 1px solid rgba(130, 203, 245, 0.12);
		position: relative;
	}

	.dash-sidebar__section-label {
		font-size: var(--mea-desk-xs);
		font-weight: var(--mea-w-semibold);
		letter-spacing: var(--mea-ls-caps);
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.6);
		/* 0.3 failed WCAG (2.68:1 on navy); 0.6 ~= 6.7:1 */
		padding: 20px 20px 6px;
	}

	/* ── Nav item ── */
	.dash-nav-item {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 9px 20px;
		cursor: pointer;
		font-size: var(--mea-desk-md);
		font-weight: var(--mea-w-medium);
		color: rgba(255, 255, 255, 0.6);
		border-left: 3px solid transparent;
		transition: all var(--mea-dur-normal);
	}

	.dash-nav-item:hover {
		color: var(--mea-white);
		background: rgba(255, 255, 255, 0.05);
	}

	.dash-nav-item.is-active {
		color: var(--mea-white);
		background: rgba(130, 203, 245, 0.12);
		border-left-color: var(--mea-baby-blue);
	}

	/* ── Main area ── */
	.dash-main {
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		min-width: 0;
	}

	/* ── Top bar ── */
	.dash-topbar {
		height: var(--mea-header-h);
		flex-shrink: 0;
		background: var(--mea-surface-card);
		border-bottom: 1px solid var(--mea-gray-200);
		display: flex;
		align-items: center;
		padding: 0 var(--mea-gutter-desktop);
		gap: var(--mea-space-4);
		box-shadow: 0 1px 0 rgba(130, 203, 245, 0.2);
	}

	.dash-topbar__title {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-xl);
		color: var(--mea-gray-900);
	}

	/* ── Content area ── */
	.dash-content {
		height: calc(100vh - var(--mea-header-h));
		overflow-y: auto;
		padding: var(--mea-gutter-desktop);
	}

	/* ── Responsive: collapse the desktop sidebar shell to the mobile
   bottom-nav layout. These base shell rules (.dash-shell/.dash-sidebar/
   .dash-content) are UNLAYERED, so they beat every @layer rule — the
   equivalent mobile rules in app/shell.css (@layer layout) are powerless
   to override them. The collapse therefore MUST live here, beside the
   base, until the legacy CSS is wrapped in @layer legacy (the reserved
   slot in app/00-layers.css). Without this, the sidebar never collapses
   and the participant/citizen app is unusable on a phone. ── */
	@media (max-width: 768px) {
		.dash-sidebar {
			display: none;
		}

		.dash-topbar {
			padding: 0 var(--mea-space-4);
		}

		.dash-content {
			padding: var(--mea-space-4);
			padding-bottom: 72px;
		}
	}

	/* ── Dashboard button ── */
	.dash-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 8px 16px;
		border-radius: var(--mea-radius-md);
		font-size: var(--mea-desk-base);
		font-weight: var(--mea-w-semibold);
		cursor: pointer;
		border: none;
		transition: all var(--mea-dur-normal);
		font-family: var(--mea-font-body);
	}

	.dash-btn--primary {
		background: var(--mea-blue);
		color: var(--mea-white);
	}

	.dash-btn--primary:hover {
		background: var(--mea-blue-dark);
	}

	.dash-btn--outline {
		background: var(--mea-white);
		color: var(--mea-gray-700);
		border: 1.5px solid var(--mea-gray-200);
	}

	.dash-btn--outline:hover {
		border-color: var(--mea-blue);
		color: var(--mea-blue);
	}

	.dash-btn--green {
		background: var(--mea-green);
		color: var(--mea-white);
	}

	.dash-btn--green:hover {
		background: var(--mea-green-hover);
	}

	.dash-btn--red {
		background: var(--mea-red);
		color: var(--mea-white);
	}

	.dash-btn--red:hover {
		background: var(--mea-red-hover);
	}

	.dash-btn--sm {
		padding: 5px 12px;
		font-size: 12px;
		border-radius: var(--mea-radius-sm);
	}

	/* ── Stat card ── */
	.dash-stats-row {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--mea-space-4);
		margin-bottom: var(--mea-space-6);
	}

	.dash-stat-card {
		background: var(--mea-surface-card);
		border-radius: var(--mea-radius-lg);
		padding: var(--mea-space-5);
		border: 1px solid var(--mea-gray-200);
		display: flex;
		flex-direction: column;
		gap: 4px;
		box-shadow: var(--mea-shadow-sm);
		border-top: 2px solid var(--mea-baby-blue);
	}

	.dash-stat-card__value {
		font-family: var(--mea-font-heading);
		font-size: var(--mea-desk-2xl);
		font-weight: var(--mea-w-bold);
		color: var(--mea-gray-900);
	}

	.dash-stat-card__label {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-600);
	}

	/* ── Data table ── */
	.dash-table {
		width: 100%;
		border-collapse: collapse;
		background: var(--mea-surface-card);
		border-radius: var(--mea-radius-lg);
		overflow: hidden;
		box-shadow: var(--mea-shadow-sm);
		border: 1px solid var(--mea-gray-200);
	}

	.dash-table th {
		text-align: left;
		padding: 12px 16px;
		font-size: var(--mea-desk-sm);
		font-weight: var(--mea-w-semibold);
		color: var(--mea-gray-500);
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border-bottom: 1px solid var(--mea-gray-200);
		background: var(--mea-gray-50);
	}

	.dash-table td {
		padding: 12px 16px;
		font-size: var(--mea-desk-base);
		border-bottom: 1px solid var(--mea-gray-100);
	}

	.dash-table tr:last-child td {
		border-bottom: none;
	}

	.dash-table tr:hover td {
		background: var(--mea-baby-pale);
	}

	/* ── Icon button (top bar) ── */
	.dash-icon-btn {
		width: 36px;
		height: 36px;
		border-radius: var(--mea-radius-md);
		border: 1.5px solid var(--mea-gray-200);
		background: var(--mea-white);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 17px;
		color: var(--mea-gray-600);
		/* gray-500 was 4.34:1 on white (just under AA); gray-600 ~= 6:1 */
		position: relative;
		transition: all var(--mea-dur-normal);
	}

	.dash-icon-btn__glyph {
		width: 20px;
		height: 20px;
		display: block;
	}

	.dash-icon-btn:hover {
		border-color: var(--mea-blue);
		color: var(--mea-blue);
	}

	/* ── Notification dot (on icon buttons) ── */
	.dash-notif-dot {
		position: absolute;
		top: 6px;
		right: 6px;
		width: 8px;
		height: 8px;
		background: var(--mea-red);
		border-radius: var(--mea-radius-circle);
		border: 1.5px solid var(--mea-white);
	}

	/* ── Status badge (with colored dot prefix) ── */
	.dash-badge {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 3px 9px;
		border-radius: var(--mea-radius-pill);
		font-size: 11.5px;
		font-weight: var(--mea-w-semibold);
	}

	.dash-badge::before {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: var(--mea-radius-circle);
		flex-shrink: 0;
	}

	.dash-badge--pending {
		background: var(--mea-amber-light);
		color: var(--mea-amber-dark);
	}

	.dash-badge--pending::before {
		background: var(--mea-amber);
	}

	.dash-badge--approved {
		background: var(--mea-green-light);
		color: var(--mea-green-dark);
	}

	.dash-badge--approved::before {
		background: var(--mea-green);
	}

	.dash-badge--denied {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
	}

	.dash-badge--denied::before {
		background: var(--mea-red);
	}

	.dash-badge--swift {
		background: var(--mea-baby-pale);
		color: var(--mea-blue);
	}

	.dash-badge--swift::before {
		background: var(--mea-baby-blue);
	}

	.dash-badge--review {
		background: var(--mea-teal-light);
		color: var(--mea-teal-dark);
	}

	.dash-badge--review::before {
		background: var(--mea-teal);
	}

	.dash-badge--active {
		background: var(--mea-green-light);
		color: var(--mea-green-dark);
	}

	.dash-badge--active::before {
		background: var(--mea-green);
	}

	.dash-badge--completed {
		background: var(--mea-green-light);
		color: var(--mea-green-dark);
	}

	.dash-badge--completed::before {
		background: var(--mea-green);
	}

	.dash-badge--failed {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
	}

	.dash-badge--failed::before {
		background: var(--mea-red);
	}

	/* ── Charge tag (color-coded by offense category) ── */
	.dash-charge-tag {
		display: inline-block;
		padding: 3px 9px;
		border-radius: var(--mea-radius-sm);
		font-size: 11.5px;
		font-weight: var(--mea-w-semibold);
		background: var(--mea-gray-100);
		color: var(--mea-gray-700);
	}

	.dash-charge-tag--drug {
		background: var(--mea-violet-light);
		color: var(--mea-violet);
	}

	.dash-charge-tag--theft {
		background: var(--mea-yellow-light);
		color: var(--mea-yellow-dark);
	}

	.dash-charge-tag--property {
		background: var(--mea-orange-light);
		color: var(--mea-orange-dark);
	}

	.dash-charge-tag--conduct {
		background: var(--mea-green-light);
		color: var(--mea-green-hover);
	}

	.dash-charge-tag--dui {
		background: var(--mea-slate-light);
		color: var(--mea-slate);
	}

	.dash-charge-tag--trespass {
		background: var(--mea-amber-light);
		color: var(--mea-amber-dark);
	}

	.dash-charge-tag--assault {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
	}

	/* ── Priority dot ── */
	.dash-priority-dot {
		width: 8px;
		height: 8px;
		border-radius: var(--mea-radius-circle);
		display: inline-block;
		flex-shrink: 0;
	}

	.dash-priority-dot--high {
		background: var(--mea-red);
	}

	.dash-priority-dot--med {
		background: var(--mea-amber);
	}

	.dash-priority-dot--low {
		background: var(--mea-green);
	}

	/* ── Filter chips ── */
	.dash-filter-row {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: var(--mea-space-4);
		flex-wrap: wrap;
	}

	.dash-filter-chip {
		padding: 5px 14px;
		border-radius: var(--mea-radius-pill);
		font-size: 12.5px;
		font-weight: var(--mea-w-semibold);
		border: 1.5px solid var(--mea-gray-200);
		background: var(--mea-white);
		color: var(--mea-gray-600);
		cursor: pointer;
		transition: all var(--mea-dur-fast);
	}

	.dash-filter-chip:hover {
		border-color: var(--mea-blue);
		color: var(--mea-blue);
	}

	.dash-filter-chip.is-active {
		background: var(--mea-blue);
		color: var(--mea-white);
		border-color: var(--mea-blue);
	}

	/* ── Search box ── */
	.dash-search-box {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 7px 12px;
		border: 1.5px solid var(--mea-gray-200);
		border-radius: var(--mea-radius-md);
		background: var(--mea-white);
		margin-left: auto;
	}

	.dash-search-box input {
		border: none;
		outline: none;
		font-family: var(--mea-font-body);
		font-size: var(--mea-desk-base);
		color: var(--mea-gray-900);
		width: 180px;
	}

	.dash-search-box input::placeholder {
		color: var(--mea-gray-400);
	}

	.dash-search-box:focus-within {
		border-color: var(--mea-blue);
		box-shadow: 0 0 0 3px rgba(20, 66, 217, 0.12);
	}

	/* ── Card container ── */
	.dash-card {
		background: var(--mea-surface-card);
		border-radius: var(--mea-radius-lg);
		border: 1px solid var(--mea-gray-200);
		overflow: hidden;
		box-shadow: var(--mea-shadow-sm);
	}

	.dash-card__header {
		padding: var(--mea-space-4) var(--mea-space-5);
		border-bottom: 1px solid var(--mea-gray-200);
		display: flex;
		align-items: center;
		gap: var(--mea-space-3);
	}

	.dash-card__title {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-bold);
		font-size: 15px;
		color: var(--mea-gray-900);
	}

	.dash-card__body {
		padding: var(--mea-space-5);
	}

	.dash-card__body--flush {
		padding: 0;
	}

	/* ── Defendant cell (table row with avatar) ── */
	.dash-def-cell {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.dash-def-avatar {
		width: 32px;
		height: 32px;
		border-radius: var(--mea-radius-circle);
		background: var(--mea-gray-200);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: var(--mea-w-bold);
		font-size: 12px;
		color: var(--mea-gray-700);
		flex-shrink: 0;
	}

	.dash-def-name {
		font-weight: var(--mea-w-semibold);
		color: var(--mea-gray-900);
		font-size: var(--mea-desk-md);
	}

	.dash-def-dob {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-500);
	}

	/* ── Case header card (navy detail header) ── */
	.dash-case-header {
		background: var(--mea-navy);
		color: var(--mea-white);
		border-radius: var(--mea-radius-lg);
		padding: var(--mea-space-6) var(--mea-space-7);
		margin-bottom: var(--mea-space-5);
		display: flex;
		align-items: flex-start;
		gap: var(--mea-space-6);
	}

	.dash-case-avatar {
		width: 60px;
		height: 60px;
		border-radius: var(--mea-radius-circle);
		background: rgba(255, 255, 255, 0.15);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: var(--mea-w-extrabold);
		font-size: 22px;
		flex-shrink: 0;
	}

	.dash-case-name {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-extrabold);
		font-size: 22px;
	}

	.dash-case-meta {
		font-size: var(--mea-desk-base);
		color: rgba(255, 255, 255, 0.6);
		margin-top: 3px;
	}

	.dash-case-meta span {
		color: rgba(255, 255, 255, 0.9);
		font-weight: var(--mea-w-semibold);
	}

	.dash-case-actions {
		margin-left: auto;
		display: flex;
		gap: 10px;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	/* ── Info grid (3-col case metadata) ── */
	.dash-info-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: var(--mea-space-4);
		margin-bottom: var(--mea-space-5);
	}

	.dash-info-item {
		background: var(--mea-white);
		border: 1px solid var(--mea-gray-200);
		border-radius: 10px;
		padding: 14px 16px;
	}

	.dash-info-item__label {
		font-size: var(--mea-desk-sm);
		font-weight: var(--mea-w-bold);
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: var(--mea-gray-500);
		margin-bottom: 4px;
	}

	.dash-info-item__value {
		font-size: 15px;
		font-weight: var(--mea-w-bold);
		color: var(--mea-gray-900);
	}

	.dash-info-item__sub {
		font-size: 11.5px;
		color: var(--mea-gray-500);
		margin-top: 2px;
	}

	/* ── Timeline ── */
	.dash-timeline {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.dash-timeline-item {
		display: flex;
		gap: var(--mea-space-3);
		padding: 0 0 var(--mea-space-4);
		position: relative;
	}

	.dash-timeline-item:not(:last-child)::before {
		content: '';
		position: absolute;
		left: 11px;
		top: 22px;
		bottom: 0;
		width: 1.5px;
		background: var(--mea-gray-200);
	}

	.dash-timeline-dot {
		width: 24px;
		height: 24px;
		border-radius: var(--mea-radius-circle);
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--mea-desk-sm);
		margin-top: 1px;
	}

	.dash-timeline-dot--blue {
		background: var(--mea-blue-light);
		color: var(--mea-blue);
	}

	.dash-timeline-dot--green {
		background: var(--mea-green-light);
		color: var(--mea-green);
	}

	.dash-timeline-dot--amber {
		background: var(--mea-amber-light);
		color: var(--mea-amber);
	}

	.dash-timeline-dot--red {
		background: var(--mea-red-light);
		color: var(--mea-red);
	}

	.dash-timeline-text {
		font-size: var(--mea-desk-base);
		color: var(--mea-gray-700);
	}

	.dash-timeline-time {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-400);
	}

	/* ── Grid utilities ── */
	.dash-two-col {
		display: grid;
		grid-template-columns: 1fr 340px;
		gap: var(--mea-space-5);
		margin-bottom: var(--mea-space-6);
	}

	.dash-three-col {
		display: grid;
		grid-template-columns: 1fr 1fr 340px;
		gap: var(--mea-space-5);
	}

	.dash-detail-grid {
		display: grid;
		grid-template-columns: 1fr 300px;
		gap: var(--mea-space-5);
	}

	/* ── Section title (inside cards) ── */
	.dash-section-title {
		font-family: var(--mea-font-heading);
		font-size: var(--mea-desk-lg);
		font-weight: var(--mea-w-bold);
		color: var(--mea-gray-700);
		margin-bottom: var(--mea-space-3);
		padding-bottom: var(--mea-space-2);
		border-bottom: 1px solid var(--mea-gray-200);
	}

	/* ── Modal ── */
	.dash-modal-overlay {
		position: fixed;
		inset: 0;
		background: rgba(10, 22, 40, 0.5);
		z-index: var(--mea-z-modal);
		display: none;
		align-items: center;
		justify-content: center;
	}

	.dash-modal-overlay.is-open {
		display: flex;
	}

	.dash-modal {
		background: var(--mea-white);
		border-radius: var(--mea-radius-2xl);
		width: 480px;
		max-width: 90vw;
		max-height: 90vh;
		box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
		overflow: hidden;
		animation: dash-modal-in 0.2s ease;
		display: flex;
		flex-direction: column;
	}

	.dash-modal--lg {
		width: 680px;
	}

	.dash-modal--xl {
		width: 860px;
	}

	@keyframes dash-modal-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	.dash-modal__header {
		padding: 22px 24px;
		border-bottom: 1px solid var(--mea-gray-200);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.dash-modal__title {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-bold);
		font-size: 16px;
	}

	.dash-modal__close {
		font-size: 20px;
		cursor: pointer;
		color: var(--mea-gray-400);
		background: none;
		border: none;
		line-height: 1;
		padding: 0;
	}

	.dash-modal__close:hover {
		color: var(--mea-gray-900);
	}

	.dash-modal__body {
		padding: var(--mea-space-5) var(--mea-space-6);
		overflow-y: auto;
		flex: 1;
		min-height: 0;
	}

	.dash-modal__footer {
		padding: var(--mea-space-4) var(--mea-space-6);
		border-top: 1px solid var(--mea-gray-200);
		display: flex;
		justify-content: flex-end;
		gap: 10px;
	}

	/* ── Form controls (dashboard) ── */
	.dash-form-group {
		margin-bottom: var(--mea-space-4);
	}

	.dash-form-label {
		font-size: 12px;
		font-weight: var(--mea-w-bold);
		color: var(--mea-gray-700);
		text-transform: uppercase;
		letter-spacing: var(--mea-ls-wide);
		margin-bottom: 6px;
		display: block;
	}

	.dash-form-control {
		width: 100%;
		padding: 9px 12px;
		border-radius: var(--mea-radius-md);
		border: 1.5px solid var(--mea-gray-200);
		font-family: var(--mea-font-body);
		font-size: var(--mea-desk-md);
		color: var(--mea-gray-900);
		background: var(--mea-white);
		outline: none;
		transition: border var(--mea-dur-normal);
	}

	.dash-form-control:focus {
		border-color: var(--mea-blue);
	}

	textarea.dash-form-control {
		resize: vertical;
		min-height: 80px;
	}

	select.dash-form-control {
		cursor: pointer;
	}

	/* ── Notification panel ── */
	.dash-notif-panel {
		position: fixed;
		top: 0;
		right: 0;
		width: 360px;
		height: 100vh;
		background: var(--mea-white);
		border-left: 1px solid var(--mea-gray-200);
		box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1);
		z-index: var(--mea-z-dropdown);
		transform: translateX(100%);
		transition: transform 0.25s var(--mea-ease-default);
		display: flex;
		flex-direction: column;
	}

	.dash-notif-panel.is-open {
		transform: translateX(0);
	}

	.dash-notif-panel__header {
		padding: var(--mea-space-5);
		border-bottom: 1px solid var(--mea-gray-200);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.dash-notif-panel__title {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-bold);
		font-size: 15px;
	}

	.dash-notif-item {
		padding: 14px var(--mea-space-5);
		border-bottom: 1px solid var(--mea-gray-100);
		cursor: pointer;
	}

	.dash-notif-item.is-unread {
		background: var(--mea-blue-light);
	}

	.dash-notif-item:hover {
		background: var(--mea-gray-50);
	}

	.dash-notif-item__title {
		font-size: var(--mea-desk-base);
		font-weight: var(--mea-w-semibold);
		color: var(--mea-gray-900);
		margin-bottom: 2px;
	}

	.dash-notif-item__sub {
		font-size: 12px;
		color: var(--mea-gray-500);
	}

	.dash-notif-item__time {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-400);
		margin-top: 3px;
	}

	/* ── Progress bar (dashboard variant) ── */
	.dash-progress {
		height: 6px;
		border-radius: 3px;
		background: var(--mea-gray-100);
		overflow: hidden;
	}

	.dash-progress__fill {
		height: 100%;
		border-radius: 3px;
		background: var(--mea-blue);
		transition: width var(--mea-dur-smooth) var(--mea-ease-default);
	}

	/* ── Active case card ── */
	.dash-active-cases-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--mea-space-4);
	}

	.dash-active-case-card {
		cursor: pointer;
		transition: box-shadow var(--mea-dur-normal), transform 0.1s;
	}

	.dash-active-case-card:hover {
		box-shadow: 0 4px 16px rgba(20, 66, 217, 0.12);
		transform: translateY(-1px);
	}

	.dash-active-case-inner {
		background: var(--mea-white);
		border: 1px solid var(--mea-gray-200);
		border-radius: var(--mea-radius-lg);
		padding: 18px 20px;
	}

	.dash-ac-name {
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-lg);
		color: var(--mea-gray-900);
	}

	.dash-ac-meta {
		font-size: 12px;
		color: var(--mea-gray-500);
		margin-bottom: 10px;
	}

	.dash-ac-task-chip {
		padding: 2px 8px;
		border-radius: 4px;
		font-size: var(--mea-desk-sm);
		font-weight: var(--mea-w-semibold);
		background: var(--mea-gray-50);
		color: var(--mea-gray-500);
	}

	.dash-ac-task-chip--done {
		background: var(--mea-green-light);
		color: var(--mea-green-deep);
	}

	.dash-ac-task-chip--overdue {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
	}

	/* ── Capacity bar (provider cards) ── */
	.dash-capacity-bar {
		height: 4px;
		background: var(--mea-gray-100);
		border-radius: 2px;
		overflow: hidden;
		margin: 8px 0;
	}

	.dash-capacity-fill,
	.dash-capacity-bar__fill {
		height: 100%;
		border-radius: 2px;
		background: var(--mea-green);
	}

	.dash-capacity-fill--mid,
	.dash-capacity-bar__fill--mid {
		background: var(--mea-amber);
	}

	.dash-capacity-fill--high,
	.dash-capacity-bar__fill--high {
		background: var(--mea-red);
	}

	/* ── Provider grid ── */
	.dash-provider-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: var(--mea-space-4);
	}

	.dash-provider-card {
		background: var(--mea-white);
		border: 1px solid var(--mea-gray-200);
		border-radius: var(--mea-radius-lg);
		padding: var(--mea-space-5);
		transition: all var(--mea-dur-normal);
		cursor: pointer;
	}

	.dash-provider-card:hover {
		box-shadow: var(--mea-shadow-md);
		border-color: var(--mea-blue);
		transform: translateY(-1px);
	}

	.dash-provider-name {
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-lg);
		color: var(--mea-gray-900);
		margin-bottom: 3px;
	}

	.dash-provider-type {
		font-size: 12px;
		color: var(--mea-blue);
		font-weight: var(--mea-w-semibold);
		text-transform: uppercase;
		letter-spacing: var(--mea-ls-wide);
		margin-bottom: 10px;
	}

	/* ── Donut chart ── */
	.dash-donut {
		width: 180px;
		height: 180px;
		position: relative;
	}

	.dash-donut svg {
		transform: rotate(-90deg);
	}

	.dash-donut__center {
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.dash-donut__value {
		font-family: var(--mea-font-heading);
		font-size: 32px;
		font-weight: var(--mea-w-extrabold);
		color: var(--mea-navy);
	}

	.dash-donut__label {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-500);
		margin-top: 3px;
		font-weight: var(--mea-w-semibold);
		text-transform: uppercase;
	}

	/* ── Chart bar (horizontal) ── */
	.dash-chart-bar-row {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 8px;
	}

	.dash-chart-bar-label {
		font-size: 12px;
		color: var(--mea-gray-500);
		width: 120px;
		flex-shrink: 0;
	}

	.dash-chart-bar-track {
		flex: 1;
		height: 8px;
		background: var(--mea-gray-100);
		border-radius: 4px;
		overflow: hidden;
	}

	.dash-chart-bar-fill {
		height: 100%;
		border-radius: 4px;
		background: var(--mea-blue);
	}

	.dash-chart-bar-val {
		font-size: 12px;
		font-weight: var(--mea-w-bold);
		color: var(--mea-gray-700);
		width: 32px;
		text-align: right;
	}

	/* ── Trend bars (vertical) ── */
	.dash-trend-chart {
		display: flex;
		gap: 10px;
		height: 120px;
		padding-top: 10px;
		align-items: flex-end;
	}

	.dash-trend-bar-wrap {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 4px;
		height: 100%;
		justify-content: flex-end;
		align-items: center;
	}

	.dash-trend-bar {
		width: 100%;
		border-radius: 5px 5px 0 0;
		min-height: 4px;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding-top: 4px;
	}

	.dash-trend-bar-val {
		font-size: var(--mea-desk-xs);
		font-weight: var(--mea-w-bold);
		color: var(--mea-white);
	}

	.dash-trend-bar-label {
		font-size: var(--mea-desk-xs);
		color: var(--mea-gray-500);
		font-weight: var(--mea-w-semibold);
		text-align: center;
	}

	/* ── Timeline bars (horizontal progress) ── */
	.dash-tl-bar-group {
		margin-bottom: var(--mea-space-4);
	}

	.dash-tl-label-row {
		display: flex;
		justify-content: space-between;
		margin-bottom: 6px;
		align-items: baseline;
	}

	.dash-tl-label {
		font-size: var(--mea-desk-base);
		font-weight: var(--mea-w-semibold);
		color: var(--mea-gray-700);
	}

	.dash-tl-pct {
		font-family: var(--mea-font-heading);
		font-size: var(--mea-text-lg);
		font-weight: var(--mea-w-extrabold);
		color: var(--mea-navy);
	}

	.dash-tl-track {
		height: 32px;
		background: var(--mea-gray-100);
		border-radius: var(--mea-radius-md);
		overflow: hidden;
		position: relative;
	}

	.dash-tl-fill {
		height: 100%;
		border-radius: var(--mea-radius-md);
		display: flex;
		align-items: center;
		padding: 0 14px;
		font-size: 12.5px;
		font-weight: var(--mea-w-bold);
		color: var(--mea-white);
		gap: 8px;
	}

	/* ── Savings hero ── */
	.dash-savings-hero {
		background: linear-gradient(135deg, var(--mea-navy) 0%, var(--mea-blue) 60%, var(--mea-baby-mid) 100%);
		border-radius: var(--mea-radius-xl);
		padding: var(--mea-space-7) var(--mea-space-8);
		color: var(--mea-white);
		margin-bottom: var(--mea-space-5);
		display: flex;
		gap: 40px;
		align-items: center;
	}

	.dash-savings-big {
		font-family: var(--mea-font-heading);
		font-size: 56px;
		font-weight: var(--mea-w-extrabold);
		letter-spacing: -2px;
		line-height: 1;
	}

	.dash-savings-label {
		font-size: var(--mea-desk-base);
		color: rgba(130, 203, 245, 0.8);
		margin-top: 6px;
		font-weight: var(--mea-w-medium);
	}

	/* ── Cost row ── */
	.dash-cost-row {
		display: flex;
		gap: 14px;
		padding: 13px 0;
		border-bottom: 1px solid var(--mea-gray-100);
		align-items: center;
	}

	.dash-cost-row:last-child {
		border-bottom: none;
	}

	.dash-cost-icon {
		font-size: 20px;
		width: 28px;
		text-align: center;
		flex-shrink: 0;
	}

	.dash-cost-label {
		font-size: var(--mea-desk-base);
		color: var(--mea-gray-700);
		flex: 1;
		line-height: 1.4;
	}

	.dash-cost-avoided {
		font-family: var(--mea-font-heading);
		font-size: 17px;
		font-weight: var(--mea-w-extrabold);
		color: var(--mea-green);
	}

	/* ── SWIFT session components ── */
	.dash-swift-header {
		background: linear-gradient(135deg, var(--mea-navy) 0%, var(--mea-blue) 55%, var(--mea-baby-mid) 100%);
		color: var(--mea-white);
		border-radius: var(--mea-radius-lg);
		padding: var(--mea-space-6) var(--mea-space-7);
		margin-bottom: var(--mea-space-5);
		display: flex;
		align-items: center;
		gap: var(--mea-space-5);
	}

	.dash-swift-timer {
		font-family: var(--mea-font-heading);
		font-size: 42px;
		font-weight: var(--mea-w-extrabold);
		letter-spacing: -1px;
	}

	.dash-swift-case-card {
		background: var(--mea-white);
		border: 1px solid var(--mea-gray-200);
		border-radius: 10px;
		padding: var(--mea-space-4) var(--mea-space-5);
		display: flex;
		align-items: center;
		gap: var(--mea-space-4);
		cursor: pointer;
		transition: all var(--mea-dur-normal);
	}

	.dash-swift-case-card:hover {
		border-color: var(--mea-blue);
		box-shadow: 0 2px 12px rgba(20, 66, 217, 0.08);
	}

	.dash-swift-case-card.is-active {
		border-color: var(--mea-blue);
		background: var(--mea-blue-light);
	}

	.dash-swift-num {
		width: 28px;
		height: 28px;
		border-radius: var(--mea-radius-circle);
		background: var(--mea-blue);
		color: var(--mea-white);
		font-weight: var(--mea-w-extrabold);
		font-size: var(--mea-desk-base);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.dash-swift-num--done {
		background: var(--mea-green);
	}

	.dash-swift-num--pending {
		background: var(--mea-gray-300);
		color: var(--mea-gray-700);
	}

	/* ── SOS program components ── */
	.dash-sos-hero {
		background: linear-gradient(135deg, var(--mea-navy) 0%, var(--mea-navy-deep) 50%, var(--mea-blue) 100%);
		border-radius: var(--mea-radius-xl);
		padding: 0;
		margin-bottom: var(--mea-space-6);
		border: 1px solid rgba(130, 203, 245, 0.2);
		box-shadow: 0 4px 24px rgba(10, 22, 40, 0.15);
		overflow: hidden;
	}

	.dash-sos-badge {
		background: linear-gradient(135deg, var(--mea-blue), var(--mea-baby-blue));
		color: var(--mea-white);
		font-family: var(--mea-font-heading);
		font-size: var(--mea-desk-base);
		font-weight: var(--mea-w-extrabold);
		padding: 4px 12px;
		border-radius: var(--mea-radius-sm);
		letter-spacing: var(--mea-ls-wide);
	}

	/* ── Pulse animation ── */
	@keyframes dash-pulse {

		0%,
		100% {
			opacity: 1;
			transform: scale(1);
		}

		50% {
			opacity: 0.6;
			transform: scale(1.2);
		}
	}

	.dash-pulse {
		animation: dash-pulse 1.4s infinite;
	}

	/* ── Alert boxes ── */
	.dash-alert {
		border-radius: var(--mea-radius-md);
		padding: var(--mea-space-3) 14px;
		font-size: var(--mea-desk-base);
		display: flex;
		gap: 10px;
		align-items: flex-start;
		margin-bottom: var(--mea-space-3);
	}

	.dash-alert--amber {
		background: var(--mea-amber-light);
		color: var(--mea-amber-dark);
		border: 1px solid var(--mea-yellow-border);
	}

	.dash-alert--blue {
		background: var(--mea-blue-light);
		color: var(--mea-blue);
		border: 1px solid var(--mea-blue-border);
	}

	.dash-alert--green {
		background: var(--mea-green-light);
		color: var(--mea-green-dark);
		border: 1px solid var(--mea-green-border);
	}

	.dash-alert--red {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
		border: 1px solid var(--mea-red-border);
	}

	/* ── Back link ── */
	.dash-back-link {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: var(--mea-desk-base);
		color: var(--mea-blue);
		font-weight: var(--mea-w-semibold);
		cursor: pointer;
		margin-bottom: var(--mea-space-4);
		text-decoration: none;
	}

	.dash-back-link:hover {
		opacity: 0.8;
	}

	/* ── Stat value size override (match reference 32px) ── */
	.dash-stat-card__value--lg {
		font-size: 32px;
		font-weight: var(--mea-w-extrabold);
	}

	.dash-stat-card__value--blue {
		color: var(--mea-blue);
	}

	.dash-stat-card__value--green {
		color: var(--mea-green-dark);
	}

	.dash-stat-card__value--amber {
		color: var(--mea-amber);
	}

	.dash-stat-card__value--red {
		color: var(--mea-red);
	}

	/* ── Stat delta ── */
	.dash-stat-delta {
		font-size: 12px;
		font-weight: var(--mea-w-semibold);
	}

	.dash-stat-delta--up {
		color: var(--mea-green);
	}

	.dash-stat-delta--down {
		color: var(--mea-red);
	}

	.dash-stat-sub {
		font-size: 12px;
		color: var(--mea-gray-600);
	}

	/* ── Empty state ── */
	.dash-empty-state {
		text-align: center;
		padding: 60px var(--mea-space-5);
		color: var(--mea-gray-400);
	}

	.dash-empty-icon {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.dash-empty-title {
		font-weight: var(--mea-w-semibold);
		font-size: 15px;
		color: var(--mea-gray-600);
	}

	.dash-empty-sub {
		font-size: var(--mea-desk-base);
		margin-top: 4px;
	}

	/* ── Scrollbar (thin) ── */
	.dash-content::-webkit-scrollbar {
		width: 4px;
	}

	.dash-content::-webkit-scrollbar-track {
		background: transparent;
	}

	.dash-content::-webkit-scrollbar-thumb {
		background: var(--mea-gray-300);
		border-radius: 2px;
	}

	/* ── Page header ── */
	.dash-page-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--mea-space-4);
		margin-bottom: var(--mea-space-5);
	}

	.dash-page-title {
		font-family: var(--mea-font-heading);
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-xl);
		color: var(--mea-gray-900);
	}

	.dash-page-subtitle {
		font-size: var(--mea-desk-lg);
		color: var(--mea-gray-600);
		margin-top: 2px;
	}

	/* ── Nav sub-item (court sub-navigation) ── */
	.dash-nav-sub-item {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 6px 20px 6px 28px;
		font-size: 12.5px;
		color: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		border-radius: var(--mea-radius-sm);
		margin: 1px 8px;
		transition: background var(--mea-dur-normal), color var(--mea-dur-normal);
	}

	.dash-nav-sub-item:hover {
		background: rgba(255, 255, 255, 0.06);
		color: rgba(255, 255, 255, 0.9);
	}

	.dash-nav-sub-item.is-active {
		background: rgba(130, 203, 245, 0.15);
		color: var(--mea-baby-blue);
		font-weight: var(--mea-w-semibold);
	}

	/* ── Sidebar nav badge ── */
	.dash-nav-badge {
		margin-left: auto;
		background: var(--mea-baby-blue);
		color: var(--mea-navy);
		font-size: var(--mea-desk-sm);
		font-weight: var(--mea-w-bold);
		border-radius: 10px;
		padding: 1px 7px;
	}

	.dash-nav-badge--amber {
		background: var(--mea-amber);
		color: var(--mea-white);
	}

	/* ── Gang Unit / Flagged Row ── */
	.deals-row--flagged {
		border-left: 3px solid var(--mea-red-hover);
		background: rgba(220, 38, 38, 0.04);
	}

	.deals-row--flagged:hover {
		background: rgba(220, 38, 38, 0.08);
	}

	.gang-unit-dot {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: var(--mea-radius-circle);
		background: var(--mea-red-hover);
		margin-left: 6px;
		vertical-align: middle;
		flex-shrink: 0;
	}

	/* ── Gang Unit Alert Card (deal-detail sidebar) ── */
	.gang-unit-alert {
		border: 2px solid var(--mea-red-hover);
		border-radius: var(--mea-radius-lg);
		overflow: hidden;
		background: var(--mea-white);
	}

	.gang-unit-alert__banner {
		background: var(--mea-red-hover);
		color: var(--mea-white);
		padding: var(--mea-space-3) var(--mea-space-4);
		display: flex;
		align-items: center;
		gap: var(--mea-space-2);
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-base);
	}

	.gang-unit-alert__icon {
		font-size: 18px;
	}

	.gang-unit-alert__label {
		flex: 1;
	}

	.gang-unit-alert__body {
		padding: var(--mea-space-4);
	}

	.gang-unit-alert__row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: var(--mea-desk-base);
		color: var(--mea-gray-700);
	}

	.gang-unit-alert__note {
		margin-top: var(--mea-space-3);
		font-size: var(--mea-desk-sm);
		color: var(--mea-red-hover);
		font-weight: var(--mea-w-semibold);
	}

	/* ── Gang Threat Level Badges ── */
	.gang-threat-badge {
		display: inline-block;
		padding: 2px 10px;
		border-radius: 10px;
		font-size: var(--mea-desk-sm);
		font-weight: var(--mea-w-bold);
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	.gang-threat-badge--low {
		background: var(--mea-green-success);
		color: var(--mea-green-success-dark);
	}

	.gang-threat-badge--medium {
		background: var(--mea-amber-light);
		color: var(--mea-amber-dark);
	}

	.gang-threat-badge--high {
		background: var(--mea-red-light);
		color: var(--mea-red-dark);
	}

	/* ── ADA Week Grid (ada-schedule page) ── */
	.ada-week-grid {
		width: 100%;
	}

	.ada-week-grid__header {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 1px;
		background: var(--mea-gray-200);
		border-bottom: 2px solid var(--mea-gray-200);
	}

	.ada-week-grid__day-label {
		background: var(--mea-gray-50);
		padding: var(--mea-space-3) var(--mea-space-2);
		text-align: center;
		font-weight: var(--mea-w-bold);
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-700);
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	.ada-week-grid__body {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 1px;
		background: var(--mea-gray-200);
		min-height: 120px;
	}

	.ada-week-grid__col {
		background: var(--mea-white);
		padding: var(--mea-space-2);
		display: flex;
		flex-direction: column;
		gap: var(--mea-space-2);
	}

	.ada-week-grid__empty {
		color: var(--mea-gray-300);
		text-align: center;
		padding: var(--mea-space-4) 0;
		font-size: var(--mea-desk-sm);
	}

	.ada-slot {
		background: var(--mea-gray-50);
		border: 1px solid var(--mea-gray-200);
		border-radius: var(--mea-radius-md);
		padding: var(--mea-space-2) var(--mea-space-3);
		cursor: default;
	}

	.ada-slot--primary {
		background: rgba(58, 154, 232, 0.08);
		border-color: var(--mea-blue);
	}

	.ada-slot__name {
		font-weight: var(--mea-w-semibold);
		font-size: var(--mea-desk-base);
		color: var(--mea-gray-900);
	}

	.ada-slot__time {
		font-size: var(--mea-desk-sm);
		color: var(--mea-gray-500);
		margin-top: 2px;
	}

	.ada-slot__badge {
		display: inline-block;
		margin-top: var(--mea-space-1);
		font-size: 10px;
		font-weight: var(--mea-w-bold);
		text-transform: uppercase;
		color: var(--mea-blue);
		letter-spacing: 0.5px;
	}

}

/* end @layer legacy */