/* ============================================================
   Klarna icons — force outline / line-only style
   Strips the 0.4-opacity "duotone fill" from existing SVG icons
   and converts solid Font Awesome icons to line variants where
   possible.
   ============================================================ */

/* Hide every duotone filler path (the .4 opacity layer) */
.dashboard svg [opacity="0.4"],
.dashboard svg [opacity="0.5"],
.dashboard-sidebar svg [opacity="0.4"],
.dashboard-sidebar svg [opacity="0.5"] {
    display: none !important;
}

/* Anything that still has a filled body in dashboard icons:
   keep only stroke, drop the fill */
.dashboard .icon svg path[fill="currentColor"],
.dashboard-menu__item svg path[fill="currentColor"],
.dashboard-header svg path[fill="currentColor"],
.dashboard .db-card2__icon svg path[fill="currentColor"] {
    fill: none !important;
}

/* Make sure every line-icon stroke is uniform */
.dashboard svg path,
.dashboard svg circle,
.dashboard svg rect,
.dashboard-sidebar svg path,
.dashboard-sidebar svg circle,
.dashboard-sidebar svg rect {
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Font Awesome icon fonts require their native font-weight to render
   (Solid = 900, Regular = 400). Do NOT override font-weight or icons
   become invisible. We just normalize color & size. */
.dashboard .fas,
.dashboard .fa-solid,
.dashboard .far,
.dashboard .fa-regular,
.dashboard .fab,
.dashboard .fa-brands,
.dashboard .las,
.dashboard .lab,
.dashboard .lar,
.dashboard i[class*=" la-"],
.dashboard i[class^="la-"] {
    color: inherit;
    font-style: normal;
    line-height: 1;
}

/* Mute filled circle/dot backgrounds inside icon wrappers */
.dashboard .db-card2__icon,
.dashboard .alert__icon {
    background: var(--k-cream-2, #F7EFE5);
    color: var(--k-ink, #17120F);
}

.dashboard .db-card2__icon i,
.dashboard .alert__icon i {
    color: var(--k-ink, #17120F);
}