@import url("/apps/tunnel-control/css/future/core/tokens.css") layer(awt.tokens);

@import url("/apps/tunnel-control/css/future/core/reset.css") layer(awt.reset);

@import url("/apps/tunnel-control/css/future/core/frame.css") layer(awt.frame);

@import url("/apps/tunnel-control/css/future/surfaces/glass.css") layer(awt.surfaces);

@import url("/apps/tunnel-control/css/future/views/gate.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/shell.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/feature-compat.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/device-security/index.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/tunnel-vessels.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/checkpoint-viewer.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/layout.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/identity.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/summary.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/toolbar.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/presence.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/timeline.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/activity/event.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-command-deck/layout.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-command-deck/cards.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-command-deck/telemetry.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/mission-control-os.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/mission-rooms-grid.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-live-chat.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-live-heading.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-channel-cards.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-channel-identity.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-channel-telemetry.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-direct-chat.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-direct-messages.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-direct-composer.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-spectral-depth.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-constellation-interaction.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-command-layout.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-controls/layout.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-controls/policy.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/agent-controls/resources.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/sub-agents/layout.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/sub-agents/auth.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/sub-agents/missions.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/no-side-rails.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/response-focus.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/obedience-monitor.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/landing.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/health.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/compute.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/preview-gateway.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/kabbalah.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/providers.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/tasks.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/command-center.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/live.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/workspace.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/portals.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/runtime-mesh.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/remote-desktop.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/pro-control.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/views/beauty.css") layer(awt.views);

@import url("/apps/tunnel-control/css/future/interaction/controls.css") layer(awt.controls);

@import url("/apps/tunnel-control/css/future/views/sub-agents/controls.css") layer(awt.controls);

@import url("/apps/tunnel-control/css/future/interaction/states.css") layer(awt.states);

@import url("/apps/tunnel-control/css/future/views/agent-live-accessibility.css") layer(awt.states);

@import url("/apps/tunnel-control/css/future/interaction/motion.css") layer(awt.motion);

@import url("/apps/tunnel-control/css/future/views/agent-live-motion.css") layer(awt.motion);

@import url("/apps/tunnel-control/css/future/views/sub-agents/motion.css") layer(awt.motion);

@import url("/apps/tunnel-control/css/future/core/responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/views/activity/responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/views/agent-command-deck/responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/views/agent-controls/responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/views/agent-live-responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/views/sub-agents/responsive.css") layer(awt.responsive);

@import url("/apps/tunnel-control/css/future/visual-polish.css") layer(awt.polish);

/* CompactCSS source: /apps/tunnel-control/css/app.css */
/* B"H */
/**
 * B"H — One cascade, one visual constitution. The future design system owns
 * tokens, reset, shell, feature views, controls, motion, and responsive behavior.
 * The final normal-scroll contract remains last because the control room is one
 * humane document, not a maze of nested locked viewports.
 */

/* CompactCSS source: /apps/tunnel-control/css/future/index.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos renews the complete cascade; Awtsmoos.com orders every token, surface, verified-device boundary, Sub-agent constellation, control, state, motion, and responsive revelation. */
@layer awt.tokens, awt.reset, awt.frame, awt.surfaces, awt.views, awt.controls, awt.states, awt.motion, awt.responsive, awt.polish;

















































































































































/* CompactCSS source: /apps/tunnel-control/css/final-normal-scroll.css */
/* B"H */
/**
 * The former long-document doorway now yields to one bounded application world.
 * The Awtsmoos keeps this filename for compatibility while Awtsmoos.com imports
 * the sole viewport contract; no second scrolling philosophy remains unfurled.
 */

/* CompactCSS source: /apps/tunnel-control/css/viewport/index.css */
/* B"H */
/** One final viewport covenant, divided only by focused responsibility. */

