/* ═══════════════════════════════════════════════════════
   BornaliDNS — Monochrome icons (emoji replaced by js/icons.js)
   Black line icons; light in dark mode. Each page names its text colour
   differently, so the colour falls back through all of them.
══════════════════════════════════════════════════════ */
.emo-icon {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.2em;
    flex-shrink: 0;
    color: var(--text, var(--c-text, var(--auth-text, var(--dnsc-text, #0f172a))));
}
.emo-mono { filter: grayscale(1) brightness(0); }
html[data-theme="dark"] .emo-mono { filter: grayscale(1) brightness(0) invert(0.9); }
.emo-icon + .emo-icon { margin-left: 2px; }

/* Close/delete ✕ buttons already style their own colour (incl. red hover) */
.emo-icon.emo-x { color: inherit; }

/* Accent / white-text places keep their own colour */
.nav-item.active .emo-icon,
.nav-item:hover .emo-icon,
.header-icon-btn:hover .emo-icon,
[style*="color:#fff"] .emo-icon, [style*="color: #fff"] .emo-icon { color: inherit; }

/* Dashboard / admin / reseller */
.btn-primary .emo-icon, .btn-danger .emo-icon, .btn-success .emo-icon, .btn-bkash .emo-icon,
.btn--plan-blue .emo-icon, .btn--plan-purple .emo-icon, .btn--plan-gold .emo-icon,
.hero-hostname__copy .emo-icon, .copy-toast .emo-icon, .plan-card__badge .emo-icon,
.balance-card .emo-icon, .pg-btn.pg-active .emo-icon, .notif-tab.active .emo-icon,
.toast .emo-icon, #toast .emo-icon, .user-avatar .emo-icon, .account-avatar .emo-icon,
.customer-avatar .emo-icon, .admin-user-card-avatar .emo-icon,
.admin-plan-create-card:hover .admin-plan-create-icon .emo-icon { color: inherit; }

/* Landing / login / DNS check */
.btn--glow .emo-icon, .btn--purple .emo-icon, .btn--gold .emo-icon,
.nav__logo .emo-icon, .mnav__logo .emo-icon, .mnav__close:hover .emo-icon,
.step__num .emo-icon, .pcard__badge .emo-icon,
.auth-btn .emo-icon, .dnsc-btn .emo-icon { color: inherit; }