.alerts-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:15px;
margin-top:20px;
}

.alert-card{
padding:15px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
background:#ffffff;
color: #111;
border-left:6px solid #ccc;
}

.alert-title{
color: #111;
font-weight:bold;
margin-bottom:5px;
}

.alert-student{
font-size:14px;
color:#555;
margin-bottom:8px;
}

.alert-message{
font-size:14px;
}

.alert-card.critical{
border-left-color:#e74c3c;
background:#fff5f5;
}

.alert-card.high{
border-left-color:#f39c12;
background:#fffaf3;
}

.alert-card.warning{
border-left-color:#3498db;
background:#f4f9ff;
}

.alert-card.info{
border-left-color:#95a5a6;
background:#f8f8f8;
}

.alert-meta{
margin-top:8px;
font-size:12px;
font-weight:bold;
opacity:.75;
}

.alert-student-list{
margin:5px 0 0 15px;
padding:0;
font-size:13px;
}

.alert-student-list li{
margin:2px 0;
}