.logo-lg img {
	height: 40px;
}

.btn-xs {
	padding: .2rem .6rem;
	font-size: .75rem;
	border-radius: .15rem;
}

td.datatable-action-cell {
	width: 1.875rem;
	padding: .75rem .3rem;
}

.tooltip-label {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	width: 100%;
}

.tooltip-in-form {
	color: inherit;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	margin-inline-start: auto;
}

.topbar-alert {
	position: sticky;
	top: 0;
	z-index: 1010;
}

body.has-topbar-alert .sidenav-menu,
body.has-topbar-alert .app-topbar {
	top: var(--topbar-alert-height, 0px);
}

.table > thead.table-light > tr > th,
.table > thead.table-light > tr > td,
.table > thead.bg-light > tr > th,
.table > thead.bg-light > tr > td {
	background-color: var(--theme-tertiary-bg) !important;
	color: var(--theme-body-color) !important;
	border-color: var(--theme-border-color) !important;
}

#sidenav-menu hr {
	border-top-color: var(--theme-sidenav-item-color);
	opacity: 0.15;
}

/* Ubold v8's app.css strips number-input spinner buttons globally
   (`input::-webkit-inner-spin-button { -webkit-appearance: none }`). We rely
   on those arrows for quote/order/invoice quantity + discount fields, so
   restore the native spinner for all number inputs across the app. */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: auto;
	appearance: auto;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: number-input;
	appearance: auto;
}

.impersonation-dropdown-toggle.dropdown-toggle::after {
	margin-left: 0.45em;
}

/* De regel-editor (uitgeklede Summernote) werkt intern met <p>-blokken terwijl opslag en weergave
   <br>-regels gebruiken — plat de alineamarge zodat de editor dezelfde regelafstand toont als de
   regelweergave en de PDF. */
textarea[data-meriad-summernote-toolbar="minimal"] + .note-editor .note-editable p {
	margin-bottom: 0;
}

.gap-1-5 {
	gap: 0.5625rem !important;
}

/* A switch that opens its form-group has no group label above it, so its own label
   carries the field name and has to match the weight of a .form-label. Switches that
   sit underneath a group label are not :first-child, so they keep the normal body
   weight and the group label stays the only bold text in the block. */
.form-group > .form-check:first-child .form-check-label {
	font-weight: var(--theme-font-weight-semibold);
}