/**
 * Acento del tema activo (sincronizado por apploft-theme.js desde .btn-primary).
 * En módulos custom usar var(--apploft-theme-color) en lugar de colores fijos.
 */
:root {
    --apploft-theme-color: #6690f4;
    --apploft-theme-color-rgb: 102, 144, 244;
    --apploft-theme-dark: 0;
}

.apploft-theme-accent {
    color: var(--apploft-theme-color) !important;
}

.apploft-theme-accent-bg {
    background-color: var(--apploft-theme-color) !important;
    border-color: var(--apploft-theme-color) !important;
    color: #fff !important;
}

.apploft-theme-accent-border-start {
    box-shadow: inset 3px 0 0 var(--apploft-theme-color);
}

.apploft-theme-tint-bg {
    background-color: color-mix(in srgb, var(--apploft-theme-color) 14%, #fff);
}

/* Widget dashboard: correo entrante */
.dashboard-view .dashboard-widget-card[data-widget="todo_list"] {
    width: 100%;
}

.dashboard-view .dashboard-widget-card[data-widget="todo_list"] .dashboard-mail-inbox-widget {
    width: 100%;
}

.dashboard-mail-inbox-widget #dashboard-mail-inbox-container .card-body.dashboard-mail-inbox-list {
    background: #fafafa;
}

.dashboard-mail-inbox-row {
    padding: 12px 16px;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
    transition: background 0.15s ease;
}

