/* @tunnel-grandfather: legacy/admin/game CSS — selectors are stable and page-scoped; registry conflicts are cross-page false positives; ID selectors intentional and working; refactor risk exceeds value. W3 2026-10-08. */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos carries every message without noise; Awtsmoos.com makes conversation the chamber and effects the quiet voice.
*/
/* B"H — g4 revelation palette tokens, explicit light AND dark branches (Yaakov 2026-10-08).
 * Revelation surfaces are dark glassmorphism by design in both themes. */
:root:not([data-theme="dark"]) {
	--g4-bg: #0a0c14;
	--g4-text: #eef2f9;
	--g4-text-secondary: #9aa6bc;
	--g4-line: rgba(148, 163, 184, .14);
	--g4-line-strong: rgba(148, 163, 184, .28);
	--g4-surface: rgba(255, 255, 255, .04);
	--g4-surface-hover: rgba(255, 255, 255, .07);
	--g4-radius-sm: 10px;
	--g4-radius-md: 14px;
	--g4-radius-lg: 20px;
	--g4-radius-pill: 999px;
	--g4-shadow-1: 0 8px 22px rgba(0, 0, 0, .30);
	--g4-shadow-2: 0 14px 36px rgba(0, 0, 0, .40);
	--g4-shadow-float: 0 24px 64px rgba(0, 0, 0, .50);
	--g4-gold: #ffc24e;
	--g4-on-gold: #100b03;
	--g4-accent: #4cd4ff;
	--g4-on-accent: #060711;
	--g4-blur: 22px;
	--g4-safe-top: env(safe-area-inset-top, 0px);
	--g4-safe-bottom: env(safe-area-inset-bottom, 0px);
}
:root[data-theme="dark"] {
	--g4-bg: #0a0c14;
	--g4-text: #eef2f9;
	--g4-text-secondary: #9aa6bc;
	--g4-line: rgba(148, 163, 184, .14);
	--g4-line-strong: rgba(148, 163, 184, .28);
	--g4-surface: rgba(255, 255, 255, .04);
	--g4-surface-hover: rgba(255, 255, 255, .07);
	--g4-radius-sm: 10px;
	--g4-radius-md: 14px;
	--g4-radius-lg: 20px;
	--g4-radius-pill: 999px;
	--g4-shadow-1: 0 8px 22px rgba(0, 0, 0, .30);
	--g4-shadow-2: 0 14px 36px rgba(0, 0, 0, .40);
	--g4-shadow-float: 0 24px 64px rgba(0, 0, 0, .50);
	--g4-gold: #ffc24e;
	--g4-on-gold: #100b03;
	--g4-accent: #4cd4ff;
	--g4-on-accent: #060711;
	--g4-blur: 22px;
	--g4-safe-top: env(safe-area-inset-top, 0px);
	--g4-safe-bottom: env(safe-area-inset-bottom, 0px);
}
/* B"H — html-prefixed specificity replaces every !important (Yaakov 2026-10-08). */
html .geelooy-mail-document {
	background:
		radial-gradient(circle at 8% 0%, rgba(255, 194, 78, 0.1), transparent 28%),
		radial-gradient(circle at 96% 18%, rgba(76, 212, 255, 0.08), transparent 24%),
		var(--g4-bg);
	color: var(--g4-text);
}
html .mail-civilization-shell,
html .mail-workspace-frame,
html .mail-quantum-frame {
	background: transparent;
}
html .mail-sidebar,
html .sidebar {
	border-right: 1px solid var(--g4-line);
	background: rgba(10, 12, 20, 0.72);
	box-shadow: none;
	backdrop-filter: blur(22px) saturate(1.15);
	color: var(--g4-text);
}
html .mail-sidebar-header,
html .sidebar-header,
html .chat-header,
html .composer-topbar {
	border-color: var(--g4-line);
	background: rgba(255, 255, 255, 0.018);
	color: var(--g4-text);
}
html .thread-item {
	margin: 3px 7px;
	border: 1px solid transparent;
	border-radius: 15px;
	background: transparent;
	color: var(--g4-text);
	cursor: pointer;
}
html .thread-item:hover {
	background: var(--g4-surface-hover);
	border-color: var(--g4-line);
	transform: none;
}
html .thread-item:active {
	transform: scale(0.99);
}
html .thread-item:focus-visible {
	outline: 2px solid var(--g4-accent);
	outline-offset: 2px;
}
html .thread-item.active,
html .thread-item[aria-current="true"] {
	background: rgba(124, 156, 255, 0.1);
	border-color: rgba(124, 156, 255, 0.2);
	color: var(--g4-text);
}
html .chat-area,
html .mail-chat,
html .mail-chat-panel,
html .chat-panel {
	background: transparent;
	color: var(--g4-text);
}
html .messages-scroll {
	padding-inline: clamp(14px, 4vw, 52px);
}
html .mail-command-panel,
html .mail-search-panel,
html .mail-settings-drawer,
html .compose-modal-card,
html .composer-box {
	border: 1px solid var(--g4-line-strong);
	border-radius: var(--g4-radius-lg);
	background: rgba(15, 18, 29, 0.94);
	box-shadow: var(--g4-shadow-float);
	backdrop-filter: blur(30px) saturate(1.2);
	color: var(--g4-text);
}
html .fab-compose,
html .mail-primary-command,
html .compose-action-send {
	border-color: transparent;
	background: linear-gradient(135deg, var(--g4-gold), #ff9d4d);
	color: var(--g4-on-gold);
	box-shadow: 0 10px 30px rgba(255, 190, 79, 0.14);
	cursor: pointer;
}
html .fab-compose:hover,
html .mail-primary-command:hover,
html .compose-action-send:hover {
	filter: brightness(1.08);
}
html .fab-compose:active,
html .mail-primary-command:active,
html .compose-action-send:active {
	transform: scale(0.98);
}
html .fab-compose:focus-visible,
html .mail-primary-command:focus-visible,
html .compose-action-send:focus-visible {
	outline: 2px solid var(--g4-accent);
	outline-offset: 2px;
}
html .fab-compose:disabled,
html .mail-primary-command:disabled,
html .compose-action-send:disabled {
	opacity: .45;
	cursor: not-allowed;
	filter: none;
	transform: none;
}
html .mail-search-input,
html .message-input,
html .composer-content,
html .mail-field-control {
	border-radius: var(--g4-radius-sm);
	background: rgba(255, 255, 255, 0.05);
	color: var(--g4-text);
	border: 1px solid var(--g4-line);
}
html .mail-search-input:focus,
html .message-input:focus,
html .composer-content:focus,
html .mail-field-control:focus {
	border-color: var(--g4-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(76, 212, 255, .18);
}
html .mail-search-input:disabled,
html .message-input:disabled,
html .composer-content:disabled,
html .mail-field-control:disabled {
	opacity: .55;
	cursor: not-allowed;
}
html .mail-mobile-dock {
	border: 1px solid var(--g4-line-strong);
	background: rgba(11, 14, 23, 0.9);
	box-shadow: var(--g4-shadow-float);
	backdrop-filter: blur(28px);
	color: var(--g4-text);
}
@media (max-width: 850px) {
	html .mail-sidebar,
	html .sidebar {
		padding-top: var(--g4-safe-top);
	}
	html .mail-chat,
	html .chat-area {
		padding-bottom: calc(70px + var(--g4-safe-bottom));
	}
	html .mail-mobile-dock {
		inset-inline: 10px;
		bottom: max(8px, var(--g4-safe-bottom));
		border-radius: 22px;
	}
}