.admin-layout {
	--console-bg: #111315;
	--console-surface: #181b1f;
	--console-surface-raised: #1d2126;
	--console-surface-muted: #15181c;
	--console-border: #2b3036;
	--console-border-strong: #3a424b;
	--console-text: #f1f4f7;
	--console-muted: #929ca7;
	--console-blue: #4da3ff;
	--console-green: #50c28a;
	--console-amber: #efb44d;
	--console-red: #ef7474;
	background: var(--console-bg);
	color: var(--console-text);
}

.admin-layout,
.admin-layout button,
.admin-layout input,
.admin-layout select,
.admin-layout textarea {
	letter-spacing: 0;
}

.admin-layout .admin-topbar {
	align-items: center;
	background: #15181c;
	border-bottom: 1px solid var(--console-border);
	display: grid;
	gap: 18px;
	grid-template-columns: max-content minmax(0, 1fr) max-content;
	margin: 0;
	min-height: 58px;
	padding: 0 24px;
}

.admin-layout .admin-topbar--manual {
	grid-template-columns: minmax(0, 1fr) max-content;
}

.admin-layout .admin-topbar__title {
	align-items: baseline;
	background: transparent;
	border: 0;
	display: flex;
	gap: 10px;
	min-height: 0;
	padding: 0;
}

.admin-layout .admin-topbar__title span {
	color: var(--console-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}

.admin-layout .admin-topbar__title strong {
	color: var(--console-text);
	font-size: 0.9rem;
	margin: 0;
}

.admin-layout .admin-topbar__badges {
	display: flex;
	gap: 6px;
	min-width: 0;
	overflow-x: auto;
	padding: 7px 0;
	scrollbar-width: thin;
}

.admin-layout .admin-topbar--manual .admin-topbar__badges {
	display: none;
}

.admin-layout .topbar-badge {
	align-content: center;
	background: #1a1e23;
	border: 1px solid var(--console-border);
	border-radius: 4px;
	box-shadow: none;
	display: grid;
	flex: 0 0 132px;
	gap: 1px;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	min-height: 42px;
	padding: 5px 8px;
}

.admin-layout .topbar-badge:hover {
	background: #22272d;
	border-color: var(--console-border-strong);
}

.admin-layout .topbar-badge span {
	color: var(--console-muted);
	font-size: 0.63rem;
	font-weight: 750;
	letter-spacing: 0;
	text-transform: none;
}

.admin-layout .topbar-badge strong {
	color: var(--console-text);
	font-size: 0.78rem;
	grid-column: 1;
	line-height: 1.2;
}

.admin-layout .topbar-badge small {
	display: none;
}

.admin-layout .topbar-badge em {
	align-self: center;
	color: var(--console-muted);
	font-size: 0.6rem;
	grid-column: 2;
	grid-row: 1 / -1;
	letter-spacing: 0;
	text-transform: none;
}

.admin-layout .topbar-badge--healthy {
	border-left: 2px solid var(--console-green);
}

.admin-layout .topbar-badge--degraded {
	border-left: 2px solid var(--console-amber);
}

.admin-layout .topbar-badge--blocked {
	border-left: 2px solid var(--console-red);
}

.admin-layout .topbar-badge--unknown {
	border-left: 2px solid #7c8792;
}

.admin-layout .admin-topbar__logout {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-self: end;
	margin: 0;
}

.admin-layout .admin-topbar__logout small {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #b8c1ca;
	font-size: 0.72rem;
	font-weight: 750;
	max-width: 180px;
	padding: 0;
}

.admin-layout .admin-topbar__logout button {
	background: transparent;
	border: 1px solid var(--console-border-strong);
	border-radius: 4px;
	color: #cbd2d9;
	font-size: 0.72rem;
	min-height: 30px;
	padding: 5px 9px;
}

.admin-layout .admin-topbar__logout button:hover {
	background: #2a2022;
	border-color: #684044;
	color: #ffb4b4;
}

.admin-layout button,
.admin-layout input,
.admin-layout select,
.admin-layout textarea,
.admin-layout .button-link {
	border-radius: 4px;
}

.admin-layout button,
.admin-layout .button-link {
	background: #20252b;
	border-color: #39414a;
	color: #e4e8ec;
}

.admin-layout button:hover,
.admin-layout .button-link:hover {
	background: #292f36;
	border-color: #505b66;
}

.admin-layout .primary {
	background: #1f6feb;
	border-color: #3981ed;
	color: #ffffff;
}

.admin-layout .primary:hover {
	background: #2c78df;
}

.admin-layout .danger {
	background: #3a2225;
	border-color: #704046;
	color: #ffb4b4;
}

.admin-layout input,
.admin-layout select,
.admin-layout textarea {
	background: #101316;
	border-color: #39414a;
	color: var(--console-text);
}

.admin-layout input:focus,
.admin-layout select:focus,
.admin-layout textarea:focus {
	border-color: var(--console-blue);
	outline: 1px solid var(--console-blue);
	outline-offset: 0;
}

.admin-layout .page-head,
.admin-layout .feed-page-head {
	align-items: flex-end;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--console-border);
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 16px;
	padding: 0 0 15px;
}

