/* =========================================================
   ApiWeb - Styles centre de surveillance / alertes
   ========================================================= */

.alerte-summary{
    background:#fff;
    border-radius:18px;
    padding:24px;
    display:flex;
    align-items:center;
    gap:20px;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    transition:.25s;
    border-left:5px solid transparent;
}

.alerte-summary:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.alerte-summary h3{
    margin:0;
    font-weight:bold;
    font-size:2rem;
}

.alerte-summary p{
    margin:0;
    color:#777;
}

.alerte-summary-critique{border-left-color:#dc3545;}
.alerte-summary-importante{border-left-color:#fd7e14;}
.alerte-summary-info{border-left-color:#198754;}

.alerte-card{
    border:none;
    border-radius:18px;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    border-left:4px solid #ccc;
    transition:.2s;
}

.alerte-card.alerte-critique{border-left-color:#dc3545;}
.alerte-card.alerte-importante{border-left-color:#fd7e14;}
.alerte-card.alerte-info{border-left-color:#198754;}

.alerte-non-lue{
    background:#f8fbff;
}

.alerte-icon{
    width:44px;
    height:44px;
    border-radius:12px;
    background:#eef2f7;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
    flex-shrink:0;
}

.alerte-critique .alerte-icon{background:#fde8ea;color:#dc3545;}
.alerte-importante .alerte-icon{background:#fff3e6;color:#fd7e14;}
.alerte-info .alerte-icon{background:#e8f5ee;color:#198754;}

.sidebar .badge{
    font-size:.7rem;
    vertical-align:middle;
}

.param-tabs .nav-link{
    color:#555;
    font-weight:500;
}

.param-tabs .nav-link.active{
    font-weight:bold;
}

@media(max-width:767.98px){
    .alerte-summary{padding:16px;}
    .alerte-summary h3{font-size:1.5rem;}
}