.page-head { margin: 0 0 1rem; min-width: 0; }
.page-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .75rem; min-width: 0; margin: 0 0 .9rem; }
.page-bar > .crumb-bar { flex: 1 1 auto; min-width: 0; }
.page-bar-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .5rem; flex: 0 0 auto; max-width: 100%; margin-left: auto; }
.page-bar-actions > .ui.button, .page-bar-actions > form > .ui.button { margin: 0; }
.page-bar-actions > .ui.label { align-self: stretch; display: inline-flex; align-items: center; margin: 0; }
.page-head > .ui.header.page-header { margin: 0; }
.page-head > .ui.header.page-header > .content > .sub.header { margin-top: .3rem; }
@media only screen and (min-width: 768px) {
	body.admin-nav-collapsed .admin-content-segment > .page-head:first-child > .page-bar,
	body.admin-nav-collapsed .admin-content-segment > .page-bar:first-child { margin-left: 2.5rem; }
	body.admin-nav-collapsed .admin-content-segment > .page-head:first-child > .ui.header.page-header { margin-left: 0; }
}

.crumb-bar {
	--cb-h: 2.17857143em;
	--cb-fill: var(--c-surface, #ffffff);
	--cb-line: var(--card-line);
	--cb-fg: rgba(var(--c-ink-rgb,0, 0, 0), .62);
	--cb-fg-strong: rgba(var(--c-ink-rgb,0, 0, 0), .87);
	--cb-sep: rgba(var(--c-ink-rgb,0, 0, 0), .34);
	--cb-chip: color-mix(in srgb, var(--tint) 9%, var(--c-surface, #ffffff));
	--cb-focus: #137aca;
	display: flex; max-width: 100%; min-width: 0;
	font-size: 1rem; line-height: 1;
}
.crumb-list {
	display: flex; align-items: stretch; flex-wrap: nowrap; min-width: 0; max-width: 100%;
	height: var(--cb-h); box-sizing: border-box; margin: 0; padding: 0 2px; list-style: none;
	background: var(--cb-fill); border: 1px solid var(--cb-line); border-radius: var(--card-r-sm);
	box-shadow: 0 1px 2px rgba(11,21,38,.05), 0 4px 12px rgba(11,21,38,.05);
}
.crumb { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; position: relative; margin: 0; padding: 0; }
.crumb[hidden] { display: none; }
.crumb.visually-hidden, .crumb-menu-empty.visually-hidden { position: absolute; padding: 0; }
.crumb + .crumb::before {
	content: ''; flex: 0 0 auto; width: .42em; height: .42em; margin: 0 .24em 0 .1em;
	border-top: 1.5px solid var(--cb-sep); border-right: 1.5px solid var(--cb-sep); transform: rotate(45deg);
}
.crumb-link {
	position: relative; z-index: 0; display: inline-flex; align-items: center; gap: .4em;
	height: 100%; min-width: 0; box-sizing: border-box; padding: 0 .62em; margin: 0; border: 0; background: none;
	font: inherit; line-height: 1; color: var(--cb-fg); text-decoration: none; white-space: nowrap; cursor: pointer;
}
.crumb-link::after {
	content: ''; position: absolute; inset: 3px 1px; z-index: -1; border-radius: 9px;
	background: transparent; transition: background-color .12s ease, box-shadow .12s ease;
}
a.crumb-link:hover, button.crumb-link:hover { color: var(--cb-fg-strong); }
a.crumb-link:hover::after, button.crumb-link:hover::after, .crumb-link[aria-expanded="true"]::after {
	background: var(--cb-chip); box-shadow: 0 0 0 1px var(--cb-line), 0 1px 2px rgba(0, 0, 0, .06);
}
.crumb-link:focus { outline: none; }
.crumb-link:focus-visible::after { background: var(--cb-chip); box-shadow: 0 0 0 2px var(--cb-focus); }
.crumb-text { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; max-width: 24em; padding-block: .1em; }
.crumb-link > .icon { flex: 0 0 auto; margin: 0; height: auto; width: 1.18em; font-size: 1em; line-height: 1; }

.crumb-root > .crumb-link { color: var(--cb-fg-strong); font-weight: 700; }
.crumb-root > .crumb-link > .icon { font-size: 1.07em; color: color-mix(in srgb, var(--tint) 65%, var(--c-text, #333333)); }

.crumb-current > .crumb-link { color: var(--cb-fg-strong); font-weight: 700; cursor: default; }
.crumb-current .crumb-text { max-width: 28em; }
.crumb-current.has-switch > .crumb-link { cursor: pointer; padding-right: .55em; }
.crumb-current.has-switch > .crumb-link::after { background: var(--cb-chip); box-shadow: 0 0 0 1px var(--cb-line); }
.crumb-current.has-switch > .crumb-link:hover::after,
.crumb-current.has-switch > .crumb-link[aria-expanded="true"]::after { box-shadow: 0 0 0 1px rgba(var(--c-line-rgb,34, 36, 38), .32), 0 1px 3px rgba(0, 0, 0, .08); }
.crumb-caret { flex: 0 0 auto; width: 0; height: 0; border-left: .28em solid transparent; border-right: .28em solid transparent; border-top: .34em solid currentColor; opacity: .75; margin-left: .05em; }

.crumb-more > .crumb-link { padding: 0 .5em; min-width: 2.15em; justify-content: center; }   
.crumb-dots { display: inline-flex; gap: .16em; }
.crumb-dots > i { display: block; width: .22em; height: .22em; border-radius: 50%; background: currentColor; }

.crumb-bar.is-tight .crumb:not(.crumb-root):not(.crumb-more) { flex: 0 1 auto; min-width: 4.5em; }
.crumb-bar.is-tight .crumb:not(.crumb-root):not(.crumb-more) > .crumb-link { width: 100%; }
.crumb-bar.is-tight .crumb:not(.crumb-root) .crumb-text { max-width: none; }
.crumb-bar.is-tight .crumb.crumb-current:not(.crumb-root):not(.crumb-more) { flex-shrink: 0; max-width: 60%; }
.crumb-bar.is-squeezed .crumb-root { flex: 0 1 auto; min-width: 5em; }
.crumb-bar.is-squeezed .crumb-root > .crumb-link { width: 100%; }

.crumb-menu {
	position: absolute; top: calc(100% + 5px); left: 0; z-index: 30; box-sizing: border-box;
	width: max-content; min-width: 17rem; max-width: min(26rem, calc(100vw - 2rem)); max-height: 21rem; overflow: auto;
	padding: .3rem; background: var(--c-surface,#fff); border: 1px solid var(--card-line); border-radius: var(--card-r-sm);
	box-shadow: var(--card-lift); font-weight: 400; line-height: 1.3;
}
.crumb-menu[hidden] { display: none; }
.crumb-menu-search { position: sticky; top: -.3rem; z-index: 1; margin: -.3rem -.3rem 0; padding: .45rem .45rem .35rem; background: var(--c-surface,#fff); }
.crumb-menu-search input {
	width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; padding: .5em .7em; color: rgba(var(--c-ink-rgb,0, 0, 0), .87);
	border: 1px solid rgba(var(--c-line-rgb,34, 36, 38), .18); border-radius: .36rem; background: var(--c-surface,#fff); outline: none;
}
.crumb-menu-search input:focus { border-color: #85b7d9; }
.crumb-menu-head { padding: .55rem .6rem .3rem; font-size: .8125rem; font-weight: 700; color: rgba(var(--c-ink-rgb,0, 0, 0), .6); }
.crumb-menu-item {
	display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: .6rem;
	padding: .5rem .6rem; border-radius: .36rem; color: rgba(var(--c-ink-rgb,0, 0, 0), .87); text-decoration: none; cursor: pointer;
}
.crumb-menu-item:hover, .crumb-menu-item:focus-visible, .crumb-menu-item.is-active { background: rgba(var(--c-line-rgb,34, 36, 38), .065); color: rgba(var(--c-ink-rgb,0, 0, 0), .95); outline: none; }
.crumb-menu-item:focus-visible, .crumb-menu-foot:focus-visible { box-shadow: inset 0 0 0 2px #137aca; }
.crumb-menu-item.is-current:focus-visible { box-shadow: inset 3px 0 0 var(--c-primary,#2185d0), inset 0 0 0 2px #137aca; }
.crumb-menu-item > .cmi-lead { grid-column: 1; display: inline-flex; width: 1.1em; justify-content: center; color: rgba(var(--c-ink-rgb,0, 0, 0), .55); }
.crumb-menu-item > .cmi-lead > .icon { margin: 0; }
.crumb-menu-item > .cmi-body { grid-column: 2; min-width: 0; }
.crumb-menu-item .cmi-main { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crumb-menu-item .cmi-meta { display: block; margin-top: .15rem; font-size: .857em; color: rgba(var(--c-ink-rgb,0, 0, 0), .55); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crumb-menu-item > .cmi-tail { grid-column: 3; font-size: .857em; color: rgba(var(--c-ink-rgb,0, 0, 0), .6); white-space: nowrap; }
.crumb-menu-item.is-current { font-weight: 700; background: rgba(var(--c-primary-rgb,33, 133, 208), .07); box-shadow: inset 3px 0 0 var(--c-primary,#2185d0); }
.crumb-menu-item.is-locked { color: var(--c-text-2,#767676); cursor: default; }   
.crumb-menu-item.is-locked:hover { background: none; }
.crumb-menu-empty { padding: .6rem; color: rgba(var(--c-ink-rgb,0, 0, 0), .6); }
.crumb-menu-foot {
	position: sticky; bottom: -.3rem; z-index: 1; background: var(--c-surface,#fff);
	display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin: .3rem -.3rem -.3rem; padding: .65rem .9rem .7rem;
	border-top: 1px solid rgba(var(--c-line-rgb,34, 36, 38), .1); border-radius: 0 0 .36rem .36rem; color: var(--c-primary-text,#137aca); text-decoration: none; font-weight: 700;
}
.crumb-menu-foot:hover, .crumb-menu-foot:focus-visible { background: var(--c-surface-2,#eef5fb); outline: none; }   
.crumb-menu-item.is-level > .cmi-lead::before {   
	content: ''; display: block; width: .55em; height: .55em; border-left: 1.5px solid rgba(var(--c-ink-rgb,0, 0, 0), .35); border-bottom: 1.5px solid rgba(var(--c-ink-rgb,0, 0, 0), .35); margin-top: -.3em;
}

@media (max-width: 767px) {
	.page-bar { gap: .5rem; margin-bottom: .75rem; }
	.page-bar-actions { gap: .35rem; }
	.page-bar-actions .ui.button > .btn-text, .page-bar-actions [data-help-slug] > .help-btn-text { display: none; }
	.page-bar-actions .ui.button:has(> .btn-text, > .help-btn-text) { padding-left: .78571429em; padding-right: .78571429em; }
	.page-bar-actions .ui.compact.button:has(> .btn-text, > .help-btn-text) { padding-left: .58928571em; padding-right: .58928571em; }
	.page-bar-actions .ui.button:has(> .btn-text, > .help-btn-text) > .icon:not(.button):not(.dropdown) { margin: 0; }   
	.crumb-text { max-width: 10em; }
	.crumb-current .crumb-text { max-width: 12em; }
	.crumb-menu { position: fixed; left: 1rem; right: 1rem; top: auto; width: auto; max-width: none; min-width: 0; }
	.crumb-menu-search input { font-size: 16px; }   
}
@media (prefers-reduced-motion: reduce) { .crumb-link::after { transition: none; } }
@media print { .page-bar { display: none; } }