/**
 * Navigation — sidebar, top bar, breadcrumb, tabs, pagination, section header
 */
.fc-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fc-space-4);
	min-height: 3.5rem;
	padding: var(--fc-space-3) var(--fc-space-4);
	border-bottom: 1px solid var(--fc-color-border);
	background: var(--fc-color-surface);
}

.fc-brand {
	display: inline-flex;
	align-items: center;
	gap: var(--fc-space-3);
	text-decoration: none;
	color: var(--fc-color-ocean-navy);
	font-weight: var(--fc-weight-semibold);
}

.fc-logo {
	display: block;
	width: var(--fc-logo-width);
	height: var(--fc-logo-height);
	object-fit: contain;
	object-position: left center;
}

.fc-logo-slot {
	display: inline-flex;
	align-items: center;
	width: var(--fc-logo-width);
	height: var(--fc-logo-height);
	flex: 0 0 var(--fc-logo-width);
}

.fc-breadcrumb,
.fc-portal-breadcrumb {
	margin: 0 0 var(--fc-space-2);
}

.fc-breadcrumb-list,
.fc-portal-breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-2);
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--fc-text-small);
}

.fc-breadcrumb-sep,
.fc-portal-breadcrumb-sep {
	color: var(--fc-color-muted);
}

.fc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-1);
	border-bottom: 1px solid var(--fc-color-border);
	margin-bottom: var(--fc-space-5);
}

.fc-tab {
	display: inline-flex;
	align-items: center;
	min-height: var(--fc-touch-min);
	padding: 0.5rem 0.85rem;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--fc-color-muted);
	font: inherit;
	font-weight: var(--fc-weight-medium);
	text-decoration: none;
	cursor: pointer;
}

.fc-tab:hover { color: var(--fc-color-ocean-navy); }
.fc-tab[aria-current="page"],
.fc-tab.is-current {
	color: var(--fc-color-deep-blue);
	border-bottom-color: var(--fc-color-seafoam);
}

.fc-tab:focus-visible {
	outline: 3px solid var(--fc-color-focus);
	outline-offset: 2px;
}

.fc-section-header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--fc-space-3);
	margin-bottom: var(--fc-space-4);
}

.fc-section-header__title {
	margin: 0;
}

.fc-section-header__desc {
	margin: var(--fc-space-1) 0 0;
	color: var(--fc-color-muted);
	font-size: var(--fc-text-small);
}

.fc-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-2);
	align-items: center;
	justify-content: center;
	margin-top: var(--fc-space-6);
}

.fc-page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--fc-touch-min);
	min-height: var(--fc-touch-min);
	padding: 0 var(--fc-space-3);
	border: 1px solid var(--fc-color-border);
	border-radius: var(--fc-radius-md);
	background: var(--fc-color-surface);
	color: var(--fc-color-ocean-navy);
	text-decoration: none;
}

.fc-page-link[aria-current="page"],
.fc-page-link.is-current {
	background: var(--fc-color-deep-blue);
	border-color: var(--fc-color-deep-blue);
	color: var(--fc-color-text-inverse);
}

.fc-page-link:focus-visible {
	outline: 3px solid var(--fc-color-focus);
	outline-offset: 2px;
}