/* The icon geometry and palettes live on asset.openpath.io. Account-specific placement only. */
.op-sidebar-nav .nav-link .op-icon,
.op-sidebar-account .nav-link .op-icon { width: 24px; height: 24px; flex: 0 0 24px; }
.op-sidebar-nav .submenus .nav-link .op-icon { width: 20px; height: 20px; flex-basis: 20px; }
.op-icon-button .op-icon { width: 24px; height: 24px; }
.btn .op-icon { margin-right: .3em; }

/* Filled mint actions need the opposite SURFACE palette, independent of the page theme. */
:root .op-sidebar-nav .submenus .nav-link.active .op-icon,
:root .btn-primary .op-icon,
:root .btn-success .op-icon { background-image: var(--op-icon-light); }
:root[data-theme="light"] .op-sidebar-nav .submenus .nav-link.active .op-icon,
:root[data-theme="light"] .btn-primary .op-icon,
:root[data-theme="light"] .btn-success .op-icon { background-image: var(--op-icon-dark); }

/* Avoid inherited tiny text-danger sizing changing status-icon geometry. */
.status-page .op-icon { font-size: inherit; }