/**
 * Styles for the Principal Dashboard "Overview" Tab
 */

.iw-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.iw-stat-card {
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: 25px;
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: var(--transition);
}
.iw-stat-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }

.iw-stat-icon {
    width: 60px; height: 60px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: var(--color-white);
    background-color: var(--color-primary);
    flex-shrink: 0;
}

.iw-stat-info { display: flex; flex-direction: column; }
.iw-stat-label { font-size: 14px; color: var(--color-text-light); margin-bottom: 5px; font-weight: 600; }
.iw-stat-value { font-size: 28px; font-weight: 700; color: var(--color-primary-dark); }

.iw-overview-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (min-width: 992px) {
    .iw-overview-grid { grid-template-columns: 1fr 2fr; }
}

.iw-action-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.iw-action-item:last-child { border-bottom: none; }
.iw-action-title { font-weight: 700; color: var(--color-primary-dark); }
.iw-action-description { font-size: 14px; color: var(--color-text-light); }
.iw-action-count-badge {
    background-color: var(--color-text-light);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
}
.iw-action-count-badge.has-items {
    background-color: var(--color-secondary);
    animation: pulse-red 2s infinite;
}
.iw-action-count-badge:hover { transform: scale(1.1); }

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(127, 17, 2, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(127, 17, 2, 0); }
    100% { box-shadow: 0 0 0 0 rgba(127, 17, 2, 0); }
}

.iw-activity-feed { list-style: none; padding: 0; margin: 0; }
.iw-activity-item { display: flex; align-items: flex-start; gap: 15px; padding: 15px 0; border-bottom: 1px solid #eee; }
.iw-activity-item:last-child { border-bottom: none; }
.activity-icon {
    width: 40px; height: 40px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; flex-shrink: 0;
}
.activity-icon.enroll { background-color: var(--color-quaternary); }
.activity-icon.doubt { background-color: var(--color-tertiary); }
.iw-activity-text { flex-grow: 1; }
.iw-activity-time { display: block; font-size: 13px; color: var(--color-text-light); margin-top: 5px; }