.wakala-shell {
	box-sizing: border-box;
	--wakala-bg: #070B14;
	--wakala-card: #0F172A;
	--wakala-card-2: #111827;
	--wakala-text: #FFFFFF;
	--wakala-muted: #94A3B8;
	--wakala-accent: #00E5A8;
	--wakala-border: rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(circle at top left, rgba(0, 229, 168, 0.12), transparent 30%),
		linear-gradient(180deg, #070B14 0%, #080D18 100%);
	border-radius: 8px;
	color: var(--wakala-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	margin: 0 auto;
	max-width: none;
	padding: 24px;
	width: 100%;
}

/* Phase 7 Platform Control Center */
.wakala-platform-control{max-width:1440px}.wakala-platform-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.wakala-platform-head h1{margin:.25rem 0}.wakala-platform-switches{display:flex;gap:8px}.wakala-platform-nav{display:flex;gap:18px;overflow-x:auto;padding:12px 0 18px;border-block:1px solid var(--wakala-border,#d8dee8);margin-bottom:24px}.wakala-platform-nav>div{display:flex;gap:6px;align-items:center;white-space:nowrap}.wakala-platform-nav strong{font-size:.68rem;letter-spacing:.12em;color:var(--wakala-muted,#687386)}.wakala-platform-nav button,.wakala-platform-pagination button{border:0;background:transparent;color:inherit;padding:8px 10px;border-radius:8px;cursor:pointer}.wakala-platform-nav button:hover,.wakala-platform-nav button.is-active{background:var(--wakala-accent,#155eef);color:#fff}.wakala-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wakala-attention-row{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:14px 16px;border:1px solid var(--wakala-border,#d8dee8);background:var(--wakala-card,#fff);color:inherit;border-radius:10px;text-align:left;cursor:pointer}.wakala-attention-row strong{font-size:1.35rem}.wakala-platform-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;background:var(--wakala-border,#d8dee8);border:1px solid var(--wakala-border,#d8dee8)}.wakala-platform-status>div{display:flex;justify-content:space-between;padding:16px;background:var(--wakala-card,#fff)}.wakala-platform-filters{display:flex;align-items:end;gap:10px;margin:16px 0}.wakala-platform-filters label{min-width:180px}.wakala-table-scroll{overflow:auto}.wakala-platform-table{min-width:780px}.wakala-platform-table th{text-transform:capitalize}.wakala-platform-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px}.wakala-health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--wakala-border,#d8dee8)}.wakala-health-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px;background:var(--wakala-card,#fff)}.wakala-health-list dt{text-transform:capitalize;color:var(--wakala-muted,#687386)}.wakala-health-list dd{margin:0;font-weight:700;text-align:right}
.wakala-platform-actions{display:flex!important;gap:6px;flex-wrap:wrap}.wakala-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wakala-settings-grid label{display:grid;gap:5px;text-transform:capitalize}.wakala-settings-grid button{align-self:end}
@media(max-width:900px){.wakala-platform-head{align-items:flex-start}.wakala-platform-nav{display:grid;grid-template-columns:1fr 1fr}.wakala-platform-nav>div{overflow-x:auto}.wakala-attention-grid,.wakala-platform-status{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wakala-platform-head{display:block}.wakala-platform-switches{margin-top:12px}.wakala-platform-nav{display:block}.wakala-platform-nav>div{margin-bottom:8px}.wakala-attention-grid,.wakala-platform-status,.wakala-health-list,.wakala-settings-grid{grid-template-columns:1fr}.wakala-platform-filters{display:grid;grid-template-columns:1fr}.wakala-platform-filters label{min-width:0}.wakala-platform-table{min-width:0}.wakala-platform-table thead{display:none}.wakala-platform-table,.wakala-platform-table tbody,.wakala-platform-table tr,.wakala-platform-table td{display:block;width:100%}.wakala-platform-table tr{padding:10px;border-bottom:1px solid var(--wakala-border,#d8dee8)}.wakala-platform-table td{display:flex;justify-content:space-between;gap:12px;border:0}.wakala-platform-table td:before{content:attr(data-label);font-weight:700;text-transform:capitalize}.wakala-platform-pagination{justify-content:space-between}}

.wakala-shell * {
	box-sizing: border-box;
}

body:has(.wakala-shell),
body:has(.wakala-nav-shell) {
	background: #070B14;
}

.wakala-home,
.wakala-public-hero {
	align-items: stretch;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
	min-height: 520px;
	margin: 0 auto;
	max-width: 1240px;
}

.wakala-home-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 28px 0;
}

.wakala-kicker,
.wakala-mini-note {
	color: var(--wakala-accent);
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 12px;
}

.wakala-home h1 {
	color: var(--wakala-text);
	font-size: clamp(36px, 6vw, 68px);
	line-height: 1.02;
	margin: 0 0 18px;
	max-width: 820px;
}

.wakala-public-hero h1,
.wakala-control-hero h1 {
	color: var(--wakala-text);
	font-size: clamp(36px, 6vw, 64px);
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0 0 18px;
}

.wakala-control-hero {
	align-items: center;
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.8));
	border: 1px solid var(--wakala-border);
	border-radius: 8px;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 18px;
	padding: 24px;
}

.wakala-app-shell > .wakala-control-hero,
.wakala-app-shell > .wakala-summary,
.wakala-app-shell > .wakala-quick-grid,
.wakala-app-shell > .wakala-dashboard-grid,
.wakala-app-shell > .wakala-card,
.wakala-home-shell > .wakala-control-hero,
.wakala-home-shell > .wakala-summary,
.wakala-home-shell > .wakala-quick-grid,
.wakala-auth-card {
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}

.wakala-home p,
.wakala-card p {
	color: var(--wakala-muted);
	font-size: 16px;
	line-height: 1.6;
}

.wakala-actions,
.wakala-badges,
.wakala-method-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.wakala-button,
.wakala-shell button.wakala-button {
	align-items: center;
	background: var(--wakala-accent);
	border: 1px solid var(--wakala-accent);
	border-radius: 8px;
	color: #070B14;
	cursor: pointer;
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	text-decoration: none;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.wakala-button:hover,
.wakala-shell button.wakala-button:hover {
	background: #35F2C1;
	border-color: #35F2C1;
	color: #050812;
	transform: translateY(-1px);
}

.wakala-button:focus,
.wakala-shell button.wakala-button:focus,
.wakala-nav-links a:focus {
	outline: 2px solid var(--wakala-accent);
	outline-offset: 2px;
}

.wakala-button-ghost,
.wakala-shell button.wakala-button-ghost {
	background: transparent;
	color: var(--wakala-accent);
}

.wakala-badges span {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--wakala-muted);
	padding: 8px 10px;
}

.wakala-card,
.wakala-benefits > div,
.wakala-method {
	background: linear-gradient(180deg, rgba(22, 32, 51, 0.96), rgba(13, 20, 34, 0.98));
	border: 1px solid var(--wakala-border);
	box-shadow: 0 14px 48px rgba(0, 0, 0, 0.24);
	border-radius: 8px;
	padding: 22px;
}

.wakala-action-card {
	min-height: 160px;
	position: relative;
	transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.wakala-action-card:hover {
	border-color: rgba(0, 229, 168, 0.45);
	transform: translateY(-2px);
}

.wakala-action-card strong,
.wakala-action-card small {
	display: block;
}

.wakala-action-card small {
	color: var(--wakala-muted);
	line-height: 1.5;
	margin-top: 8px;
}

.wakala-card-icon {
	align-items: center;
	background: rgba(0, 229, 168, 0.12);
	border: 1px solid rgba(0, 229, 168, 0.28);
	border-radius: 8px;
	color: var(--wakala-accent);
	display: inline-flex;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	margin-bottom: 14px;
	width: 34px;
}

.wakala-dashboard-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
	margin-top: 18px;
}

.wakala-metric-strip strong {
	font-size: clamp(20px, 3vw, 32px);
}

.wakala-page-hero {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 22px;
	padding: 10px 0 24px;
}

.wakala-page-hero h1,
.wakala-page-hero h2 {
	color: var(--wakala-text);
	font-size: 34px;
	line-height: 1.12;
	margin: 0 0 10px;
}

.wakala-quick-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.wakala-nav-card {
	display: block;
	text-decoration: none;
}

.wakala-nav-card strong {
	color: var(--wakala-text);
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
}

.wakala-nav-card span,
.wakala-report-meta {
	color: var(--wakala-muted);
	font-size: 13px;
	line-height: 1.5;
}

.wakala-nav-shell {
	background: #0B1220;
	border: 1px solid var(--wakala-border);
	border-radius: 8px;
	color: var(--wakala-text);
	display: grid;
	gap: 16px;
	grid-template-columns: 220px minmax(0, 1fr) auto;
	margin: 0 auto 18px;
	max-width: none;
	padding: 14px;
	position: sticky;
	top: 0;
	z-index: 20;
}

.wakala-nav-brand strong,
.wakala-nav-brand span,
.wakala-nav-brand small {
	display: block;
}

.wakala-nav-brand span,
.wakala-nav-brand small {
	color: var(--wakala-muted);
	font-size: 12px;
	margin-top: 3px;
}

.wakala-nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wakala-nav-links a,
.wakala-nav-footer a {
	border: 1px solid transparent;
	border-radius: 8px;
	color: #FFFFFF;
	font-weight: 700;
	min-height: 38px;
	padding: 9px 11px;
	text-decoration: none;
}

.wakala-nav-links a:hover,
.wakala-nav-links a.is-active,
.wakala-nav-footer a:hover {
	background: rgba(0, 229, 168, 0.1);
	border-color: rgba(0, 229, 168, 0.25);
	color: var(--wakala-accent);
}

.wakala-nav-brand strong {
	color: #FFFFFF;
}

.wakala-nav-footer {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.wakala-upgrade-mini {
	color: var(--wakala-accent) !important;
}

.wakala-service-list {
	display: grid;
	gap: 12px;
}

.wakala-service-row {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(110px, 1fr));
}

.wakala-service-row label {
	color: var(--wakala-text);
}

.wakala-card h2,
.wakala-card h3,
.wakala-card h4,
.wakala-tiers h2 {
	color: var(--wakala-text);
	margin-top: 0;
}

.wakala-benefits,
.wakala-tier-grid,
.wakala-summary,
.wakala-methods {
	display: grid;
	gap: 16px;
	margin: 24px 0;
}

.wakala-benefits,
.wakala-tier-grid {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.wakala-summary {
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.wakala-summary div {
	background: var(--wakala-card-2);
	border-radius: 8px;
	padding: 14px;
}

.wakala-benefits strong,
.wakala-summary strong {
	color: var(--wakala-text);
	display: block;
	font-size: 20px;
}

.wakala-benefits span,
.wakala-summary span {
	color: var(--wakala-muted);
	display: block;
	font-size: 13px;
	margin-top: 6px;
}

.wakala-form {
	display: grid;
	gap: 14px;
}

.wakala-form-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wakala-form label,
.wakala-form span {
	display: block;
}

.wakala-form span {
	color: var(--wakala-muted);
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 6px;
}

.wakala-form input,
.wakala-form select,
.wakala-service-row input {
	background: #0B1220;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	color: var(--wakala-text);
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.wakala-auth-shell {
	background:
		radial-gradient(circle at top left, rgba(0, 229, 168, 0.16), transparent 32%),
		#070B14;
	min-height: 72vh;
	padding: 32px 16px;
}

.wakala-auth-card {
	max-width: 720px;
}

.wakala-auth-card h2 {
	font-size: clamp(28px, 5vw, 44px);
}

.wakala-register-panel {
	max-width: 1040px;
}

.wakala-label-title {
	color: var(--wakala-muted);
	display: block;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 10px;
}

.wakala-plan-select .wakala-card {
	cursor: pointer;
}

.wakala-plan-select input {
	margin-bottom: 12px;
	width: auto;
}

.wakala-plan-select small {
	color: var(--wakala-accent);
	display: block;
	font-weight: 800;
	margin-top: 10px;
}

.wakala-full {
	grid-column: 1 / -1;
}

.wakala-notice {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: var(--wakala-text);
	margin: 12px 0;
	padding: 12px 14px;
}

.wakala-success {
	border-color: rgba(0, 229, 168, 0.5);
}

.wakala-error {
	border-color: rgba(255, 92, 92, 0.6);
}

.wakala-table {
	border-collapse: collapse;
	color: var(--wakala-text);
	display: block;
	overflow-x: auto;
	width: 100%;
}

.wakala-table th,
.wakala-table td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px;
	text-align: left;
}

.wakala-insight-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: 24px;
}

.wakala-insight {
	border-left: 4px solid rgba(255, 255, 255, 0.2);
}

.wakala-insight > span {
	color: var(--wakala-muted);
	display: block;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.wakala-insight strong {
	color: var(--wakala-accent);
	display: block;
	font-size: 24px;
	margin-top: 12px;
}

.wakala-insight-success {
	border-left-color: #00E5A8;
}

.wakala-insight-warning {
	border-left-color: #FBBF24;
}

.wakala-insight-danger {
	border-left-color: #F87171;
}

.wakala-insight-info {
	border-left-color: #60A5FA;
}

@media (max-width: 760px) {
	.wakala-shell {
		padding: 16px;
	}

	.wakala-home,
	.wakala-public-hero,
	.wakala-form-grid,
	.wakala-service-row,
	.wakala-dashboard-grid {
		grid-template-columns: 1fr;
	}

	.wakala-control-hero {
		align-items: stretch;
		flex-direction: column;
	}

	.wakala-nav-shell {
		bottom: 0;
		grid-template-columns: 1fr;
		margin: 0;
		position: sticky;
		top: auto;
	}

	.wakala-nav-brand {
		display: none;
	}

	.wakala-nav-links {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
	}

	.wakala-nav-links a,
	.wakala-nav-footer a {
		flex: 0 0 auto;
		font-size: 13px;
		min-height: 38px;
		padding: 8px 11px;
	}

	.wakala-nav-footer {
		justify-content: flex-start;
		overflow-x: auto;
	}
}

@media (max-width: 520px) {
	.wakala-shell {
		border-radius: 0;
		padding: 14px;
	}

	.wakala-actions .wakala-button,
	.wakala-shell button.wakala-button {
		width: 100%;
	}

	.wakala-public-hero h1,
	.wakala-control-hero h1 {
		font-size: 34px;
	}
}

@media print {
	@page {
		margin: 12mm;
		size: A4;
	}

	body {
		background: #fff !important;
		color: #000 !important;
		font-size: 11px !important;
	}

	.wakala-shell {
		background: #fff !important;
		color: #000 !important;
		max-width: none;
		padding: 0;
		width: 100% !important;
	}

	.wakala-card,
	.wakala-summary div {
		background: #fff !important;
		border: 1px solid #ddd !important;
		box-shadow: none !important;
		color: #000 !important;
		margin: 0 0 10px !important;
		page-break-inside: avoid;
		padding: 10px !important;
	}

	.wakala-actions,
	.wakala-nav-shell,
	.wakala-print-actions button {
		display: none !important;
	}

	.wakala-card h2,
	.wakala-card h3,
	.wakala-card h4,
	.wakala-summary strong,
	.wakala-table,
	.wakala-table th,
	.wakala-table td {
		color: #000 !important;
	}

	.wakala-table {
		display: table;
		font-size: 10px;
		overflow: visible;
		width: 100%;
	}

	.wakala-table th,
	.wakala-table td {
		padding: 6px !important;
	}

	.wakala-summary {
		display: grid !important;
		gap: 6px !important;
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/* v1.0.7 premium app visual system */
:root {
	--wakala-bg: #0B0F19;
	--wakala-surface: #161F30;
	--wakala-surface-hover: #1E293B;
	--wakala-border: #24324D;
	--wakala-text-primary: #F8FAFC;
	--wakala-text-muted: #94A3B8;
	--wakala-gold: #DCA54A;
	--wakala-gold-glow: rgba(220, 165, 74, 0.15);
	--wakala-mint: #10B981;
	--wakala-crimson: #EF4444;
	--wakala-font: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
}

body.light-theme {
	--wakala-bg: #F8FAFC;
	--wakala-surface: #FFFFFF;
	--wakala-surface-hover: #F1F5F9;
	--wakala-border: #E2E8F0;
	--wakala-text-primary: #0F172A;
	--wakala-text-muted: #64748B;
}

body:has(.wakala-shell),
body:has(.wakala-nav-shell) {
	background: var(--wakala-bg) !important;
	color: var(--wakala-text-primary);
}

.wakala-shell,
.wakala-nav-shell {
	--wakala-card: var(--wakala-surface);
	--wakala-card-2: var(--wakala-surface-hover);
	--wakala-text: var(--wakala-text-primary);
	--wakala-muted: var(--wakala-text-muted);
	--wakala-accent: var(--wakala-gold);
	background:
		radial-gradient(circle at 10% 0%, var(--wakala-gold-glow), transparent 34%),
		linear-gradient(180deg, var(--wakala-bg) 0%, var(--wakala-bg) 100%);
	color: var(--wakala-text-primary);
	font-family: var(--wakala-font);
	letter-spacing: 0;
}

.wakala-shell {
	border-radius: 0;
	min-height: 100vh;
	padding: clamp(18px, 2.5vw, 34px);
}

.wakala-shell *,
.wakala-nav-shell * {
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.wakala-card,
.wakala-benefits > div,
.wakala-method,
.wakala-summary div,
.wakala-control-hero,
.wakala-nav-shell {
	background: linear-gradient(180deg, color-mix(in srgb, var(--wakala-surface) 96%, transparent), var(--wakala-surface));
	border: 1px solid var(--wakala-border);
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
	color: var(--wakala-text-primary);
}

.wakala-card:hover,
.wakala-benefits > div:hover,
.wakala-summary div:hover,
.wakala-method:hover {
	background: var(--wakala-surface-hover);
	border-color: color-mix(in srgb, var(--wakala-gold) 40%, var(--wakala-border));
}

.wakala-control-hero,
.wakala-public-hero {
	min-height: auto;
}

.wakala-role-hero {
	align-items: center;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--wakala-surface) 92%, transparent), color-mix(in srgb, var(--wakala-gold) 8%, var(--wakala-surface))),
		var(--wakala-surface);
	overflow: hidden;
	position: relative;
}

.wakala-role-hero::after {
	background: linear-gradient(180deg, var(--wakala-gold), transparent);
	content: "";
	height: 120%;
	opacity: 0.22;
	position: absolute;
	right: 0;
	top: -10%;
	width: 4px;
}

.wakala-home h1,
.wakala-public-hero h1,
.wakala-control-hero h1,
.wakala-page-hero h1,
.wakala-page-hero h2,
.wakala-card h2,
.wakala-card h3,
.wakala-card h4,
.wakala-tiers h2 {
	color: var(--wakala-text-primary);
	font-family: var(--wakala-font);
	letter-spacing: 0;
}

.wakala-home p,
.wakala-card p,
.wakala-nav-card span,
.wakala-report-meta,
.wakala-benefits span,
.wakala-summary span,
.wakala-form span,
.wakala-action-card small {
	color: var(--wakala-text-muted);
}

.wakala-kicker,
.wakala-mini-note {
	color: var(--wakala-gold);
	letter-spacing: 0;
	text-transform: uppercase;
}

.wakala-button,
.wakala-shell button.wakala-button,
.wakala-admin .button-primary {
	background: var(--wakala-gold);
	border-color: var(--wakala-gold);
	border-radius: 12px;
	box-shadow: 0 10px 30px var(--wakala-gold-glow);
	color: #111827;
	font-weight: 900;
}

.wakala-button:hover,
.wakala-shell button.wakala-button:hover {
	background: #F0C06B;
	border-color: #F0C06B;
	color: #0B0F19;
}

.wakala-button-ghost,
.wakala-shell button.wakala-button-ghost {
	background: transparent;
	border-color: var(--wakala-border);
	box-shadow: none;
	color: var(--wakala-gold);
}

.wakala-button:focus,
.wakala-shell button.wakala-button:focus,
.wakala-nav-links a:focus,
.wakala-theme-toggle:focus,
.wakala-form input:focus,
.wakala-form select:focus,
.wakala-form textarea:focus {
	border-color: var(--wakala-gold);
	box-shadow: 0 0 0 3px var(--wakala-gold-glow);
	outline: none;
}

.wakala-nav-shell {
	align-items: stretch;
	backdrop-filter: blur(18px);
	display: grid;
	gap: 18px;
	grid-template-columns: 240px minmax(0, 1fr) auto;
	margin: 0 0 18px;
	padding: 16px;
	top: 12px;
}

.wakala-nav-brand strong {
	color: var(--wakala-text-primary);
	font-size: 18px;
}

.wakala-nav-brand span,
.wakala-nav-brand small {
	color: var(--wakala-text-muted);
}

.wakala-nav-badges,
.wakala-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.wakala-nav-badges span,
.wakala-hero-meta span,
.wakala-status-pill,
.wakala-premium-badge,
.wakala-trend-pill,
.wakala-ledger-list span {
	align-items: center;
	background: color-mix(in srgb, var(--wakala-surface-hover) 80%, transparent);
	border: 1px solid var(--wakala-border);
	border-radius: 999px;
	color: var(--wakala-text-primary);
	display: inline-flex;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	min-height: 30px;
	padding: 6px 10px;
}

.wakala-premium-badge,
.wakala-status-pill.is-open,
.wakala-ledger-list .is-gold {
	background: var(--wakala-gold-glow);
	border-color: color-mix(in srgb, var(--wakala-gold) 50%, var(--wakala-border));
	color: var(--wakala-gold);
}

.wakala-status-pill.is-closed,
.wakala-ledger-list .is-danger,
.wakala-analytics-card.is-risk .wakala-trend-pill {
	background: rgba(239, 68, 68, 0.12);
	border-color: rgba(239, 68, 68, 0.35);
	color: var(--wakala-crimson);
}

.wakala-ledger-list .is-success,
.wakala-trend-pill.is-positive,
.wakala-analytics-card.is-healthy .wakala-trend-pill {
	background: rgba(16, 185, 129, 0.12);
	border-color: rgba(16, 185, 129, 0.35);
	color: var(--wakala-mint);
}

.wakala-nav-links {
	align-content: start;
	gap: 8px;
}

.wakala-nav-links a,
.wakala-nav-footer a,
.wakala-theme-toggle {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 12px;
	color: var(--wakala-text-primary);
	cursor: pointer;
	font-family: var(--wakala-font);
	font-size: 13px;
	font-weight: 800;
	min-height: 40px;
	padding: 10px 12px;
	text-decoration: none;
}

.wakala-nav-links a:hover,
.wakala-nav-links a.is-active,
.wakala-nav-footer a:hover,
.wakala-theme-toggle:hover {
	background: var(--wakala-surface-hover);
	border-color: var(--wakala-border);
	color: var(--wakala-gold);
}

.wakala-commercial-controls {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 12px;
}

/* Keep the full account navigation in document flow so its footer cannot
 * intercept plan/payment controls after a long page scroll. */
.wakala-nav-shell:not(.is-work-nav) {
	position: relative;
	top: auto;
}

.wakala-nav-links a.is-active {
	box-shadow: inset 3px 0 0 var(--wakala-gold);
}

.wakala-upgrade-mini {
	color: var(--wakala-gold) !important;
}

.wakala-form input,
.wakala-form select,
.wakala-form textarea,
.wakala-service-row input,
.wakala-shell input,
.wakala-shell select,
.wakala-shell textarea {
	background: var(--wakala-bg);
	border: 1px solid var(--wakala-border);
	border-radius: 12px;
	color: var(--wakala-text-primary);
	font-family: var(--wakala-font);
	min-height: 46px;
	padding: 12px;
}

.wakala-shell option {
	background: var(--wakala-surface);
	color: var(--wakala-text-primary);
}

.wakala-summary {
	gap: 14px;
}

.wakala-summary div {
	padding: 18px;
}

.wakala-summary strong,
.wakala-benefits strong {
	color: var(--wakala-text-primary);
}

.wakala-metric-strip strong {
	font-size: clamp(22px, 3vw, 34px);
}

.wakala-action-card {
	border-radius: 16px;
	min-height: 150px;
	padding: 20px;
}

.wakala-dashboard-teller .wakala-action-card {
	min-height: 128px;
	padding: 24px;
}

.wakala-dashboard-teller .wakala-role-actions {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.wakala-dashboard-manager .wakala-ops-card {
	border-color: rgba(239, 68, 68, 0.28);
}

.wakala-card-icon {
	background: var(--wakala-gold-glow);
	border-color: color-mix(in srgb, var(--wakala-gold) 45%, var(--wakala-border));
	border-radius: 12px;
	color: var(--wakala-gold);
}

.wakala-owner-analytics {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 18px auto;
	max-width: 1240px;
}

.wakala-analytics-card,
.wakala-health-ring-card {
	min-height: 184px;
}

.wakala-analytics-card > span,
.wakala-health-ring-card > span {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 14px;
}

.wakala-analytics-card > strong {
	color: var(--wakala-text-primary);
	display: block;
	font-size: 24px;
	line-height: 1.15;
	margin-bottom: 12px;
}

.wakala-analytics-card small {
	color: var(--wakala-text-muted);
	display: block;
	line-height: 1.5;
}

.wakala-health-ring-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.wakala-health-ring {
	display: grid;
	height: 128px;
	place-items: center;
	position: relative;
	width: 128px;
}

.wakala-health-ring svg,
.wakala-health-ring strong {
	grid-area: 1 / 1;
}

.wakala-health-ring circle {
	fill: none;
	stroke: var(--wakala-border);
	stroke-width: 10;
}

.wakala-health-ring circle + circle {
	filter: drop-shadow(0 0 12px var(--wakala-gold-glow));
	stroke: var(--wakala-gold);
	stroke-dasharray: calc(var(--score) * 3.016) 302;
	stroke-linecap: round;
	transform: rotate(-90deg);
	transform-origin: center;
}

.wakala-health-ring strong {
	color: var(--wakala-text-primary);
	font-size: 26px;
}

.wakala-health-ring small {
	color: var(--wakala-text-muted);
	font-size: 13px;
}

.wakala-ledger-list {
	display: grid;
	gap: 10px;
}

.wakala-money,
.wakala-table td:nth-child(n+2) {
	font-weight: 800;
}

.wakala-table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--wakala-border);
	border-radius: 14px;
	display: block;
	overflow-x: auto;
	scrollbar-color: var(--wakala-border) transparent;
}

.wakala-table th,
.wakala-table td {
	border-bottom: 1px solid var(--wakala-border);
	padding: 13px 14px;
	white-space: nowrap;
}

.wakala-table th {
	background: var(--wakala-surface-hover);
	color: var(--wakala-text-muted);
	font-size: 12px;
	text-transform: uppercase;
}

.wakala-table tbody tr:nth-child(even) {
	background: color-mix(in srgb, var(--wakala-surface-hover) 46%, transparent);
}

.wakala-insight {
	background: linear-gradient(135deg, var(--wakala-surface), rgba(220, 165, 74, 0.05));
	border-left-color: var(--wakala-gold);
}

.wakala-insight strong {
	color: var(--wakala-gold);
}

.wakala-insight-success {
	border-left-color: var(--wakala-mint);
}

.wakala-insight-warning,
.wakala-insight-danger {
	border-left-color: var(--wakala-crimson);
}

.wakala-public-hero {
	align-items: center;
}

.wakala-login-card {
	align-self: center;
}

@media (max-width: 1080px) {
	.wakala-nav-shell {
		grid-template-columns: 1fr;
		position: sticky;
	}

	.wakala-nav-footer {
		justify-content: flex-start;
	}

	.wakala-owner-analytics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.wakala-shell {
		padding: 14px;
	}

	.wakala-nav-shell {
		border-radius: 16px 16px 0 0;
		bottom: 0;
		left: 0;
		position: sticky;
		right: 0;
		top: auto;
		z-index: 40;
	}

	.wakala-nav-brand {
		display: block;
	}

	.wakala-nav-links,
	.wakala-nav-footer {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
	}

	.wakala-nav-links a,
	.wakala-nav-footer a,
	.wakala-theme-toggle {
		flex: 0 0 auto;
	}

	.wakala-owner-analytics,
	.wakala-home,
	.wakala-public-hero,
	.wakala-form-grid,
	.wakala-service-row,
	.wakala-dashboard-grid {
		grid-template-columns: 1fr;
	}

	.wakala-control-hero {
		align-items: stretch;
	}
}

@media (max-width: 520px) {
	.wakala-public-hero h1,
	.wakala-control-hero h1 {
		font-size: 32px;
	}

	.wakala-action-card,
	.wakala-card {
		padding: 16px;
	}

	.wakala-table th,
	.wakala-table td {
		padding: 11px 12px;
	}
}

/* v1.0.8B POS workflow UI repair */
:root {
	--wakala-bg: #0B0F19;
	--wakala-surface: #161F30;
	--wakala-surface-hover: #1E293B;
	--wakala-border: #24324D;
	--wakala-text-primary: #F8FAFC;
	--wakala-text-muted: #94A3B8;
	--wakala-gold: #DCA54A;
	--wakala-mint: #10B981;
	--wakala-crimson: #EF4444;
	--wakala-font: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body:has(.wakala-shell),
body:has(.wakala-nav-shell) {
	background: var(--wakala-bg) !important;
}

.wakala-shell,
.wakala-nav-shell {
	--wakala-card: var(--wakala-surface);
	--wakala-card-2: var(--wakala-surface-hover);
	--wakala-text: var(--wakala-text-primary);
	--wakala-muted: var(--wakala-text-muted);
	--wakala-accent: var(--wakala-gold);
	background: var(--wakala-bg) !important;
	color: var(--wakala-text-primary);
	font-family: var(--wakala-font);
}

.wakala-shell {
	min-height: 100vh;
	padding: clamp(18px, 3vw, 36px);
}

.wakala-card,
.wakala-control-hero,
.wakala-nav-shell,
.wakala-workspace,
.wakala-pos-metric,
.wakala-action-card,
.wakala-activity-item {
	background: var(--wakala-surface);
	border: 1px solid var(--wakala-border);
	border-radius: 18px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
	color: var(--wakala-text-primary);
}

.wakala-card:hover,
.wakala-workspace:hover,
.wakala-pos-metric:hover,
.wakala-action-card:hover,
.wakala-activity-item:hover {
	background: var(--wakala-surface-hover);
	border-color: color-mix(in srgb, var(--wakala-gold) 44%, var(--wakala-border));
	transform: translateY(-1px);
}

.wakala-control-hero {
	margin-bottom: 20px;
	padding: clamp(20px, 3vw, 30px);
}

.wakala-control-hero h1 {
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.05;
	margin-bottom: 10px;
}

.wakala-control-hero p {
	color: var(--wakala-text-muted);
	font-size: 15px;
	max-width: 680px;
}

.wakala-pos-metrics {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 auto 20px;
	max-width: 1240px;
}

.wakala-summary > a,
.wakala-pos-metric {
	display: block;
	min-height: 148px;
	padding: 22px;
	text-decoration: none;
}

.wakala-pos-metric span {
	color: var(--wakala-text-muted);
	font-size: 13px;
	font-weight: 900;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.wakala-pos-metric strong {
	color: var(--wakala-text-primary);
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1;
}

.wakala-pos-metric small {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 13px;
	margin-top: 14px;
}

.wakala-cash-card,
.wakala-float-card {
	box-shadow: inset 0 0 0 1px rgba(220, 165, 74, 0.16), 0 18px 50px rgba(0, 0, 0, 0.18);
}

.wakala-health-card.is-health-green strong {
	color: var(--wakala-mint);
}

.wakala-health-card.is-health-yellow strong {
	color: var(--wakala-gold);
}

.wakala-health-card.is-health-red strong,
.wakala-status-pill.is-closed {
	color: var(--wakala-crimson);
}

.wakala-pos-actions {
	gap: 18px;
	grid-template-columns: repeat(5, minmax(150px, 1fr));
	margin-bottom: 22px;
}

.wakala-action-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 178px;
	padding: 22px;
	text-decoration: none;
}

.wakala-action-card strong {
	color: var(--wakala-text-primary);
	font-size: clamp(20px, 2vw, 26px);
	line-height: 1.12;
}

.wakala-action-card small {
	color: var(--wakala-text-muted);
	font-size: 14px;
	line-height: 1.45;
	margin-top: 10px;
}

.wakala-card-icon {
	background: rgba(220, 165, 74, 0.14);
	border-color: rgba(220, 165, 74, 0.42);
	color: var(--wakala-gold);
	height: 42px;
	width: 42px;
}

.wakala-dashboard-grid {
	align-items: start;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.wakala-dashboard-grid .wakala-ops-card {
	grid-column: 1 / -1;
}

.wakala-balance-card h3,
.wakala-workspace h3,
.wakala-card h2,
.wakala-card h3 {
	color: var(--wakala-text-primary);
	font-size: clamp(22px, 2.2vw, 30px);
	margin-bottom: 16px;
}

.wakala-transaction-shell > .wakala-card:first-child {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

.wakala-transaction-categories {
	grid-template-columns: repeat(5, minmax(150px, 1fr));
	margin: 18px 0 22px;
}

.wakala-workspace {
	margin: 18px 0;
	padding: clamp(18px, 2.5vw, 28px);
	scroll-margin-top: 110px;
}

.wakala-workspace:target {
	border-color: var(--wakala-gold);
	box-shadow: 0 0 0 3px rgba(220, 165, 74, 0.14), 0 22px 60px rgba(0, 0, 0, 0.28);
}

.wakala-workspace .wakala-summary {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 18px;
}

.wakala-form-grid {
	gap: 16px;
}

.wakala-form label {
	color: var(--wakala-text-primary);
}

.wakala-form span {
	color: var(--wakala-text-muted);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
}

.wakala-form input,
.wakala-form select,
.wakala-form textarea,
.wakala-shell input,
.wakala-shell select,
.wakala-shell textarea {
	background: #0B0F19;
	border: 1px solid var(--wakala-border);
	border-radius: 14px;
	color: var(--wakala-text-primary);
	font-size: 15px;
	min-height: 52px;
	padding: 13px 14px;
}

.wakala-form textarea {
	min-height: 108px;
}

.wakala-button,
.wakala-shell button.wakala-button {
	background: var(--wakala-gold);
	border-color: var(--wakala-gold);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(220, 165, 74, 0.16);
	color: #0B0F19;
	font-size: 15px;
	min-height: 52px;
}

.wakala-button:hover,
.wakala-shell button.wakala-button:hover {
	background: #E9BC68;
	border-color: #E9BC68;
	color: #0B0F19;
}

.wakala-button-ghost,
.wakala-shell button.wakala-button-ghost {
	background: transparent;
	border-color: var(--wakala-border);
	color: var(--wakala-gold);
}

.wakala-activity-list {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.wakala-activity-item {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(150px, auto) auto;
	padding: 16px;
}

.wakala-activity-item span,
.wakala-activity-item small {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 13px;
}

.wakala-activity-item strong {
	color: var(--wakala-text-primary);
	display: block;
	font-size: 18px;
}

.wakala-activity-money {
	text-align: right;
}

.wakala-status-chip {
	align-items: center;
	background: rgba(148, 163, 184, 0.12);
	border: 1px solid var(--wakala-border);
	border-radius: 999px;
	color: var(--wakala-text-muted);
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	min-height: 36px;
	padding: 8px 12px;
}

.wakala-status-chip.is-approved {
	background: rgba(16, 185, 129, 0.12);
	border-color: rgba(16, 185, 129, 0.35);
	color: var(--wakala-mint);
}

.wakala-capital-shell .wakala-form-grid,
#wakala-open-day .wakala-form,
#wakala-close-day .wakala-form {
	background: rgba(11, 15, 25, 0.38);
	border: 1px solid var(--wakala-border);
	border-radius: 18px;
	padding: clamp(16px, 2.4vw, 24px);
}

.wakala-table {
	background: var(--wakala-surface);
	border: 1px solid var(--wakala-border);
	border-radius: 16px;
	box-shadow: none;
}

.wakala-table th {
	background: var(--wakala-surface-hover);
	color: var(--wakala-text-muted);
	font-size: 12px;
}

.wakala-table td {
	color: var(--wakala-text-primary);
}

.wakala-nav-shell {
	background: rgba(22, 31, 48, 0.96) !important;
	border-color: var(--wakala-border);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.wakala-nav-links a,
.wakala-nav-footer a,
.wakala-theme-toggle {
	color: var(--wakala-text-primary);
	font-size: 14px;
}

.wakala-nav-links a:hover,
.wakala-nav-links a.is-active,
.wakala-nav-footer a:hover,
.wakala-theme-toggle:hover {
	background: var(--wakala-surface-hover);
	color: var(--wakala-gold);
}

.wakala-shell a,
.wakala-nav-shell a,
.wakala-shell button,
.wakala-table a,
.wakala-card a,
.wakala-action-card {
	text-decoration: none !important;
}

.wakala-workspace[hidden] {
	display: none !important;
}

.wakala-action-card.is-active,
.wakala-tab-buttons .is-active {
	background: rgba(220, 165, 74, 0.14);
	border-color: var(--wakala-gold);
	color: var(--wakala-gold);
}

.wakala-workspace-close {
	margin-bottom: 14px;
}

.wakala-tab-buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wakala-tab-buttons .wakala-button {
	width: 100%;
}

.wakala-selected-action {
	background: rgba(220, 165, 74, 0.1);
	border: 1px solid rgba(220, 165, 74, 0.28);
	border-radius: 8px;
	color: var(--wakala-gold);
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	margin-top: 8px;
	padding: 7px 10px;
}

.wakala-field-hint {
	color: var(--wakala-muted);
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 7px;
}

.wakala-disabled-control {
	cursor: not-allowed;
	opacity: 0.58;
}

.wakala-platform-admin-shell .wakala-pos-metrics {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wakala-platform-admin-shell .wakala-pos-actions {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wakala-plan-status-card {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin: 0 auto 20px;
	max-width: 1240px;
}

.wakala-plan-status-card span,
.wakala-plan-status-card small {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 13px;
}

.wakala-plan-status-card strong {
	color: var(--wakala-text-primary);
	display: block;
	font-size: clamp(20px, 2.4vw, 30px);
	margin: 5px 0;
}

.wakala-plan-status-card.is-risk {
	border-color: rgba(239, 68, 68, 0.4);
}

.wakala-table-scroll-card {
	max-width: 100%;
	overflow-x: auto;
}

@media (max-width: 460px) {
	.wakala-plan-status-card {
		align-items: stretch;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.wakala-pos-metrics,
	.wakala-pos-actions,
	.wakala-transaction-categories {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.wakala-shell {
		padding: 12px;
	}

	.wakala-role-hero {
		display: none;
	}

	.wakala-pos-metrics,
	.wakala-dashboard-grid,
	.wakala-workspace .wakala-summary,
	.wakala-form-grid {
		grid-template-columns: 1fr;
	}

	.wakala-pos-actions,
	.wakala-transaction-categories {
		display: grid;
		grid-template-columns: 1fr;
	}

	.wakala-pos-metric,
	.wakala-action-card {
		min-height: 128px;
	}

	.wakala-activity-item {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.wakala-activity-money {
		text-align: left;
	}

	.wakala-inline-form {
		display: grid;
		gap: 10px;
	}

	.wakala-tab-buttons,
	.wakala-platform-admin-shell .wakala-pos-metrics,
	.wakala-platform-admin-shell .wakala-pos-actions {
		grid-template-columns: 1fr;
	}

	.wakala-nav-shell {
		border-radius: 18px 18px 0 0;
	}
}

@media (max-width: 460px) {
	.wakala-pos-metric strong {
		font-size: 26px;
	}

	.wakala-action-card strong {
		font-size: 22px;
	}

	.wakala-card,
	.wakala-workspace,
	.wakala-pos-metric,
	.wakala-action-card {
		border-radius: 14px;
		padding: 16px;
	}
}

/* v1.0.8F compact teller transaction workflow */
body:has(.wakala-transaction-fast) .wakala-nav-shell {
	gap: 10px;
	margin-bottom: 10px;
	min-height: auto;
	padding: 10px 12px;
}

/* v1.0.8G frontend platform admin and payment banners */
.wakala-admin-workspace-grid {
	align-items: start;
	margin-bottom: 18px;
}

.wakala-inline-actions {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}

.wakala-button-small {
	min-height: 34px;
	padding: 7px 12px;
	font-size: 12px;
}

.wakala-checkline {
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid var(--wakala-border, #24324d);
	border-radius: 8px;
	background: rgba(22, 31, 48, 0.72);
}

.wakala-checkline input {
	width: auto !important;
	min-height: auto !important;
}

.wakala-payment-banner-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
	margin-top: 8px;
}

.wakala-payment-banner-grid-compact {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.wakala-payment-banner {
	position: relative;
	display: grid;
	gap: 7px;
	min-height: 120px;
	padding: 14px;
	border: 1px solid var(--wakala-border, #24324d);
	border-radius: 8px;
	background: #161f30;
	color: #f8fafc;
	cursor: pointer;
	transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.wakala-payment-banner:hover {
	border-color: #dca54a;
	background: #1e293b;
	transform: translateY(-1px);
}

.wakala-payment-banner input {
	position: absolute;
	inset: 12px 12px auto auto;
	width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
	accent-color: #dca54a;
}

.wakala-payment-banner img {
	width: 100%;
	max-height: 82px;
	object-fit: contain;
	border-radius: 6px;
	background: rgba(248, 250, 252, .04);
}

.wakala-payment-banner strong {
	padding-right: 28px;
	font-size: 15px;
	line-height: 1.25;
	color: #f8fafc;
}

.wakala-payment-banner span,
.wakala-payment-banner small {
	color: #94a3b8;
	font-size: 12px;
	line-height: 1.45;
}

.wakala-payment-banner em {
	color: #dca54a;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
}

.wakala-payment-banner.is-selected,
.wakala-payment-banner:has(input:checked) {
	border-color: #dca54a;
	background: linear-gradient(180deg, rgba(220, 165, 74, .16), rgba(22, 31, 48, .92));
	box-shadow: 0 0 0 1px rgba(220, 165, 74, .18);
}

.wakala-payment-banner.is-selected::after,
.wakala-payment-banner:has(input:checked)::after {
	content: "Selected";
	position: absolute;
	right: 12px;
	bottom: 10px;
	color: #dca54a;
	font-size: 11px;
	font-weight: 700;
}

@media (max-width: 720px) {
	.wakala-payment-banner-grid {
		grid-template-columns: 1fr;
	}

	.wakala-inline-actions {
		flex-direction: column;
		align-items: stretch;
	}
}

/* v1.0.8H grouped drawer navigation, scalable audit, and richer payment banners */
.wakala-nav-menu-button {
	position: fixed;
	top: 14px;
	left: 14px;
	z-index: 1002;
	display: none;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid #24324d;
	border-radius: 8px;
	background: #161f30;
	color: #f8fafc;
	font-weight: 800;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .32);
}

.wakala-grouped-nav {
	overflow-y: auto;
	padding: 14px;
}

.wakala-nav-groups {
	display: grid;
	gap: 8px;
}

.wakala-nav-group {
	border: 1px solid rgba(36, 50, 77, .78);
	border-radius: 8px;
	background: rgba(11, 15, 25, .42);
	overflow: hidden;
}

.wakala-nav-group-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 11px;
	border: 0;
	background: transparent;
	color: #f8fafc;
	font-size: 12px;
	font-weight: 900;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .04em;
	cursor: pointer;
}

.wakala-nav-group-title span {
	color: #dca54a;
	font-size: 15px;
	line-height: 1;
}

.wakala-nav-group .wakala-nav-links {
	display: none;
	padding: 0 8px 9px;
	gap: 5px;
}

.wakala-nav-group.is-open .wakala-nav-links {
	display: grid;
}

.wakala-grouped-nav .wakala-nav-links a {
	min-height: 34px;
	padding: 8px 10px;
	border-radius: 7px;
	font-size: 13px;
}

.wakala-nav-backdrop {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: none;
	background: rgba(0, 0, 0, .55);
	backdrop-filter: blur(2px);
}

body:has(.wakala-nav-shell) {
	padding-left: 270px;
}

body:has(.wakala-nav-shell.is-work-nav) {
	padding-left: 0;
}

.wakala-nav-shell.is-work-nav {
	transform: translateX(-110%);
	box-shadow: 24px 0 70px rgba(0, 0, 0, .42);
}

body:has(.wakala-nav-shell.is-work-nav) .wakala-nav-menu-button,
body:has(.wakala-nav-shell) .wakala-nav-menu-button {
	display: inline-flex;
}

body.wakala-nav-open .wakala-nav-shell {
	transform: translateX(0);
}

body.wakala-nav-open .wakala-nav-backdrop {
	display: block;
}

.wakala-compact-hero {
	padding: 18px;
}

.wakala-audit-filters {
	align-items: end;
}

.wakala-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 14px;
	color: #94a3b8;
}

.wakala-payment-banner {
	min-height: 148px;
	padding: 16px;
}

.wakala-payment-banner .wakala-account-number {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 10px;
	border: 1px dashed rgba(220, 165, 74, .6);
	border-radius: 8px;
	color: #f8fafc;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: .03em;
}

.wakala-copy-account {
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid #24324d;
	border-radius: 7px;
	background: #0b0f19;
	color: #dca54a;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
}

.wakala-payment-widget {
	margin-top: 6px;
	padding: 10px;
	border-radius: 8px;
	background: rgba(11, 15, 25, .44);
	color: #f8fafc;
	font-size: 13px;
	line-height: 1.5;
}

.wakala-payment-widget * {
	max-width: 100%;
}

.wakala-admin-preview-banner {
	margin-top: 10px;
}

@media (max-width: 980px) {
	body:has(.wakala-nav-shell) {
		padding-left: 0;
	}

	.wakala-nav-shell {
		transform: translateX(-110%);
		box-shadow: 24px 0 70px rgba(0, 0, 0, .42);
	}

	body.wakala-nav-open .wakala-nav-shell {
		transform: translateX(0);
	}
}

body:has(.wakala-transaction-fast) .wakala-nav-brand strong {
	font-size: 15px;
}

body:has(.wakala-transaction-fast) .wakala-nav-brand span,
body:has(.wakala-transaction-fast) .wakala-nav-brand small,
body:has(.wakala-transaction-fast) .wakala-nav-badges span,
body:has(.wakala-transaction-fast) .wakala-nav-links a,
body:has(.wakala-transaction-fast) .wakala-nav-footer a,
body:has(.wakala-transaction-fast) .wakala-theme-toggle {
	font-size: 12px;
	min-height: 32px;
	padding: 7px 9px;
}

.wakala-transaction-fast {
	padding-top: 8px;
}

.wakala-transaction-panel {
	padding: 14px !important;
}

.wakala-transaction-header {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 10px;
}

.wakala-transaction-header .wakala-kicker {
	font-size: 11px;
	margin-bottom: 2px;
}

.wakala-transaction-header h2 {
	font-size: clamp(20px, 2vw, 26px);
	line-height: 1.1;
	margin: 0;
}

.wakala-compact-link {
	font-size: 12px !important;
	min-height: 34px !important;
	padding: 7px 10px !important;
}

.wakala-transaction-fast .wakala-transaction-categories {
	gap: 10px;
	grid-template-columns: repeat(5, minmax(118px, 1fr));
	margin: 8px 0 10px;
}

.wakala-transaction-fast.is-workspace-open .wakala-transaction-categories {
	display: none;
}

.wakala-transaction-fast .wakala-action-card {
	align-items: flex-start;
	border-radius: 12px;
	gap: 6px;
	min-height: 94px;
	padding: 12px;
}

.wakala-transaction-fast .wakala-action-card .wakala-card-icon {
	font-size: 14px;
	height: 30px;
	margin-bottom: 2px;
	width: 30px;
}

.wakala-transaction-fast .wakala-action-card strong {
	font-size: 16px;
	line-height: 1.15;
}

.wakala-transaction-fast .wakala-action-card small {
	font-size: 11px;
	line-height: 1.25;
}

.wakala-transaction-tabbar {
	background: rgba(11, 15, 25, 0.94);
	border: 1px solid var(--wakala-border);
	border-radius: 12px;
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(5, minmax(90px, 1fr));
	margin: 4px 0 10px;
	padding: 6px;
	position: sticky;
	top: 8px;
	z-index: 10;
}

.wakala-transaction-tabbar[hidden] {
	display: none !important;
}

.wakala-transaction-tab {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 9px;
	color: var(--wakala-text-muted);
	cursor: pointer;
	font-size: 12px;
	font-weight: 900;
	min-height: 34px;
	padding: 7px 8px;
}

.wakala-transaction-tab:hover,
.wakala-transaction-tab.is-active {
	background: rgba(220, 165, 74, 0.14);
	border-color: var(--wakala-gold);
	color: var(--wakala-gold);
}

.wakala-fast-workspace {
	margin: 0;
	padding: 12px !important;
	scroll-margin-top: 78px;
}

.wakala-workspace-titlebar {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 8px;
}

.wakala-workspace-titlebar h3 {
	font-size: clamp(18px, 2vw, 24px);
	line-height: 1.1;
	margin: 0;
}

.wakala-workspace-titlebar small {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 12px;
	margin-top: 2px;
}

.wakala-workspace-back {
	background: transparent;
	border: 0;
	color: var(--wakala-gold);
	cursor: pointer;
	font-size: 12px;
	font-weight: 900;
	min-height: 30px;
	padding: 4px 0;
}

.wakala-fast-summary {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 10px;
}

.wakala-fast-summary div,
.wakala-lipa-preview {
	background: rgba(11, 15, 25, 0.45);
	border: 1px solid var(--wakala-border);
	border-radius: 10px;
	padding: 8px 10px;
}

.wakala-fast-summary span,
.wakala-lipa-preview span {
	color: var(--wakala-text-muted);
	display: block;
	font-size: 11px;
	font-weight: 800;
}

.wakala-fast-summary strong,
.wakala-lipa-preview strong {
	color: var(--wakala-text-primary);
	display: block;
	font-size: 14px;
	margin-top: 2px;
}

.wakala-fast-form {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wakala-fast-form .wakala-request-field,
.wakala-fast-form .wakala-save-transaction {
	grid-column: 1 / -1;
}

.wakala-fast-form label {
	gap: 5px;
}

.wakala-fast-form input,
.wakala-fast-form select {
	border-radius: 10px;
	font-size: 14px;
	min-height: 42px;
	padding: 9px 11px;
}

.wakala-fast-form .wakala-save-transaction {
	border-radius: 11px;
	font-size: 15px;
	font-weight: 950;
	min-height: 46px;
}

.wakala-segmented-actions {
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wakala-segmented-actions .wakala-button {
	align-items: center;
	border-radius: 10px;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	min-height: 42px;
	padding: 8px 10px;
}

.wakala-segmented-actions .wakala-button small {
	color: var(--wakala-gold);
	display: none;
	font-size: 10px;
	font-weight: 950;
}

.wakala-segmented-actions .wakala-button.is-active small {
	display: inline;
}

.wakala-selected-action {
	margin-top: 4px;
	padding: 5px 8px;
}

.wakala-recent-compact {
	margin-top: 12px;
	padding: 14px !important;
}

.wakala-section-title {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 8px;
}

.wakala-section-title h3 {
	font-size: 18px;
	margin: 0;
}

.wakala-section-title a {
	color: var(--wakala-gold);
	font-size: 12px;
	font-weight: 900;
}

.wakala-recent-compact .wakala-activity-list {
	gap: 8px;
	margin-top: 8px;
}

.wakala-recent-compact .wakala-activity-item {
	border-radius: 10px;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 10px;
}

.wakala-recent-compact .wakala-activity-item strong {
	font-size: 14px;
}

.wakala-recent-compact .wakala-activity-item span,
.wakala-recent-compact .wakala-activity-item small {
	font-size: 11px;
}

@media (max-width: 980px) {
	.wakala-transaction-fast .wakala-transaction-categories,
	.wakala-transaction-tabbar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.wakala-fast-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	body:has(.wakala-transaction-fast) .wakala-nav-shell {
		padding: 8px;
	}

	.wakala-transaction-panel {
		padding: 10px !important;
	}

	.wakala-transaction-header {
		margin-bottom: 8px;
	}

	.wakala-transaction-fast .wakala-transaction-categories {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.wakala-transaction-fast .wakala-action-card {
		min-height: 88px;
		padding: 10px;
	}

	.wakala-transaction-fast .wakala-action-card strong {
		font-size: 14px;
	}

	.wakala-transaction-fast .wakala-action-card small {
		font-size: 10px;
	}

	.wakala-transaction-tabbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		top: 4px;
	}

	.wakala-fast-workspace {
		padding: 10px !important;
	}

	.wakala-fast-summary {
		gap: 6px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wakala-fast-summary div {
		padding: 7px 8px;
	}

	.wakala-fast-form {
		gap: 8px;
		grid-template-columns: 1fr;
	}

	.wakala-segmented-actions {
		grid-template-columns: 1fr;
	}

	.wakala-recent-compact .wakala-activity-item {
		grid-template-columns: 1fr;
	}

	.wakala-recent-compact .wakala-activity-money {
		text-align: left;
	}
}
/* Phase 2: Wakala Terminal v3. Hardware-like tokens remain independent of legacy cards. */
.wakala-terminal{--wt-bg:#080a0e;--wt-panel:#141820;--wt-panel-2:#1b2029;--wt-border:#343b48;--wt-text:#f3f4f6;--wt-muted:#9ca3af;--wt-blue:#3182f6;--wt-green:#22c55e;--wt-purple:#8b5cf6;max-width:1180px;margin:20px auto;padding:16px;color:var(--wt-text);background:var(--wt-bg);border:1px solid var(--wt-border);border-radius:22px;font-family:Inter,system-ui,sans-serif;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.wakala-terminal[data-theme="light"]{--wt-bg:#ebe9e4;--wt-panel:#f6f4ef;--wt-panel-2:#deddd8;--wt-border:#9b9da2;--wt-text:#17191d;--wt-muted:#62666d;box-shadow:0 20px 50px rgba(32,34,38,.14)}
@media(prefers-color-scheme:light){.wakala-terminal[data-theme="system"]{--wt-bg:#ebe9e4;--wt-panel:#f6f4ef;--wt-panel-2:#deddd8;--wt-border:#9b9da2;--wt-text:#17191d;--wt-muted:#62666d}}
.wakala-terminal-toolbar,.wakala-terminal-controls,.wakala-terminal-question,.wakala-terminal-progress,.wakala-terminal-bottom-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.wakala-terminal-toolbar{min-height:48px;padding:0 4px 14px}.wakala-terminal-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.wakala-terminal-toolbar small{color:var(--wt-muted)}.wakala-terminal-dot{width:9px;height:9px;border-radius:50%;background:var(--wt-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--wt-green) 18%,transparent)}
.wakala-terminal-controls button,.wakala-terminal-reset,.wakala-terminal-more>button{min-height:40px;padding:8px 13px;color:var(--wt-text);background:var(--wt-panel-2);border:1px solid var(--wt-border);border-radius:10px;font-weight:700;cursor:pointer}
.wakala-terminal-screen{min-height:248px;padding:22px;background:linear-gradient(145deg,var(--wt-panel),color-mix(in srgb,var(--wt-panel) 88%,black));border:1px solid var(--wt-border);border-radius:16px;box-shadow:inset 0 1px 12px rgba(0,0,0,.18)}.wakala-terminal-progress{color:var(--wt-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.wakala-terminal-progress>span{color:var(--wt-blue);font-weight:800}.wakala-terminal-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:24px;margin-top:42px}.wakala-terminal-summary div{min-width:0}.wakala-terminal-summary small{display:block;margin-bottom:10px;color:var(--wt-muted);font-size:.7rem;font-weight:800;letter-spacing:.09em}.wakala-terminal-summary strong{display:block;overflow:hidden;color:var(--wt-text);font-size:clamp(1.05rem,2vw,1.55rem);text-overflow:ellipsis;white-space:nowrap}
.wakala-terminal-tray{position:relative;min-height:330px;margin-top:12px;padding:22px;background:var(--wt-panel-2);border:1px solid var(--wt-border);border-radius:16px}.wakala-terminal-question span{color:var(--wt-blue);font-size:.75rem;font-weight:900;letter-spacing:.1em}.wakala-terminal-question h1{margin:5px 0 2px;color:var(--wt-text);font-size:clamp(1.35rem,2.4vw,2rem)}.wakala-terminal-question p{margin:0;color:var(--wt-muted)}.wakala-terminal-decisions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.wakala-bubble{position:relative;display:flex;align-items:center;gap:12px;min-height:82px;padding:13px 16px;text-align:left;color:var(--wt-text);background:var(--wt-panel);border:1px solid var(--wt-border);border-bottom-width:4px;border-radius:14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.wakala-bubble:hover,.wakala-bubble:focus-visible{border-color:var(--wt-blue);outline:3px solid color-mix(in srgb,var(--wt-blue) 30%,transparent);outline-offset:2px}.wakala-bubble:active{transform:translateY(3px) scale(.985);border-bottom-width:1px}.wakala-bubble kbd{display:grid;flex:0 0 28px;height:28px;place-items:center;color:var(--wt-muted);background:var(--wt-panel-2);border:1px solid var(--wt-border);border-radius:7px}.wakala-bubble span{display:flex;align-items:center;gap:10px;font-weight:800}.wakala-bubble i{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:#374151;border-radius:9px;font-size:.72rem;font-style:normal}.wakala-bubble.is-in{border-left:4px solid var(--wt-blue)}.wakala-bubble.is-out{border-left:4px solid var(--wt-purple)}.wakala-bubble.is-success{border-color:var(--wt-green);color:var(--wt-green)}.wakala-bubble.is-disabled{opacity:.48}
.wakala-terminal-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin-top:22px}.wakala-terminal-entry input{min-width:0;min-height:66px;padding:10px 18px;color:var(--wt-text);background:var(--wt-panel);border:2px solid var(--wt-border);border-radius:13px;font-size:clamp(1.25rem,3vw,2.1rem);font-weight:800}.wakala-terminal-entry input:focus{border-color:var(--wt-blue);outline:3px solid color-mix(in srgb,var(--wt-blue) 25%,transparent)}.wakala-terminal-entry button{min-height:58px;padding:0 20px;color:#fff;background:var(--wt-blue);border:0;border-radius:12px;font-weight:900;cursor:pointer}.wakala-terminal-entry button[data-skip]{color:var(--wt-text);background:var(--wt-panel);border:1px solid var(--wt-border)}.wakala-terminal-alert{margin-top:14px;padding:12px 15px;color:#fff;background:#9f2f35;border-radius:10px;font-weight:700}.wakala-terminal-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wakala-terminal-shortcuts strong{width:100%;color:var(--wt-muted);font-size:.75rem;text-transform:uppercase}.wakala-terminal-shortcuts button{padding:8px 11px;color:var(--wt-text);background:transparent;border:1px solid var(--wt-border);border-radius:9px;cursor:pointer}.wakala-terminal-bottom-nav{margin-top:12px;padding:5px;background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:13px}.wakala-terminal-bottom-nav a,.wakala-terminal-bottom-nav button{flex:1;min-height:45px;padding:11px;text-align:center;color:var(--wt-muted);background:transparent;border:0;border-radius:9px;font-weight:800;text-decoration:none;cursor:pointer}.wakala-terminal-bottom-nav .is-current{color:#fff;background:var(--wt-blue)}.wakala-terminal-more{position:fixed;z-index:10000;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));min-height:260px;padding:22px;color:var(--wt-text);background:var(--wt-panel);border:1px solid var(--wt-border);border-radius:17px;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:800px){.wakala-terminal{margin:8px;padding:10px;border-radius:15px}.wakala-terminal-screen{min-height:178px;padding:15px}.wakala-terminal-summary{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.wakala-terminal-summary strong{font-size:1rem;white-space:normal;overflow-wrap:anywhere}.wakala-terminal-tray{min-height:390px;padding:16px}.wakala-terminal-decisions{grid-template-columns:repeat(2,minmax(0,1fr))}.wakala-terminal-entry{grid-template-columns:1fr 1fr}.wakala-terminal-entry input{grid-column:1/-1}.wakala-terminal-toolbar small{display:none}.wakala-terminal-bottom-nav>*{min-width:0;font-size:.82rem;overflow-wrap:anywhere}}
@media(max-width:430px){.wakala-terminal{margin:0;border-radius:0;border-left:0;border-right:0}.wakala-terminal-screen{min-height:176px}.wakala-terminal-summary{gap:11px}.wakala-terminal-summary small{margin-bottom:4px;font-size:.58rem}.wakala-terminal-tray{min-height:calc(100vh - 385px)}.wakala-bubble{min-height:70px;padding:9px 8px;gap:7px}.wakala-bubble i{width:31px;height:31px}.wakala-bubble kbd{flex-basis:26px}.wakala-terminal-bottom-nav{position:sticky;bottom:4px;gap:2px}.wakala-terminal-bottom-nav a,.wakala-terminal-bottom-nav button{padding:8px 4px}.wakala-terminal-question{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.wakala-terminal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Phase 3 Daily Operations shares Terminal hardware tokens without dashboard-card styling. */
.wakala-operations{--op-bg:#090b0f;--op-panel:#151922;--op-panel2:#1d222c;--op-border:#363d49;--op-text:#f4f5f7;--op-muted:#9ca3af;--op-blue:#3182f6;--op-green:#22c55e;max-width:1180px;margin:20px auto;padding:16px;color:var(--op-text);background:var(--op-bg);border:1px solid var(--op-border);border-radius:20px}.wakala-operations[data-theme="light"]{--op-bg:#ebe9e4;--op-panel:#f5f3ee;--op-panel2:#deddd8;--op-border:#9b9da2;--op-text:#17191d;--op-muted:#62666d}.wakala-operations[data-theme="system"]{color-scheme:light dark}.wakala-operations-head{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 16px}.wakala-operations-head small{color:var(--op-blue);font-weight:900;letter-spacing:.12em}.wakala-operations-head h1{margin:4px 0;color:var(--op-text)}.wakala-operations-head span{color:var(--op-muted)}.wakala-operations-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;background:var(--op-border);border:1px solid var(--op-border);border-radius:14px}.wakala-operations-meter>div{min-width:0;padding:18px;background:var(--op-panel)}.wakala-operations-meter small{display:block;color:var(--op-muted);font-size:.68rem;font-weight:900;letter-spacing:.08em}.wakala-operations-meter strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:var(--op-text);font-size:clamp(1rem,2vw,1.5rem)}.wakala-operations-tabs{display:flex;gap:5px;margin:12px 0;padding:5px;overflow:auto;background:var(--op-panel);border:1px solid var(--op-border);border-radius:11px}.wakala-operations-tabs button{min-height:44px;padding:8px 15px;white-space:nowrap;color:var(--op-muted);background:transparent;border:0;border-radius:8px;font-weight:800;cursor:pointer}.wakala-operations-tabs button.is-active{color:#fff;background:var(--op-blue)}.wakala-operations-work{min-height:360px;padding:20px;background:var(--op-panel2);border:1px solid var(--op-border);border-radius:14px}.wakala-op-panel h2{margin-top:0}.wakala-op-ready{display:grid;min-height:280px;place-content:center;text-align:center}.wakala-op-ready button,.wakala-op-form button,.wakala-op-balance button{min-height:48px;padding:10px 18px;color:#fff;background:var(--op-blue);border:0;border-radius:10px;font-weight:900;cursor:pointer}.wakala-op-form{display:grid;gap:12px}.wakala-op-form label,.wakala-reconcile-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,.8fr) minmax(140px,1fr);align-items:center;gap:12px;padding:13px;background:var(--op-panel);border:1px solid var(--op-border);border-radius:10px}.wakala-op-form label span{font-weight:800}.wakala-op-form small{color:var(--op-muted)}.wakala-op-form input,.wakala-op-form textarea,.wakala-op-form select{min-width:0;min-height:45px;padding:9px 11px;color:var(--op-text);background:var(--op-bg);border:1px solid var(--op-border);border-radius:8px}.wakala-op-form input:focus,.wakala-op-form textarea:focus,.wakala-op-form select:focus{border-color:var(--op-blue);outline:3px solid color-mix(in srgb,var(--op-blue) 25%,transparent)}.wakala-op-form em,.wakala-reconcile-row>strong{color:#ef9a4b;font-style:normal}.wakala-op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wakala-op-balance{padding:17px;background:var(--op-panel);border:1px solid var(--op-border);border-radius:11px}.wakala-op-balance small{color:var(--op-muted);font-weight:800}.wakala-op-balance>strong{display:block;margin:8px 0 15px;font-size:1.4rem}.wakala-op-balance dl{display:flex;justify-content:space-between}.wakala-op-balance dl div{display:flex;gap:6px}.wakala-op-balance dt{color:var(--op-muted)}.wakala-float-command{margin-top:15px;grid-template-columns:1fr 1fr 1fr auto}.wakala-cashbook-timeline{display:grid;gap:2px}.wakala-cashbook-timeline article{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:15px;padding:13px;border-bottom:1px solid var(--op-border)}.wakala-cashbook-timeline time,.wakala-cashbook-timeline span{color:var(--op-muted)}.wakala-cashbook-timeline span{display:block;text-transform:capitalize}.wakala-day-history{display:grid;gap:7px}.wakala-day-history article{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:14px;background:var(--op-panel);border:1px solid var(--op-border);border-radius:9px}.wakala-operations-alert{margin:10px 0;padding:12px;color:#fff;background:#97333a;border-radius:9px}
@media(max-width:800px){.wakala-operations{margin:8px;padding:10px}.wakala-operations-meter{grid-template-columns:1fr 1fr}.wakala-op-grid{grid-template-columns:1fr 1fr}.wakala-op-form label,.wakala-reconcile-row{grid-template-columns:1fr 1fr}.wakala-op-form label textarea,.wakala-reconcile-row input[data-note]{grid-column:1/-1}.wakala-float-command{grid-template-columns:1fr 1fr}.wakala-cashbook-timeline article{grid-template-columns:58px 1fr}.wakala-cashbook-timeline article>b{grid-column:2}}
@media(max-width:430px){.wakala-operations{margin:0;border-left:0;border-right:0;border-radius:0}.wakala-operations-head{align-items:flex-start}.wakala-operations-meter>div{padding:12px}.wakala-operations-work{padding:12px}.wakala-op-grid{grid-template-columns:1fr}.wakala-op-form label,.wakala-reconcile-row{grid-template-columns:1fr}.wakala-op-form label textarea,.wakala-reconcile-row input[data-note]{grid-column:auto}.wakala-float-command{grid-template-columns:1fr}.wakala-day-history article{grid-template-columns:1fr auto}.wakala-day-history article small{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.wakala-operations *{transition:none!important;animation:none!important}}

/* Phase 3 mobile finishing rules: keep all primary tabs visible and balance labels separated. */
.wakala-op-balance dl{flex-wrap:wrap;gap:12px}
@media(max-width:430px){.wakala-operations-tabs{flex-wrap:wrap;overflow:visible}.wakala-operations-tabs button{flex:1 1 calc(33.333% - 5px);padding:7px 6px;white-space:normal;font-size:.76rem}}

/* Phase 4 business modules use the same industrial terminal grammar. */
.wakala-business{--biz-bg:#090b0f;--biz-panel:#151922;--biz-panel2:#1d222c;--biz-border:#363d49;--biz-text:#f4f5f7;--biz-muted:#9ca3af;--biz-blue:#3182f6;max-width:1180px;margin:20px auto;padding:16px;color:var(--biz-text);background:var(--biz-bg);border:1px solid var(--biz-border);border-radius:20px}.wakala-business[data-theme=light]{--biz-bg:#ebe9e4;--biz-panel:#f5f3ee;--biz-panel2:#deddd8;--biz-border:#9b9da2;--biz-text:#17191d;--biz-muted:#62666d}.wakala-business[data-theme=system]{color-scheme:light dark}.wakala-business-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 16px}.wakala-business-head small{color:var(--biz-blue);font-weight:900;letter-spacing:.12em}.wakala-business-head h1{margin:4px 0;color:var(--biz-text)}.wakala-business-head span{color:var(--biz-muted)}.wakala-business-controls{display:flex;gap:8px}.wakala-business-controls button,.wakala-business-tabs button,.wakala-business-list button{min-height:42px;padding:8px 12px;color:var(--biz-text);background:var(--biz-panel2);border:1px solid var(--biz-border);border-radius:8px;font-weight:800}.wakala-business-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:5px;background:var(--biz-panel);border:1px solid var(--biz-border);border-radius:10px}.wakala-business-tabs button{flex:1}.wakala-business-tabs button.is-active,.wakala-business-form button{color:#fff;background:var(--biz-blue)}.wakala-business-work{min-height:380px;margin-top:12px;padding:18px;background:var(--biz-panel2);border:1px solid var(--biz-border);border-radius:12px}.wakala-business-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.wakala-business-columns>section{min-width:0;padding:15px;background:var(--biz-panel);border:1px solid var(--biz-border);border-radius:10px}.wakala-business-columns h2{margin-top:0}.wakala-business-form{display:grid;gap:10px}.wakala-business-form input,.wakala-business-form select,.wakala-business-form textarea,.wakala-business-form button{min-width:0;min-height:46px;padding:10px 12px;color:var(--biz-text);background:var(--biz-bg);border:1px solid var(--biz-border);border-radius:8px}.wakala-business-form button{background:var(--biz-blue);font-weight:900}.wakala-business-list{display:grid;gap:5px}.wakala-business-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--biz-border)}.wakala-business-list small{display:block;color:var(--biz-muted);overflow-wrap:anywhere}.wakala-business-list b{white-space:nowrap}.wakala-business-alert{margin:10px 0;padding:12px;color:#fff;background:#97333a;border-radius:8px}
@media(max-width:760px){.wakala-business{margin:8px;padding:10px}.wakala-business-columns{grid-template-columns:1fr}.wakala-business-tabs button{flex:1 1 calc(33.333% - 5px)}.wakala-business-list article{grid-template-columns:minmax(0,1fr) auto}.wakala-business-list article>span,.wakala-business-list article>button{grid-column:2}}
@media(max-width:430px){.wakala-business{margin:0;border-left:0;border-right:0;border-radius:0}.wakala-business-head{align-items:flex-start}.wakala-business-tabs button{flex-basis:calc(50% - 5px);font-size:.78rem}.wakala-business-work{padding:10px}.wakala-business-list article{grid-template-columns:1fr}.wakala-business-list article>*{grid-column:1!important}.wakala-business-list b{white-space:normal}}
@media(prefers-reduced-motion:reduce){.wakala-business *{transition:none!important;animation:none!important}}

/* Phase 6 reports and intelligence use the existing product tokens. */
.wakala-phase6{--p6-bg:#090b0f;--p6-panel:#151922;--p6-panel2:#1d222c;--p6-border:#363d49;--p6-text:#f4f5f7;--p6-muted:#aab0bb;--p6-blue:#3182f6;color:var(--p6-text)}.wakala-phase6[data-theme=light]{--p6-bg:#ebe9e4;--p6-panel:#f6f4ef;--p6-panel2:#deddd8;--p6-border:#9b9da2;--p6-text:#17191d;--p6-muted:#62666d}.wakala-phase6[data-theme=system]{color-scheme:light dark}.wakala-phase6 .wakala-card{color:var(--p6-text);background:var(--p6-panel);border-color:var(--p6-border)}
.wakala-phase6-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.wakala-phase6-hero h1{margin:.15em 0;color:var(--p6-text)}.wakala-phase6-hero p{margin:.35em 0;color:var(--p6-muted)}.wakala-phase6-hero button{min-height:44px;padding:8px 14px;color:var(--p6-text);background:var(--p6-panel2);border:1px solid var(--p6-border);border-radius:9px}.wakala-report-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:12px}.wakala-report-filters label{display:grid;gap:5px}.wakala-report-filters input,.wakala-report-filters select{min-width:0;min-height:44px;padding:8px 10px;color:var(--p6-text);background:var(--p6-bg);border:1px solid var(--p6-border);border-radius:8px}
.wakala-report-primary{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1px;overflow:hidden;background:var(--p6-border);border:1px solid var(--p6-border);border-radius:12px}.wakala-report-primary>div{min-width:0;padding:18px;background:var(--p6-panel2)}.wakala-report-primary span,.wakala-report-primary small{display:block;color:var(--p6-muted)}.wakala-report-primary strong{display:block;margin:7px 0;overflow-wrap:anywhere;font-size:clamp(1.1rem,2.4vw,1.8rem)}.wakala-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wakala-report-grid h2{margin-top:0}.wakala-report-list{display:grid;gap:0;margin:0}.wakala-report-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--p6-border)}.wakala-report-list dt{color:var(--p6-muted)}.wakala-report-list dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.wakala-table-scroll{max-width:100%;overflow-x:auto}.wakala-phase6 .wakala-table{min-width:620px}.wakala-insight-needs_attention{border-left:5px solid #ef4444!important}.wakala-insight-watch{border-left:5px solid #f59e0b!important}.wakala-insight-info{border-left:5px solid #3182f6!important}
@media(max-width:767px){.wakala-phase6-hero{align-items:flex-start;flex-direction:column}.wakala-report-filters{grid-template-columns:1fr 1fr}.wakala-report-filters label:first-of-type,.wakala-report-filters button{grid-column:1/-1}.wakala-report-primary{grid-template-columns:1fr 1fr}.wakala-report-grid{grid-template-columns:1fr}.wakala-report-list div{align-items:flex-start}.wakala-phase6 .wakala-actions{display:grid;grid-template-columns:1fr}.wakala-phase6 .wakala-actions>*{width:100%}}@media(max-width:430px){.wakala-report-primary{grid-template-columns:1fr}.wakala-report-filters{grid-template-columns:1fr}.wakala-report-filters>*{grid-column:1!important}}@media print{.wakala-report-filters,.wakala-phase6 [data-p6-theme],.wakala-phase6 [data-p6-exports]{display:none!important}.wakala-phase6{color:#000}.wakala-phase6 .wakala-card{color:#000;background:#fff;box-shadow:none}}