/* ===== Card Icons ===== */
.card-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 0.75rem auto;
    display: block;
    opacity: 0.85;
}

.card-icon-sm {
    width: 32px;
    height: 32px;
    margin: 0 auto 0.5rem auto;
    display: block;
    opacity: 0.85;
}

/* Equal height cards */
.sd-row {
    align-items: stretch !important;
}

.sd-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.sd-card-body {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Icon colors */
.icon-primary { color: #5b5fc7; }
.icon-blue { color: #3b82f6; }
.icon-green { color: #10b981; }
.icon-orange { color: #f59e0b; }
.icon-purple { color: #8b5cf6; }
.icon-pink { color: #ec4899; }
.icon-cyan { color: #06b6d4; }
.icon-red { color: #ef4444; }

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .card-icon, .card-icon-sm {
        opacity: 0.9;
    }
}

html[data-theme="dark"] .card-icon,
html[data-theme="dark"] .card-icon-sm {
    opacity: 0.9;
}