/* CompactCSS source: /apps/tunnel-control/css/viewport/shell.css */
/* B"H */
/**
 * The Awtsmoos seals the browser into one finite operating chamber.
 * Awtsmoos.com places immutable viewport law in the earliest reset layer,
 * above every former important view rule that tried to rebuild a document ladder.
 */
@layer awt.reset {
	html,
	body {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	.awt-control-shell,
	.awt-control-main,
	.awt-dashboard,
	.awt-workspace-stage,
	.awt-workspace-body,
	.awt-pane-stack {
		box-sizing: border-box !important;
		min-height: 0 !important;
		max-height: 100% !important;
		overflow: hidden !important;
	}

	.awt-control-shell {
		width: 100dvw !important;
		height: 100dvh !important;
		padding: 0 !important;
	}

	.awt-control-main,
	.awt-dashboard,
	.awt-workspace-stage,
	.awt-workspace-body,
	.awt-pane-stack {
		height: 100% !important;
	}

	.awt-control-main {
		display: grid !important;
		align-content: stretch !important;
	}

	body.awt-home-mode .awt-dashboard,
	body.awt-workspace-mode .awt-dashboard {
		display: grid !important;
	}

	body.awt-home-mode .awt-workspace-stage {
		display: none !important;
	}

	body.awt-workspace-mode .awt-workspace-stage {
		display: grid !important;
	}
}

.awt-control-main {
	width: 100% !important;
	max-width: none !important;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 10px !important;
	margin: 0 !important;
	padding: 10px !important;
}

.awt-dashboard,
.awt-workspace-stage {
	min-width: 0;
}

.awt-home-mode .awt-control-main {
	grid-template-columns: minmax(0, 1fr);
}

.awt-home-mode .awt-dashboard {
	grid-column: 1 / -1;
}

.awt-home-mode .awt-app-navigation {
	display: none !important;
}

.awt-workspace-mode .awt-dashboard {
	grid-column: 1;
	padding: 0;
}

.awt-workspace-mode .awt-launcher-grid {
	display: none !important;
}

.awt-workspace-mode .awt-workspace-stage {
	grid-column: 2;
	grid-template-rows: auto minmax(0, 1fr);
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/workspace.css */
/* B"H */
/**
 * The Awtsmoos crowns every bounded application with one compact title bar.
 * Awtsmoos.com keeps the way home, the page name, and status within one row,
 * so controls below receive the whole remaining viewport and never wander far.
 */
.awt-workspace-toolbar {
	box-sizing: border-box;
	min-width: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 48px;
	padding: 6px 10px;
	border: 1px solid var(--awt-line-soft);
	border-radius: 14px 14px 0 0;
	background: rgba(7, 18, 34, .92);
}

.awt-workspace-title {
	margin: 0;
	overflow: hidden;
	font-size: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.awt-workspace-status {
	color: var(--awt-muted);
	font-size: .72rem;
}

.awt-back-button {
	min-height: 36px;
	padding-inline: 12px;
	white-space: nowrap;
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/navigation.css */
/* B"H */
/**
 * The Awtsmoos gathers every route into one persistent ladder of light.
 * Awtsmoos.com uses the same buttons, metadata, and router at every height,
 * so desktop rail and mobile dock are one navigation—not competing might.
 */
.awt-app-navigation {
	width: 100%;
	height: 100%;
	min-height: 0;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 8px;
	padding: 8px;
	border: 1px solid var(--awt-line-soft);
	border-radius: 18px;
	background: rgba(6, 16, 31, .94);
	overflow: hidden;
}

.awt-navigation-grid {
	min-height: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(9, minmax(42px, 1fr));
	gap: 6px;
	overflow: hidden;
}

.awt-navigation-button,
.awt-navigation-toggle {
	min-width: 0;
	min-height: 42px;
	border: 1px solid transparent;
	border-radius: 12px;
	color: var(--awt-muted);
	background: transparent;
	cursor: pointer;
}

.awt-navigation-button {
	display: grid;
	place-items: center;
	padding: 5px;
}

.awt-navigation-button.is-home {
	grid-template-columns: auto minmax(0, 1fr);
	gap: 7px;
	justify-items: start;
	color: var(--awt-ink);
	background: rgba(255, 255, 255, .04);
}

.awt-navigation-button:hover,
.awt-navigation-button:focus-visible,
.awt-navigation-button.active {
	border-color: rgba(94, 220, 255, .45);
	color: white;
	background: rgba(40, 124, 255, .16);
}

.awt-navigation-button:focus-visible,
.awt-navigation-toggle:focus-visible {
	outline: 3px solid rgba(94, 220, 255, .75);
	outline-offset: 2px;
}

.awt-navigation-glyph {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
}

.awt-navigation-glyph svg {
	width: 22px;
	height: 22px;
}

.awt-navigation-grid .awt-navigation-label {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

.awt-navigation-button.is-home .awt-navigation-label {
	position: static;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
	overflow: visible;
}

.awt-navigation-toggle {
	display: none;
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/home.css */
/* B"H */
/**
 * The Awtsmoos clears the landing field until only application doors remain.
 * Awtsmoos.com keeps the launcher in the final unlayered covenant, above generic
 * button and div defaults that once dissolved its grid into an accidental line.
 */
.awt-dashboard {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	display: grid;
	place-items: center;
	padding: clamp(10px, 2vw, 24px);
	background: radial-gradient(circle at 12% 0, rgba(47, 231, 122, .07), transparent 28%), radial-gradient(circle at 88% 4%, rgba(40, 124, 255, .11), transparent 32%), var(--awt-main-bg);
	overflow: hidden;
}

.awt-launcher-grid {
	width: min(100%, 1120px);
	max-height: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
	gap: clamp(8px, 1.4vw, 16px);
	place-content: center;
	overflow: hidden;
}

.awt-launcher-tile {
	min-width: 0;
	min-height: 88px;
	display: grid;
	grid-template-rows: auto minmax(2.2em, auto);
	gap: 7px;
	place-items: center;
	padding: clamp(7px, 1.2vw, 13px);
	border: 1px solid rgba(125, 184, 255, .16);
	border-radius: 20px;
	color: var(--awt-ink);
	background: linear-gradient(150deg, rgba(18, 41, 72, .76), rgba(8, 20, 37, .86));
	box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
	cursor: pointer;
	transition: transform var(--awt-fast), border-color var(--awt-fast), background var(--awt-fast);
}

.awt-launcher-tile:hover,
.awt-launcher-tile:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(94, 220, 255, .55);
	background: linear-gradient(150deg, rgba(26, 58, 98, .9), rgba(10, 28, 51, .94));
}

.awt-launcher-tile:focus-visible {
	outline: 3px solid rgba(94, 220, 255, .7);
	outline-offset: 3px;
}

.awt-launcher-icon {
	display: grid;
	place-items: center;
	width: clamp(40px, 5vw, 58px);
	height: clamp(40px, 5vw, 58px);
	border-radius: 18px;
	color: var(--awt-icon-blue);
	background: rgba(40, 124, 255, .13);
}

.awt-launcher-icon svg {
	width: 60%;
	height: 60%;
}

.awt-launcher-label {
	max-width: 100%;
	display: -webkit-box;
	overflow: hidden;
	font-size: clamp(.68rem, 1vw, .82rem);
	line-height: 1.1;
	text-align: center;
	overflow-wrap: anywhere;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.awt-launcher-tile.is-ai .awt-launcher-icon {
	color: #8df0c1;
	background: rgba(47, 231, 122, .12);
}

.awt-launcher-tile.is-automation .awt-launcher-icon {
	color: #9bd7ff;
	background: rgba(52, 143, 255, .15);
}

.awt-launcher-tile.is-files .awt-launcher-icon {
	color: #ffd182;
	background: rgba(255, 184, 77, .12);
}

.awt-launcher-tile.is-system .awt-launcher-icon {
	color: #c7a8ff;
	background: rgba(162, 105, 255, .13);
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/pages.css */
/* B"H */
/**
 * The Awtsmoos gives every page one bounded field and every infinite record
 * its own inner vessel. Awtsmoos.com places containment in the reset covenant,
 * above every former view rule that tried to lengthen the browser document.
 */
@layer awt.reset {
	.awt-pane-stack > [data-pane] {
		display: none !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-height: 100% !important;
		overflow: hidden !important;
	}

	.awt-pane-stack > [data-pane].active {
		display: grid !important;
		grid-template-rows: minmax(0, 1fr) !important;
	}

	.awt-pane-heading {
		display: none !important;
	}

	.awt-pane-content {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-height: 100% !important;
		overflow-y: auto !important;
		overflow-x: clip !important;
	}
}

.awt-pane-content {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 10px;
	align-content: start;
	padding: 10px;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.awt-pane-content > *,
.awt-pane-content :where(.card, .panel, .field, .toolbar, details, form, label) {
	min-width: 0;
	max-width: 100%;
}

.awt-pane-content :where(.toolbar, .actions, .control-row, .form-row) {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.awt-pane-content :where(input, select, textarea, button) {
	max-width: 100%;
}

.awt-pane-content :where(p, span, label, strong, code, pre, td, th) {
	overflow-wrap: anywhere;
}

.awt-pane-content table {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
}

.awt-pane-content :where(img, video, canvas, iframe) {
	max-width: 100%;
	max-height: 100%;
}

.awt-pane-content :where(
	pre,
	[id$="Out"],
	[id$="Result"],
	.liveViewport,
	.liveWindow,
	.explorerPreview,
	.explorerList,
	.roomEventStream,
	.roomMessageList
) {
	min-height: 0;
	max-height: min(42dvh, 420px);
	overflow: auto;
	overscroll-behavior: contain;
}

.awt-pane-stack > :where(
	[data-pane="missionRooms"],
	[data-pane="live"],
	[data-pane="explorer"],
	[data-pane="remoteDesktop"],
	[data-pane="mesh"]
) .awt-pane-content {
	grid-template-columns: minmax(0, 1fr);
}

.awt-login-gate {
	max-height: 100dvh;
	overflow: auto;
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/home-responsive.css */
/* B"H */
/** The same launcher keeps four touchable columns on phones and tighter rows on short screens. */
@media (max-width: 760px) {
	.awt-dashboard {
		padding: 8px;
	}

	.awt-launcher-grid {
		width: 100%;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
	}

	.awt-launcher-tile {
		min-height: 74px;
		padding: 7px 4px;
		border-radius: 16px;
	}

	.awt-launcher-icon {
		width: 42px;
		height: 42px;
		border-radius: 14px;
	}
}

@media (max-width: 340px) {
	.awt-launcher-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-height: 620px) {
	.awt-launcher-grid {
		gap: 6px;
	}

	.awt-launcher-tile {
		min-height: 64px;
		padding: 5px;
	}

	.awt-launcher-icon {
		width: 34px;
		height: 34px;
	}

	.awt-launcher-label {
		font-size: .62rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.awt-launcher-tile {
		transition: none;
	}

	.awt-launcher-tile:hover {
		transform: none;
	}
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/responsive.css */
/* B"H */
/** One navigation becomes a mobile dock while every page keeps its bounded sky. */
@media (max-width: 760px) {
	.awt-control-main {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) 62px;
		gap: 6px !important;
		padding: 6px !important;
	}

	.awt-home-mode .awt-control-main {
		grid-template-rows: minmax(0, 1fr);
	}

	.awt-workspace-mode .awt-workspace-stage {
		grid-column: 1;
		grid-row: 1;
	}

	.awt-workspace-mode .awt-dashboard {
		grid-column: 1;
		grid-row: 2;
	}

	.awt-app-navigation {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-rows: 1fr;
		gap: 6px;
		padding: 5px;
		border-radius: 14px;
		overflow: visible;
	}

	.awt-navigation-button.is-home,
	.awt-navigation-toggle {
		display: grid;
		place-items: center;
		min-height: 50px;
	}

	.awt-navigation-button.is-home {
		grid-template-columns: auto auto;
		justify-content: center;
	}

	.awt-navigation-grid {
		position: fixed;
		left: 6px;
		right: 6px;
		bottom: 68px;
		z-index: 80;
		display: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-auto-rows: minmax(68px, auto);
		gap: 7px;
		max-height: min(70dvh, 560px);
		padding: 10px;
		border: 1px solid var(--awt-line-soft);
		border-radius: 18px;
		background: rgba(5, 15, 29, .98);
		box-shadow: 0 -18px 50px rgba(0, 0, 0, .45);
		overflow-y: auto;
	}

	.awt-app-navigation.is-open .awt-navigation-grid {
		display: grid;
	}

	.awt-navigation-grid .awt-navigation-button {
		display: grid;
		grid-template-rows: auto auto;
		gap: 4px;
	}

	.awt-navigation-grid .awt-navigation-label {
		position: static;
		width: auto;
		height: auto;
		clip: auto;
		clip-path: none;
		overflow: hidden;
		font-size: .64rem;
		line-height: 1.05;
		text-align: center;
		white-space: normal;
	}

	.awt-workspace-toolbar {
		min-height: 44px;
		padding: 4px 7px;
	}

	.awt-workspace-status {
		display: none;
	}

	.awt-pane-content {
		grid-template-columns: minmax(0, 1fr);
		padding: 7px;
	}
}



/* CompactCSS source: /apps/tunnel-control/css/viewport/operator-polish.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * B"H
 *
 * The operator should never have to memorize a constellation of unlabeled icons.
 * This final viewport vessel gives desktop a readable application rail, mobile a
 * safe-area command dock, and every live room enough space for identity and chat.
 */

@media (min-width: 761px) {
	.awt-control-main {
		grid-template-columns: 184px minmax(0, 1fr);
		gap: 12px !important;
		padding: 12px !important;
	}

	.awt-app-navigation {
		padding: 10px;
		border-radius: 22px;
		background:
			linear-gradient(180deg, rgba(14, 34, 59, .95), rgba(5, 14, 28, .98));
		box-shadow: 0 24px 64px rgba(0, 0, 0, .28);
	}

	.awt-navigation-grid {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		grid-auto-rows: minmax(42px, auto);
		align-content: start;
		padding-right: 3px;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-gutter: stable;
	}

	.awt-navigation-button {
		grid-template-columns: 30px minmax(0, 1fr);
		justify-items: start;
		gap: 9px;
		padding: 7px 9px;
		text-align: left;
	}

	.awt-navigation-grid .awt-navigation-label {
		position: static;
		width: auto;
		height: auto;
		clip: auto;
		clip-path: none;
		overflow: hidden;
		font-size: .72rem;
		font-weight: 750;
		line-height: 1.15;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.awt-workspace-stage {
	border: 1px solid rgba(115, 168, 224, .13);
	border-radius: 20px;
	background:
		radial-gradient(circle at 100% 0, rgba(40, 124, 255, .09), transparent 34%),
		rgba(4, 12, 24, .74);
	box-shadow: 0 26px 70px rgba(0, 0, 0, .24);
}

.awt-workspace-toolbar {
	border-radius: 20px 20px 0 0;
	background:
		linear-gradient(90deg, rgba(15, 35, 61, .96), rgba(7, 18, 34, .96));
}

.awt-pane-content {
	scroll-behavior: smooth;
}

.awt-pane-content :where(
	button,
	input,
	select,
	textarea,
	a.button,
	.button
) {
	min-height: 42px;
}

.awt-pane-content :where(
	.card,
	.panel,
	.mini-card,
	details,
	form
) {
	border-color: rgba(128, 181, 236, .15);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .14);
}

.awt-room-message {
	box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
}

.awt-room-message:not(.is-user) {
	border-top-left-radius: 5px;
}

.awt-room-message.is-user {
	border-top-right-radius: 5px;
	background:
		linear-gradient(145deg, rgba(40, 124, 255, .25), rgba(40, 124, 255, .11));
}

.awt-room-member,
.awt-room-file,
.awt-room-chip {
	min-height: 34px;
	line-height: 1.2;
}

.awt-activity-timeline__header {
	position: sticky;
	top: 0;
	z-index: 2;
	background: rgba(10, 24, 36, .94);
	backdrop-filter: blur(14px);
}

.awt-activity-presence__copy,
.awt-activity-presence__copy strong,
.awt-activity-presence__copy span {
	min-width: 0;
}

@media (max-width: 760px) {
	.awt-control-main {
		grid-template-rows: minmax(0, 1fr) calc(64px + env(safe-area-inset-bottom));
		padding:
			6px
			max(6px, env(safe-area-inset-right))
			max(6px, env(safe-area-inset-bottom))
			max(6px, env(safe-area-inset-left)) !important;
	}

	.awt-app-navigation {
		border-radius: 18px;
		background: rgba(5, 15, 29, .96);
		box-shadow: 0 -12px 34px rgba(0, 0, 0, .24);
	}

	.awt-navigation-grid {
		bottom: calc(72px + env(safe-area-inset-bottom));
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 9px;
		border-radius: 22px;
		box-shadow: 0 -24px 80px rgba(0, 0, 0, .6);
	}

	.awt-navigation-grid .awt-navigation-button {
		min-height: 72px;
	}

	.awt-workspace-stage {
		border-radius: 16px;
	}

	.awt-workspace-toolbar {
		border-radius: 16px 16px 0 0;
	}

	.awt-pane-content {
		padding: 10px 8px 18px;
		scroll-padding-bottom: 84px;
	}

	.awt-pane-content :where(button, a.button, .button) {
		min-height: 46px;
	}

	.awt-activity-presence__copy strong,
	.awt-activity-presence__copy span {
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.awt-activity-event__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: .25rem;
	}

	.awt-room-composer {
		padding-bottom: max(10px, env(safe-area-inset-bottom));
	}
}

@media (max-width: 390px) {
	.awt-navigation-grid {
		left: 4px;
		right: 4px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: 74dvh;
	}

	.awt-navigation-grid .awt-navigation-button {
		min-height: 64px;
	}

	.awt-activity-panel {
		padding: .7rem;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.awt-app-navigation,
	.awt-workspace-stage,
	.awt-workspace-toolbar,
	.awt-room-composer,
	.awt-activity-timeline__header {
		background: #071322;
		backdrop-filter: none;
	}
}






/* B"H — explicit account-bound local device approval. */
.awt-pairing-page {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 24px;
	background: radial-gradient(circle at 20% 0%, #173d38 0, #071411 48%, #030807 100%);
	color: #f2fff9;
}
.awt-pairing-card {
	width: min(620px, 100%);
	padding: clamp(28px, 6vw, 56px);
	border: 1px solid rgba(133, 255, 205, .3);
	border-radius: 28px;
	background: rgba(5, 20, 17, .92);
	box-shadow: 0 30px 90px rgba(0, 0, 0, .5);
}
.awt-pairing-card h1 { margin: 12px 0; font-size: clamp(2rem, 6vw, 3.5rem); }
.awt-pairing-card p { color: #b9d9cc; line-height: 1.65; }
.awt-pairing-code {
	margin: 28px 0;
	padding: 18px;
	border-radius: 16px;
	background: #001d16;
	color: #8fffd4;
	font: 700 clamp(1.4rem, 7vw, 2.4rem)/1 ui-monospace, monospace;
	letter-spacing: .14em;
	text-align: center;
}
.awt-pairing-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.awt-pairing-status { min-height: 1.6em; }