.dashboard-mail-inbox-row:hover {
    background: color-mix(in srgb, var(--apploft-theme-color, #6690f4) 8%, #fff);
}

.dashboard-mail-inbox-footer {
    padding: 10px 15px 12px;
    border-top: 1px solid #f1f1f5;
}

.dashboard-mail-inbox-subject {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-mail-inbox-date {
    float: right;
    max-width: 90px;
    white-space: nowrap;
    margin-left: 8px;
}

.dashboard-mail-inbox-address {
    line-height: 1.5;
    margin-bottom: 2px;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-mail-inbox-label {
    font-weight: 600;
    color: #898fa9;
    margin-right: 4px;
}

.dashboard-mail-inbox-email {
    color: #4e5e6a;
}

.dashboard-mail-inbox-subject a {
    color: #4e5e6a;
    font-size: inherit;
    font-weight: inherit;
}

.dashboard-mail-inbox-unread .dashboard-mail-inbox-subject a {
    color: #2b3a4a;
}

/* Widget correo entrante — tema oscuro (1E202D) */
body[data-color="1E202D"] .dashboard-mail-inbox-widget,
body.color-1E202D .dashboard-mail-inbox-widget {
    background-color: #252932 !important;
}

body[data-color="1E202D"] .dashboard-mail-inbox-widget .card-header,
body.color-1E202D .dashboard-mail-inbox-widget .card-header {
    background-color: #252932;
    border-bottom-color: #2f3541;
    color: #e8eaed;
}

body[data-color="1E202D"] .dashboard-mail-inbox-widget .card-header a,
body.color-1E202D .dashboard-mail-inbox-widget .card-header a {
    color: #a8b0bd;
}

body[data-color="1E202D"] .dashboard-mail-inbox-list,
body.color-1E202D .dashboard-mail-inbox-list {
    background: #1c1f26 !important;
}

body[data-color="1E202D"] .dashboard-mail-inbox-row,
body.color-1E202D .dashboard-mail-inbox-row {
    background: #252932;
    border-bottom-color: #2f3541;
}

body[data-color="1E202D"] .dashboard-mail-inbox-row:hover,
body.color-1E202D .dashboard-mail-inbox-row:hover {
    background: color-mix(in srgb, var(--apploft-theme-color, #6690f4) 14%, #2f3541);
}

body[data-color="1E202D"] .dashboard-mail-inbox-subject a,
body.color-1E202D .dashboard-mail-inbox-subject a {
    color: #898fa9;
    font-weight: inherit;
}

body[data-color="1E202D"] .dashboard-mail-inbox-unread .dashboard-mail-inbox-subject a,
body.color-1E202D .dashboard-mail-inbox-unread .dashboard-mail-inbox-subject a {
    color: #898fa9;
    font-weight: inherit;
}

body[data-color="1E202D"] .dashboard-mail-inbox-address,
body.color-1E202D .dashboard-mail-inbox-address {
    color: #a8b0bd;
}

body[data-color="1E202D"] .dashboard-mail-inbox-label,
body.color-1E202D .dashboard-mail-inbox-label {
    color: #c4cad4;
}

body[data-color="1E202D"] .dashboard-mail-inbox-email,
body.color-1E202D .dashboard-mail-inbox-email {
    color: #dce1ea;
}

body[data-color="1E202D"] .dashboard-mail-inbox-date,
body.color-1E202D .dashboard-mail-inbox-date {
    color: #8b93a3 !important;
}

body[data-color="1E202D"] .dashboard-mail-inbox-footer,
body.color-1E202D .dashboard-mail-inbox-footer {
    border-top-color: #2f3541;
}

body[data-color="1E202D"] .dashboard-mail-inbox-footer a,
body.color-1E202D .dashboard-mail-inbox-footer a {
    color: var(--apploft-theme-color, #6690f4);
}

/* Dashboard — fila KPI (4 cards): bordes superior e inferior degradados 3px */
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget {
    position: relative;
    overflow: hidden;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget::before,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 2;
    pointer-events: none;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget::before {
    top: 0;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget::after {
    bottom: 0;
}

.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(1) .dashboard-icon-widget::before,
.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(1) .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(1) .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(1) .dashboard-icon-widget::after {
    background: linear-gradient(90deg, #009ef7, #50cd89);
}

.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(2) .dashboard-icon-widget::before,
.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(2) .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(2) .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(2) .dashboard-icon-widget::after {
    background: linear-gradient(90deg, #7239ea, #f1416c);
}

.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(3) .dashboard-icon-widget::before,
.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(3) .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(3) .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(3) .dashboard-icon-widget::after {
    background: linear-gradient(90deg, #ffc700, #ff9500);
}

.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(4) .dashboard-icon-widget::before,
.dashboard-view > .clearfix.row + .dashboards-row .widget-container:nth-child(4) .dashboard-icon-widget::after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(4) .dashboard-icon-widget::before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .widget-container:nth-child(4) .dashboard-icon-widget::after {
    background: linear-gradient(90deg, #17c653, #009ef7);
}

/* Dashboard — fila KPI: solo icono grande, sin cuadrado de fondo */
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon svg,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon .ki-duotone,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon .ki-duotone {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px;
    min-height: 55px;
    font-size: 55px;
    line-height: 55px;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon .ki-duotone:before,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon .ki-duotone:after,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon .ki-duotone:before,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon .ki-duotone:after {
    font-size: 55px !important;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info svg {
    color: #38a4f8;
    stroke: #38a4f8;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral svg {
    color: #fd397a;
    stroke: #fd397a;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success svg {
    color: #0abb87;
    stroke: #0abb87;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-primary .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-primary svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-primary .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-primary svg {
    color: #6690f4;
    stroke: #6690f4;
}

.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-orange .icon,
.dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-orange svg,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-orange .icon,
.dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-orange svg {
    color: #ffb822;
    stroke: #ffb822;
}

body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info .icon,
body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info svg,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info .icon,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info svg,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info .icon,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-info svg,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info .icon,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-info svg {
    color: #38a4f8;
    stroke: #38a4f8;
}

body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral .icon,
body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral svg,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral .icon,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral svg,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral .icon,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-coral svg,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral .icon,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-coral svg {
    color: #fd397a;
    stroke: #fd397a;
}

body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success .icon,
body[data-color="1E202D"] .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success svg,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success .icon,
body[data-color="1E202D"] .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success svg,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success .icon,
body.color-1E202D .dashboard-view > .clearfix.row + .dashboards-row .dashboard-icon-widget .widget-icon.bg-success svg,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success .icon,
body.color-1E202D .dashboard-view .dashboards-row[data-column-ratio="3-3-3-3"] .dashboard-icon-widget .widget-icon.bg-success svg {
    color: #0abb87;
    stroke: #0abb87;
}