/* @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 reveals one Mail chamber without exiling another beyond the horizon; Awtsmoos.com keeps the inbox reachable, the filters compact, and each mobile pane inside one measured vessel.
*/
@media (max-width: 850px) {
	.geelooy-mail-document .mail-civilization-shell {
		grid-template-rows: auto minmax(0, 1fr);
		block-size: calc(100dvh - var(--g-header-h, 4.5rem) - var(--g-dock-h, 5.25rem));
		min-block-size: calc(100dvh - var(--g-header-h, 4.5rem) - var(--g-dock-h, 5.25rem));
		max-block-size: calc(100dvh - var(--g-header-h, 4.5rem) - var(--g-dock-h, 5.25rem));
		overflow: hidden;
	}
	.geelooy-mail-document .mail-civilization-status {
		grid-template-columns: minmax(0, 1fr) auto;
		min-block-size: 58px;
		padding: max(8px, env(safe-area-inset-top)) 13px 8px;
	}
	.geelooy-mail-document .mail-header-shortcuts,
	.geelooy-mail-document .mail-civilization-brand small {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
	body[data-mail-page].geelooy-mail-document .app-container {
		position: relative;
		display: block; /* Team C: single mobile owner — beats core-layout display:grid so the absolute panes get a real block vessel */
		min-inline-size: 0;
		min-block-size: 0;
		overflow: hidden;
		isolation: isolate;
	}
	.geelooy-mail-document :is(.sidebar, .chat-area) {
		position: absolute;
		inset: 0;
		inline-size: 100%;
		box-sizing: border-box; /* Team C: content-box padding pushed the rail to 412px on a 390px viewport */
		min-inline-size: 0;
		min-block-size: 0;
		transition: opacity 180ms ease, transform 220ms cubic-bezier(.2, .8, .2, 1), visibility 0s linear 220ms;
	}
	.geelooy-mail-document.geelooy-mail-document .sidebar {
		z-index: 1;
		visibility: visible;
		pointer-events: auto;
		opacity: 1;
		transform: translateX(0) scale(1);
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior-y: contain;
		scrollbar-width: thin;
	}
	.geelooy-mail-document.geelooy-mail-document .mail-sender-category-grid,
	.geelooy-mail-document .mail-folder-list {
		display: flex;
		flex: 0 0 auto;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 0 9px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}
	.geelooy-mail-document :is(.mail-sender-category-grid, .mail-folder-list)::-webkit-scrollbar {
		display: none;
	}
	.geelooy-mail-document.geelooy-mail-document .mail-sender-category,
	.geelooy-mail-document .mail-folder-tab {
		flex: 0 0 min(9rem, 42vw);
		inline-size: auto;
		min-block-size: 44px;
		grid-template-columns: 30px minmax(0, 1fr) auto;
		scroll-snap-align: start;
	}
	.geelooy-mail-document.geelooy-mail-document .thread-list {
		flex: 1 0 min(260px, 42dvh);
		min-block-size: min(260px, 42dvh);
		max-block-size: none;
		overflow-y: auto;
		padding-block-end: max(5.5rem, env(safe-area-inset-bottom));
	}
	.geelooy-mail-document .chat-area {
		z-index: 2;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		transform: translateX(2%) scale(.992);
		box-shadow: -24px 0 70px rgba(0, 0, 0, .28);
	}
	.geelooy-mail-document .app-container.view-chat .sidebar {
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		transform: translateX(-2%) scale(.992);
	}
	.geelooy-mail-document .app-container.view-chat .chat-area {
		visibility: visible;
		pointer-events: auto;
		opacity: 1;
		transform: translateX(0) scale(1);
		transition-delay: 0s;
	}
	.geelooy-mail-document .back-button {
		display: grid;
	}
}
@media (prefers-reduced-motion: reduce) and (max-width: 850px) {
	.geelooy-mail-document :is(.sidebar, .chat-area) {
		transition-duration: 1ms;
		transform: none;
	}
}

/* @tunnel-interactive-states: auto-generated by css-guarantee */
.geelooy-mail-document .back-button:hover {
	filter: brightness(1.08);
}
.geelooy-mail-document .back-button:active {
	transform: scale(0.98);
}
.geelooy-mail-document .back-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}

/* B"H Yaakov 2026-10-13: Email mobile rescue — fix header overlap, clean layout */
@media (max-width: 850px) {
	/* Sidebar header: stack cleanly, no text collision */
	.geelooy-mail-document .mail-sidebar-header {
		display: block;
		padding: 0.9rem 1rem 0.7rem;
		overflow: hidden;
	}
	.geelooy-mail-document .mail-sidebar-identity {
		display: flex;
		flex-direction: column;
		gap: 0.35rem;
		width: 100%;
		min-width: 0;
	}
	.geelooy-mail-document .mail-sidebar-kicker {
		margin: 0;
		font-size: 0.68rem;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		opacity: 0.6;
	}
	.geelooy-mail-document .mail-sidebar-identity .brand-title {
		display: block;
		width: 100%;
		margin: 0;
		font-size: 1.15rem;
		line-height: 1.25;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.geelooy-mail-document .mail-sidebar-identity .brand-title::before {
		display: none;
	}
	.geelooy-mail-document .mail-sidebar-identity .brand-title::after {
		display: none;
	}
	.geelooy-mail-document .mail-sidebar-identity-summary {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
		min-width: 0;
		margin-top: 0.15rem;
	}
	.geelooy-mail-document .mail-identity-summary-copy {
		min-width: 0;
		flex: 1 1 auto;
	}
	.geelooy-mail-document .mail-identity-summary-value {
		display: block;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 0.82rem;
	}
	/* Thread cards: clean, tappable */
	.geelooy-mail-document .thread-card {
		padding: 0.8rem 1rem;
		min-height: 64px;
	}
	.geelooy-mail-document .thread-card .thread-subject {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* Composer: full-width, usable */
	.geelooy-mail-document .mail-composer {
		padding: 0.9rem 1rem max(1rem, env(safe-area-inset-bottom));
	}
	.geelooy-mail-document .mail-composer textarea,
	.geelooy-mail-document .mail-composer input[type="text"] {
		font-size: 16px;
		min-height: 120px;
		width: 100%;
		box-sizing: border-box;
	}
	/* Chat messages: readable */
	.geelooy-mail-document .chat-message {
		max-width: 100%;
		padding: 0.7rem 0.9rem;
		margin: 0.35rem 0.75rem;
	}
}