/**
 * Bookline admin SPA stylesheet.
 *
 * Styling stack (lowest → highest priority):
 *   1. assets/tokens.css      — design tokens
 *   2. assets/reset.css       — host isolation (!important box model only)
 *   3. assets/tailwind.css    — @layer base / components / utilities + .bl-* classes
 *
 * Tailwind utilities are scoped with `important: '.bookline-surface'`
 * so they beat WordPress admin CSS. Prefer `.bl-*` classes from assets/lib/ui.ts over
 * repeating long utility strings.
 *
 * @package Bookline
 */

@import url("../../tokens.css");

/* Chart.js writes inline canvas sizes; lock the plot so a legend or
   retina resize cannot grow the parent and freeze the admin SPA. */
.bl-metric-chart {
	position: relative;
	height: var(--chart-plot);
	min-height: var(--chart-plot);
	overflow: hidden;
}

.bl-metric-chart canvas {
	display: block;
}

.bookline-calendar .fc {
	--fc-border-color: var(--ink-100);
	--fc-page-bg-color: var(--paper-0);
	--fc-neutral-bg-color: var(--paper-50);
	--fc-button-bg-color: var(--accent-500);
	--fc-button-border-color: var(--ink-900);
	--fc-button-text-color: var(--on-accent);
	--fc-button-hover-bg-color: var(--accent-700);
	--fc-button-hover-border-color: var(--ink-900);
	--fc-today-bg-color: var(--accent-50);
	font-family: inherit;
}

/*
 * WordPress admin colours `#wpbody-content a` beat unscoped Tailwind
 * `text-*` utilities. Pin Upgrade against that, including :visited.
 */
.bookline-admin-shell aside {
	color: var(--sidebar-fg);
}

.bookline-admin-shell aside nav a,
.bookline-admin-shell aside nav a:link,
.bookline-admin-shell aside nav a:visited,
.bookline-admin-shell aside nav a:hover,
.bookline-admin-shell aside nav a:active,
.bookline-admin-shell aside nav a:focus {
	color: var(--sidebar-muted) !important;
}

.bookline-admin-shell aside nav a:hover,
.bookline-admin-shell aside nav a:focus,
.bookline-admin-shell aside nav a[aria-current='page'] {
	color: var(--sidebar-fg) !important;
}

.bookline-admin-shell aside nav a svg {
	color: inherit;
	stroke: currentColor;
}

.bookline-admin-shell a.bl-upgrade-link,
.bookline-admin-shell a.bl-upgrade-link:link,
.bookline-admin-shell a.bl-upgrade-link:visited,
.bookline-admin-shell a.bl-upgrade-link:hover,
.bookline-admin-shell a.bl-upgrade-link:active,
.bookline-admin-shell a.bl-upgrade-link:focus {
	color: var(--edition-strip-fg) !important;
}

.bookline-admin-shell a.bl-upgrade-link--inverse,
.bookline-admin-shell a.bl-upgrade-link--inverse:link,
.bookline-admin-shell a.bl-upgrade-link--inverse:visited,
.bookline-admin-shell a.bl-upgrade-link--inverse:hover,
.bookline-admin-shell a.bl-upgrade-link--inverse:active,
.bookline-admin-shell a.bl-upgrade-link--inverse:focus {
	color: var(--edition-strip-ink) !important;
}

/*
 * `#bookline-admin-root a` and WP `#wpbody-content a` beat Tailwind
 * `text-on-accent` / `text-ink-900`. Pin button labels so a light brand
 * hex cannot paint lime-on-lime or lime-on-paper.
 */
#bookline-admin-root a.bl-btn--ghost,
#bookline-admin-root a.bl-btn--ghost:link,
#bookline-admin-root a.bl-btn--ghost:visited,
#bookline-admin-root a.bl-btn--ghost:hover,
#bookline-admin-root a.bl-btn--ghost:active,
#bookline-admin-root a.bl-btn--ghost:focus {
	color: var(--ink-900) !important;
}

#bookline-admin-root a.bl-btn--primary,
#bookline-admin-root a.bl-btn--primary:link,
#bookline-admin-root a.bl-btn--primary:visited,
#bookline-admin-root a.bl-btn--primary:hover,
#bookline-admin-root a.bl-btn--primary:active,
#bookline-admin-root a.bl-btn--primary:focus {
	color: var(--on-accent) !important;
}

#bookline-admin-root a.bl-btn--danger,
#bookline-admin-root a.bl-btn--danger:link,
#bookline-admin-root a.bl-btn--danger:visited,
#bookline-admin-root a.bl-btn--danger:hover,
#bookline-admin-root a.bl-btn--danger:active,
#bookline-admin-root a.bl-btn--danger:focus {
	color: var(--danger) !important;
}

#bookline-admin-root a.bl-btn--danger-solid,
#bookline-admin-root a.bl-btn--danger-solid:link,
#bookline-admin-root a.bl-btn--danger-solid:visited,
#bookline-admin-root a.bl-btn--danger-solid:hover,
#bookline-admin-root a.bl-btn--danger-solid:active,
#bookline-admin-root a.bl-btn--danger-solid:focus {
	color: var(--paper-0) !important;
}