.admin-layout .feed-page-head h1 {
	color: var(--console-text);
	font-size: 1.34rem;
	line-height: 1.25;
	margin-bottom: 4px;
}

.admin-layout .feed-page-head p {
	color: var(--console-muted);
	font-size: 0.84rem;
	line-height: 1.45;
	max-width: 900px;
}

.admin-layout .page-kicker {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #79baff;
	font-size: 0.67rem;
	font-weight: 850;
	letter-spacing: 0;
	margin-bottom: 5px;
	padding: 0;
}

.admin-layout .panel,
.admin-layout .metric,
.admin-layout .fixture-card {
	background: var(--console-surface);
	border-color: var(--console-border);
	border-radius: 6px;
	box-shadow: none;
}

.admin-layout .panel {
	margin-bottom: 12px;
	padding: 14px 16px;
}

.admin-layout .panel-title {
	margin-bottom: 12px;
}

.admin-layout .panel-title h2 {
	color: var(--console-text);
	font-size: 0.95rem;
}

.admin-layout p,
.admin-layout .inline-muted,
.admin-layout .field span {
	color: var(--console-muted);
}

.admin-layout .field span {
	font-size: 0.72rem;
	letter-spacing: 0;
	text-transform: none;
}

.admin-layout .metric {
	gap: 5px;
	padding: 12px;
}

.admin-layout .metric strong {
	color: var(--console-text);
	font-size: 1.3rem;
}

.admin-layout .metric--healthy {
	border-left: 2px solid var(--console-green);
}

.admin-layout .metric--degraded {
	border-left: 2px solid var(--console-amber);
}

.admin-layout .metric--blocked {
	border-left: 2px solid var(--console-red);
}

.admin-layout .table-wrap {
	scrollbar-color: #46515c transparent;
}

.admin-layout table {
	background: transparent;
}

.admin-layout th,
.admin-layout td {
	border-bottom-color: var(--console-border);
	padding: 9px 8px;
}

.admin-layout th {
	color: #8d98a5;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}

.admin-layout tbody tr:hover {
	background: rgba(255, 255, 255, 0.025);
}

.admin-layout .selected-row {
	background: rgba(77, 163, 255, 0.1);
}

.admin-layout code,
.admin-layout pre {
	background: #101316;
	border-color: var(--console-border);
	border-radius: 4px;
	color: #b9dafb;
}

.admin-layout .empty {
	border-color: var(--console-border-strong);
	border-radius: 6px;
}

.admin-layout .modal-backdrop,
.admin-layout .feed-board-layer {
	background: rgba(6, 8, 10, 0.72);
}

.admin-layout .modal-card,
.admin-layout .operator-context-menu,
.admin-layout .feed-board-drawer {
	background: #181b1f;
	border-color: var(--console-border-strong);
	border-radius: 6px;
}

.admin-layout .feed-board-drawer {
	border-radius: 0;
}

.admin-layout .operator-context-menu button,
.admin-layout .operator-context-menu a {
	border-radius: 4px;
}

.admin-layout .operator-context-menu button:hover,
.admin-layout .operator-context-menu a:hover {
	background: #252b31;
}

.admin-layout .feed-section-nav,
.admin-layout .feed-board-toolbar,
.admin-layout .feed-board-shell {
	background: var(--console-surface-muted);
	border-color: var(--console-border);
	border-radius: 6px;
	box-shadow: none;
}

.admin-layout .api-readiness-summary {
	background: var(--console-surface-muted);
	border-color: var(--console-border);
}

.admin-layout .api-readiness-metrics > div,
.admin-layout .api-gate-row {
	border-color: var(--console-border);
}

.admin-layout .status-ready,
.admin-layout .api-contract-status.is-ready,
.admin-layout .api-gate-row.is-done em {
	color: var(--console-green);
}

.admin-layout .status-pending,
.admin-layout .api-contract-status.is-pending,
.admin-layout .api-gate-row em,
.admin-layout .status-label {
	color: var(--console-amber);
}

@media (max-width: 900px) {
	.admin-layout .admin-topbar,
	.admin-layout .admin-topbar--manual {
		grid-template-columns: minmax(0, 1fr) max-content;
		min-height: 52px;
		padding: 0 16px;
	}

	.admin-layout .admin-topbar__badges {
		display: none;
	}

	.admin-layout .page-head,
	.admin-layout .feed-page-head {
		align-items: stretch;
	}
}

@media (max-width: 560px) {
	.admin-layout .admin-topbar,
	.admin-layout .admin-topbar--manual {
		padding: 0 12px;
	}

	.admin-layout .admin-topbar__title span,
	.admin-layout .admin-topbar__logout small {
		display: none;
	}

	.admin-layout .panel {
		padding: 12px;
	}
}