/* =================================================================
   MASTER CSS - APP-LEVEL OVERRIDES (minimal - visual rules moved to root.css)
   ================================================================= */

/* Keep only app-level semantic overrides here. Most visual styling now lives in /css/root.css */

/* Bootstrap icons import remains so scoped ::before font icons work */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

/* Ensure icon class doesn't inherit page-wide layout rules */
.bi,
[class*="bi-"],
.btn .bi {
    vertical-align: middle;
}

/* CRITICAL ICON DEFINITIONS - keep these global so icons render correctly */
.bi-gear::before,
.bi-gear[class]::before,
[class*="bi-gear"]::before,
.btn .bi-gear::before,
.btn [class*="bi-gear"]::before {
    content: "\f3e5" !important;
    font-family: "bootstrap-icons" !important;
}

/* small helper to avoid accidental duplicate layout rules in app.css */
/* If you need to move a layout rule out of component css back to app.css, do it explicitly */