/* FlxWoo Admin Shell — shared layout and navigation primitives */

/* =========================================================
   Shell container
   ========================================================= */

.flxwoo-admin-shell {
	margin-bottom: 20px;
}

.flxwoo-admin-shell__header {
	padding-top: 4px;
}

/* =========================================================
   Brand header
   ========================================================= */

.flxwoo-admin-shell__brand {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 10px;
	margin-bottom: 2px;
}

.flxwoo-admin-shell__title {
	font-size: 23px;
	font-weight: 400;
	margin: 0;
	padding: 9px 0 4px;
	line-height: 1.3;
	color: #1d2327;
}

.flxwoo-admin-shell__tagline {
	font-size: 13px;
	color: #646970;
}

/* =========================================================
   Tab navigation
   ========================================================= */

.flxwoo-admin-tabs {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #dcdcde;
}

.flxwoo-admin-tab {
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

.flxwoo-admin-tab a {
	display: block;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 500;
	color: #50575e;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
}

.flxwoo-admin-tab a:hover {
	color: #1d2327;
	border-bottom-color: #c3c4c7;
}

.flxwoo-admin-tab a:focus {
	outline: 2px solid #2271b1;
	outline-offset: -2px;
	box-shadow: none;
}

.flxwoo-admin-tab--active a {
	color: #1d2327;
	border-bottom-color: #2271b1;
	font-weight: 600;
}

/* =========================================================
   Toolbar slot (reserved for future quick actions)
   ========================================================= */

.flxwoo-admin-shell__toolbar {
	min-height: 0;
}

/* =========================================================
   Page wrapper
   ========================================================= */

.flxwoo-admin-page {
	margin-top: 20px;
	max-width: 1400px;
}

.flxwoo-admin-page__header {
	margin-bottom: 16px;
}

.flxwoo-admin-page__title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 4px;
	color: #1d2327;
}

.flxwoo-admin-page__description {
	font-size: 13px;
	color: #646970;
	margin: 0;
}