/* Team Leader dashboard styles */
.tl-header {
    background: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);
    color: #fff; border-radius: 16px; padding: 20px; margin-bottom: 20px;
}
.tl-header .tl-team { font-size: 22px; font-weight: 800; }
.tl-header .tl-meta { font-size: 13px; opacity: 0.8; margin-top: 4px; }
.tl-header .tl-stats { display: flex; gap: 16px; margin-top: 16px; }
.tl-header .tls-item { text-align: center; }
.tl-header .tls-num { font-size: 20px; font-weight: 800; }
.tl-header .tls-label { font-size: 11px; opacity: 0.7; }

.tl-member-card {
    background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 10px;
}
.tl-member-card .tmc-name { font-size: 15px; font-weight: 700; }
.tl-member-card .tmc-stats { display: flex; gap: 12px; margin-top: 8px; font-size: 12px; color: #666; }
.tl-member-card .tmc-stat { display: flex; align-items: center; gap: 4px; }

.alert-card {
    background: #fff; border-left: 4px solid #F59E0B; border-radius: 0 12px 12px 0;
    padding: 12px 16px; margin-bottom: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.alert-card.alert-danger { border-left-color: #EF4444; }
.alert-card.alert-info { border-left-color: #6366F1; }
.alert-card .ac-title { font-weight: 700; font-size: 14px; }
.alert-card .ac-msg { font-size: 12px; color: #666; margin-top: 2px; }
.alert-card .ac-time { font-size: 11px; color: #999; margin-top: 4px; }