/* ============================================================
   icons.css - Ikon SVG lokal (Lucide, ISC License)
   Ikon mengikuti warna & ukuran teks, ukuran per konteks diatur di sini.
   ============================================================ */

.svg-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -.125em;
    flex-shrink: 0;
    stroke-width: 2;
    pointer-events: none;
}

/* ------------------------------------------------------------
   Konteks umum
   ------------------------------------------------------------ */
.card-title .svg-icon {
    width: 14px;
    height: 14px;
    color: var(--primary);
}

.card-header h3 .svg-icon {
    width: 17px;
    height: 17px;
    color: var(--primary);
}

.btn .svg-icon {
    width: 15px;
    height: 15px;
}

.btn-sm .svg-icon {
    width: 13px;
    height: 13px;
}

.success .svg-icon,
.error .svg-icon,
.msg .svg-icon,
.alert .svg-icon {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
}

.empty-state .icon .svg-icon {
    width: 34px;
    height: 34px;
    stroke-width: 1.5;
    color: var(--text3);
}

.info-bar .svg-icon {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
}

.pagination .svg-icon {
    width: 14px;
    height: 14px;
}

.badge .svg-icon,
.group-tag .svg-icon {
    width: 11px;
    height: 11px;
    vertical-align: -1px;
}