.ig-icon-green {
	color: darkgreen;
	font-weight: bold;
	font-size: 1.1rem;
}

[data-bs-theme="dark"] .ig-icon-green {
	color: lightgreen;
}

.ig-icon-red {
	color: darkred;
	font-weight: bold;
	font-size: 1.1rem;
}

[data-bs-theme="dark"] .ig-icon-red {
	color: red;
}

/* on-off icon (250903) */
.ig-icon-on {
	color: limegreen;
}

[data-bs-theme="dark"] .ig-icon-on {
	color: lightgreen;
}

.ig-icon-off {
	color: lightgray;
}

[data-bs-theme="dark"] .ig-icon-off {
	color: gray;
}

/* text utilities (250725) */
.ig-text-underline {
	text-decoration: underline;
	text-underline-offset: 0.15rem;
}

.ig-underline-orange {
	display: inline-block;
	border-bottom: 2px solid orange;
	margin-bottom: 0.5rem;
}

.ig-text-decoration-none {
	text-decoration: none;
}

.ig-tinyfont {
	font-size: 0.8rem;
	color: var(--bs-info-text-emphasis, #055160) !important;
}

/* border utilities (250725) */
.ig-border-error {
	--bs-primary-rgb: 255, 0, 0;
	--bs-border-color: red;
	box-shadow: 0 0 0 .25rem rgba(255,0,0,.25);
}

.ig-border-error:focus {
	box-shadow: 0 0 0 .25rem rgba(255,0,0,.4) !important;
}

/* table utilities (250726) */
.ig-no-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 1px;
}

/* debug (251027 */
.debug * {
	outline: 1px solid red;
}

/* bootstrap extension (251228) */
.ig-form-control-xs {
	font-size: inherit;
	padding: 0.1rem 0.25rem;
	line-height: 1.2;
	min-height: 30px;
}

.ig-form-select-xs {
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
}

/* input[type="date"] doesn't auto-center its value like text inputs do — it respects padding-top literally, so with min-height:30px and padding-top:0.1rem the value sits near the top (260519) */
input[type="date"].ig-form-control-xs {
	padding-top: 0.2rem;
}