/* Resonance admin — custom overrides (menu icons, pagination, breadcrumbs, view pages) */

/*
 * Dev-only fix: on localhost, YII_ENV=dev enables the Yii Debug Toolbar, which
 * injects its own generic Bootstrap CSS asynchronously after page load. That
 * stylesheet's plain `body{font-family}` rule loads later in the DOM than the
 * theme's own (equal specificity -> later wins), so it silently overrides the
 * theme font depending on toolbar timing. Never happens in production (debug
 * mode is off there), but bumping specificity here makes the theme font win
 * unconditionally, so local testing/screenshots are never affected either.
 */
html body{font-family:var(--vz-font-family-primary)}

/* --- Sidebar menu icons: colored boxed style --- */
#navbar-nav .nav-link i[data-color]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;font-size:16px;margin-right:10px;margin-inline-end:10px;transition:background-color .2s ease,color .2s ease}
#navbar-nav .nav-link i[data-color="primary"]{color:#687cfe;background:rgba(104,124,254,.14)}
#navbar-nav .nav-link i[data-color="info"]{color:#0ac7fb;background:rgba(10,199,251,.14)}
#navbar-nav .nav-link i[data-color="success"]{color:#3cd188;background:rgba(60,209,136,.14)}
#navbar-nav .nav-link i[data-color="warning"]{color:#e8bc52;background:rgba(232,188,82,.14)}
#navbar-nav .nav-link i[data-color="secondary"]{color:#ff7f5d;background:rgba(255,127,93,.14)}
#navbar-nav .nav-link i[data-color="danger"]{color:#f7666e;background:rgba(247,102,110,.14)}

#navbar-nav .nav-item:hover>.nav-link i[data-color],
#navbar-nav .nav-link.active i[data-color]{color:#fff}
#navbar-nav .nav-item:hover>.nav-link i[data-color="primary"],
#navbar-nav .nav-link.active i[data-color="primary"]{background:#687cfe}
#navbar-nav .nav-item:hover>.nav-link i[data-color="info"],
#navbar-nav .nav-link.active i[data-color="info"]{background:#0ac7fb}
#navbar-nav .nav-item:hover>.nav-link i[data-color="success"],
#navbar-nav .nav-link.active i[data-color="success"]{background:#3cd188}
#navbar-nav .nav-item:hover>.nav-link i[data-color="warning"],
#navbar-nav .nav-link.active i[data-color="warning"]{background:#e8bc52}
#navbar-nav .nav-item:hover>.nav-link i[data-color="secondary"],
#navbar-nav .nav-link.active i[data-color="secondary"]{background:#ff7f5d}
#navbar-nav .nav-item:hover>.nav-link i[data-color="danger"],
#navbar-nav .nav-link.active i[data-color="danger"]{background:#f7666e}