/* Icon SVG nội bộ (class .ntmd-icon từ App\Helpers\Icon) */
.ntmd-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    line-height: 0;
    color: inherit;
}
.ntmd-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.ntmd-icon--lg { width: 36px !important; height: 36px !important; }
.ntmd-icon--xl { width: 48px !important; height: 48px !important; }
.ntmd-icon--block { display: flex; margin: 0 auto 12px; }

h1 .ntmd-icon, h2 .ntmd-icon, h3 .ntmd-icon, h4 .ntmd-icon {
    margin-right: 8px;
    vertical-align: -0.2em;
}
a .ntmd-icon { color: inherit; }

.lotus .ntmd-icon,
.svc-icon .ntmd-icon,
.role-card-icon .ntmd-icon {
    width: 100%;
    height: 100%;
}
.lotus { display: flex; justify-content: center; margin-bottom: 12px; }
.svc-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto 12px; color: var(--site-primary, #8B6914); }
.admin-brand-mark .ntmd-icon { color: #fff; }
.doc-icon, .zone-icon { display: inline-flex; }

.role-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}