/* DINIS Workspace - KPI colors safe patch */
.kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.kpi-card {
    min-width: 0 !important;
}

.kpi-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.kpi-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 9px rgba(10, 40, 75, .14) !important;
}

.kpi-grid .kpi-card:nth-child(1) .kpi-ico { background: #10B981 !important; }
.kpi-grid .kpi-card:nth-child(2) .kpi-ico { background: #3B82F6 !important; }
.kpi-grid .kpi-card:nth-child(3) .kpi-ico { background: #8B5CF6 !important; }
.kpi-grid .kpi-card:nth-child(4) .kpi-ico { background: #E3A62F !important; }
.kpi-grid .kpi-card:nth-child(5) .kpi-ico { background: #0EA5C6 !important; }

@media (max-width: 1180px) {
    .kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}