/* Barlow Daxko font faces */
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;
	}
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-Italic.ttf') format('truetype');
		font-weight: 400;
		font-style: italic;
	}
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
	}
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-SemiBoldItalic.ttf') format('truetype');
		font-weight: 600;
		font-style: italic;
	}
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-Bold.ttf') format('truetype');
		font-weight: 700;
		font-style: normal;
	}
	@font-face {
		font-family: 'Barlow Daxko';
		src: url('/assets/Barlow Daxko Weights/Barlow-BoldItalic.ttf') format('truetype');
		font-weight: 700;
		font-style: italic;
	}
	body {
	font-family: 'Barlow Daxko', 'Barlow', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	}
/* Fix dropdowns in Staff page dark mode */
html[data-theme="dark"] select, body.dark select {
	background: #222 !important;
	color: #fff !important;
}
html[data-theme="dark"] select option, body.dark select option {
	background: #222 !important;
	color: #fff !important;
}
/* Unified UI surfaces across pages */
:root{
	--ui-surface: var(--panel2, rgba(255,255,255,.06));
	--ui-surface-hover: rgba(255,255,255,.10);
	--ui-border: var(--border2, rgba(255,255,255,.18));
	--ui-divider: var(--border, rgba(255,255,255,.12));
	--ui-menu-bg: var(--panel, #0f1115);
	--ui-pill-bg: rgba(255,255,255,.04);
	--ui-muted: var(--muted2, rgba(255,255,255,.55));
}
body.light, html[data-theme="light"]{
	--ui-surface: var(--panel2, rgba(0,0,0,.04));
	--ui-surface-hover: rgba(0,0,0,.06);
	--ui-border: var(--border2, rgba(0,0,0,.18));
	--ui-divider: var(--border, rgba(0,0,0,.12));
	--ui-menu-bg: var(--panel, #fff);
	--ui-pill-bg: rgba(0,0,0,.04);
	--ui-muted: var(--muted2, rgba(0,0,0,.55));
}

/* Buttons */
button,
.iconBtn,
.tabBtn,
.kebabBtn{
	background: var(--ui-surface) !important;
	border: 1px solid var(--ui-border) !important;
	color: var(--text, #fff) !important;
}
button:hover,
.iconBtn:hover,
.tabBtn:hover,
.kebabBtn:hover{
	background: var(--ui-surface-hover) !important;
}

/* Pills + dividers */
.pill{
	background: var(--ui-pill-bg) !important;
	border: 1px solid var(--ui-border) !important;
	color: var(--muted, #c9c9c9) !important;
}
.divider,
.dropdownDivider{
	background: var(--ui-divider) !important;
}

/* Dropdowns */
.dropdownMenu{
	background: var(--ui-menu-bg) !important;
	color: var(--text, #fff) !important;
	border: 1px solid var(--ui-border) !important;
	opacity: 1 !important;
}
.dropdownMenu .dropdownItem{
	color: var(--text, #fff) !important;
}
.dropdownMenu .dropdownItem:hover{
	background: var(--ui-surface-hover) !important;
}
.dropdownMenu .dangerItem{
	color: var(--danger, #ff4d4d) !important;
}
.dropdownMenu .dangerItem:hover{
	background: rgba(255,77,77,.12) !important;
}
.dropdownMenu .dropdownLabel{
	color: var(--ui-muted) !important;
}
.dropdownMenu .dropdownValue{
	color: var(--text, #fff) !important;
}

/* Kebab menus (reports) */
.kebabMenu{
	background: var(--ui-menu-bg) !important;
	border: 1px solid var(--ui-border) !important;
}
.kebabItem{
	color: var(--text, #fff) !important;
}
.kebabItem:hover{
	background: var(--ui-surface-hover) !important;
}

/* Accent buttons */
.dangerBtn{
	border-color: rgba(255,77,77,.45) !important;
	color: rgba(255,200,200,.95) !important;
}
body.light .dangerBtn, html[data-theme="light"] .dangerBtn{
	color: rgba(215,51,51,.95) !important;
	border-color: rgba(215,51,51,.45) !important;
}
.dangerBtn:hover{
	background: rgba(255,77,77,.12) !important;
}
.okBtn{
	border-color: rgba(61,220,151,.45) !important;
	color: rgba(210,255,235,.95) !important;
}
body.light .okBtn, html[data-theme="light"] .okBtn{
	color: rgba(27,155,103,.95) !important;
	border-color: rgba(27,155,103,.45) !important;
}
.okBtn:hover{
	background: rgba(61,220,151,.12) !important;
}
.kebabDanger{
	border-color: rgba(255,77,77,.45) !important;
}
.kebabDanger:hover{
	background: rgba(255,77,77,.12) !important;
}