/**
 * KeenIcons duotone — integración AppLoft (sustituye Feather visualmente).
 */

.ki-duotone {
    line-height: 1;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.ki-duotone:before,
.ki-duotone:after {
    font-size: inherit;
}

.ki-duotone.icon,
.ki-duotone.icon-14 {
    font-size: 14px;
}

.ki-duotone.icon-16 {
    font-size: 16px;
}

.ki-duotone.icon-18 {
    font-size: 18px;
}

.ki-duotone.icon,
.navbar .ki-duotone.icon {
    font-size: 20px;
}

/* Tablas / botones: heredar tamaño de icon-* en pseudo-elementos */
.icon-14.ki-duotone:before,
.icon-14.ki-duotone:after {
    font-size: 14px !important;
}

.icon-16.ki-duotone:before,
.icon-16.ki-duotone:after {
    font-size: 16px !important;
}

.icon-18.ki-duotone:before,
.icon-18.ki-duotone:after {
    font-size: 18px !important;
}

.icon.ki-duotone:before,
.icon.ki-duotone:after {
    font-size: 20px !important;
}

/* Atributos width/height legacy de Feather en mockups grandes */
.ki-duotone[width="10rem"],
.ki-duotone[height="10rem"] {
    font-size: 10rem !important;
}

.ki-duotone[width="15rem"],
.ki-duotone[height="15rem"] {
    font-size: 15rem !important;
}

.btn .ki-duotone,
.dropdown-item .ki-duotone {
    vertical-align: -0.125em;
}

body.mail-page #default-navbar .ki-duotone {
    color: inherit;
}

/* Cards KPI del dashboard (widget-icon) — 26×26px */
.dashboard-icon-widget .widget-icon .ki-duotone,
.dashboard-icon-widget .widget-icon .icon {
    font-size: 26px;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    line-height: 26px;
}

.dashboard-icon-widget .widget-icon .ki-duotone:before,
.dashboard-icon-widget .widget-icon .ki-duotone:after {
    font-size: 26px !important;
}

.dashboard-icon-widget .widget-icon svg {
    width: 26px !important;
    height: 26px !important;
}