/* ── Base ────────────────────────────────────────────────────────────── */
.rooster-admin-topbar *,
.rooster-admin-stickytop *,
.rooster-admin-home *,
.rooster-admin-settings *,
.rooster-admin-palette * {
	@apply box-border;
}

/* The icons (Icons::svg(), Lucide outline, each a <use> into the page's sprite): the colour of the text beside them,
   aligned on its line. */
.rooster-admin-ico {
	@apply inline-block flex-none fill-none stroke-current stroke-2 align-middle;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rooster-admin-icon {
	@apply block flex-none;
}

.rooster-admin-sprite {
	@apply hidden;
}

.rooster-admin kbd {
	@apply inline-block rounded-[3px] bg-muted px-1.25 py-px font-[inherit] text-2xs leading-[15px] text-secondary-foreground; /* the scale's smallest step (0.68.11, was 10 px), on the same 15 px line */
}

/* A navigation between two chrome screens (a filter's reload, a tab, a link) crossfades instead of flashing white
   (0.44.1; the owner: "the whole page flickers on reload"). Both pages opt in through this stylesheet; a screen
   without the chrome does not. */
@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
}