a.cb-footer-logo img,
.cb-ascii-shield img {
	image-rendering: -webkit-optimize-contrast;
}

.cb-ascii-shield {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
	width: 100%;
	height: 100%;
}
.cb-ascii-shield img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 220.34px;
	max-height: 262px;
}
/* Scalar Light-Only Brand Theme */

:root,
.light-mode {
	/* Typography */
	--scalar-font: 'Geist', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
	--scalar-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

	/* Colors */
	--scalar-color-1: #27272a; /* Neutral[800] */
	--scalar-color-2: rgba(0, 0, 0, 0.6);
	--scalar-color-3: rgba(0, 0, 0, 0.4);
	--scalar-color-accent: #225aea; /* Blue/Primary */
	--cb-primary: #225aea;
	--cb-hover-gray: #f4f4f5; /* Neutral[100] */

	--scalar-background-1: #ffffff;
	--scalar-background-2: #ffffff; /* Neutral[100] */
	--scalar-background-3: #ffffff;;
	--scalar-background-accent: #225aea0f;
	--scalar-border-color: rgba(0, 0, 0, 0.2);

	/* Sidebar */
	--scalar-sidebar-background-1: var(--scalar-background-1);
	--scalar-sidebar-item-hover-background: #f4f4f5;
	--scalar-sidebar-item-active-background: #f4f4f5;
	--scalar-sidebar-border-color: var(--scalar-border-color);
	--scalar-sidebar-color-1: var(--scalar-color-1);
	--scalar-sidebar-color-2: var(--scalar-color-2);
	--scalar-sidebar-color-active: var(--scalar-color-2);
	--scalar-sidebar-search-background: var(--scalar-background-2);
	--scalar-sidebar-search-border-color: var(--scalar-border-color);
	--scalar-sidebar-search-color: var(--scalar-color-3);

	color-scheme: light;
}

/* Links */
#app a { text-decoration-color: var(--scalar-color-accent); }

/* Ensure error/accordion hovers are not affected by primary hover */
.light-mode .accordion-item[open] summary:hover,
.light-mode .accordion-item summary:hover,
.light-mode .parameter-item-type:hover,
.light-mode [class*="parameter-item-type"]:hover,
.light-mode [class*="unauthorized"]:hover {
	background: var(--scalar-background-2) !important;
	color: var(--scalar-color-1) !important;
}

/* Override sidebar hover colors using Scalar's official variables */
.light-mode .sidebar {
	--scalar-sidebar-item-hover-color: #000000 !important;
	--scalar-sidebar-item-hover-background: transparent !important;
}



/* Sidebar logo block */
.cb-sidebar-logo {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px 4px 16px;
	border-bottom: 1px solid var(--scalar-sidebar-border-color);
}
.cb-sidebar-logo img {
	display: block;
	height: 56px; /* double */
	width: auto;
}

/* Footer brand logo: make it full-width and taller */
a.cb-footer-logo {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	padding: 0px 0 8px 16px !important; /* align with sidebar content */
	overflow: hidden !important; /* crop visually when shifting image */
	margin: 0 !important;
	text-align: left !important;
}
a.cb-footer-logo img {
	display: block;
	height: 56px; /* double */
	width: auto;
	margin: 0;
	transform: translateX(-16px); /* nudge left to bring shield closer to edge */
}

/* Right panel styling - make it white with grey shadow like toasts */
/* Add shadow to elements with background-3 */
#app [class*="bg-b-3"] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
#app [class*="bg-b-2"] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

/* Remove bottom border radius for server labels */
#app [class*="bg-b-2"][class*="rounded-t-lg"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
}