
.cse-notifications-panel{padding:0!important;background:transparent!important;border:0!important}
.cse-notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff8a00;color:#fff;font-size:11px}
.cse-notification-notice{margin-bottom:14px;padding:12px 15px;border-radius:10px;background:#e8f7ed;color:#1f6c3d;font-weight:800}
.cse-notifications-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border:1px solid #dbe5ef;border-radius:17px;background:#fff}
.cse-notifications-toolbar span{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#1769d1}
.cse-notifications-toolbar h3{margin:4px 0}.cse-notifications-toolbar p{margin:0;color:#66778c}
.cse-notification-primary{border:0!important;border-radius:11px!important;background:#ff8a00!important;color:#fff!important;padding:10px 15px!important;font-weight:900!important;cursor:pointer}
.cse-notification-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:14px}
.cse-notification-list,.cse-notification-preferences{border:1px solid #dbe5ef;border-radius:17px;background:#fff}
.cse-notification-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;border-bottom:1px solid #e5ecf2}
.cse-notification-list article:last-child{border-bottom:0}.cse-notification-list article.unread{background:#eef6ff}.cse-notification-list article.priority-important{border-left:4px solid #f0a22e}.cse-notification-list article.priority-urgent{border-left:4px solid #d94343}
.cse-notification-list article>a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;color:#17243b;text-decoration:none}
.cse-notification-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf3ff}
.cse-notification-list strong,.cse-notification-list p,.cse-notification-list small{display:block}.cse-notification-list p{margin:4px 0;color:#50647b}.cse-notification-list small{color:#748397}
.cse-notification-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cse-notification-actions form{margin:0}.cse-notification-actions button{border:1px solid #ccd8e4;border-radius:8px;background:#fff;padding:7px 9px;font-weight:800;cursor:pointer}
.cse-notification-preferences{padding:16px}.cse-notification-preferences h4{margin-top:0}.cse-notification-preferences label{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f6}.cse-notification-preferences label input{width:auto}.cse-notification-preferences button{margin-top:14px;width:100%}
.cse-notification-empty{display:grid;place-items:center;align-content:center;min-height:260px;padding:20px;text-align:center;color:#718196}.cse-notification-empty>span{font-size:40px}.cse-elected-card-notifications{cursor:pointer;text-align:left}
@media(max-width:850px){.cse-notification-layout{grid-template-columns:1fr}.cse-notification-list article{grid-template-columns:1fr}.cse-notification-actions{justify-content:flex-start}}
@media(max-width:560px){.cse-notifications-toolbar{flex-direction:column;align-items:stretch}.cse-notification-list article>a{grid-template-columns:1fr}}


/* Correctif 7.3.3-b.3.1 — Lisibilité des préférences */
.cse-notification-preferences{
    background:#ffffff !important;
    color:#17243b !important;
}

.cse-notification-preferences h4{
    color:#132b45 !important;
    font-size:20px;
    font-weight:800;
    margin:0 0 12px;
}

.cse-notification-preferences form{
    color:#17243b !important;
}

.cse-notification-preferences label{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:11px 12px !important;
    margin:0 0 8px !important;
    border:1px solid #d8e3ef !important;
    border-radius:10px !important;
    background:#ffffff !important;
    color:#24364d !important;
    opacity:1 !important;
    line-height:1.4 !important;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.cse-notification-preferences label:hover{
    background:#f4f8fc !important;
    border-color:#b8cbe0 !important;
    box-shadow:0 3px 10px rgba(20,49,82,.06);
}

.cse-notification-preferences label span{
    display:block;
    color:#24364d !important;
    background:transparent !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.cse-notification-preferences input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    margin:2px 0 0 !important;
    accent-color:#1769d1;
    opacity:1 !important;
    filter:none !important;
}

.cse-notification-preferences .cse-notification-primary{
    margin-top:14px !important;
    width:100% !important;
    color:#ffffff !important;
}

@media (prefers-color-scheme: dark){
    .cse-notification-preferences{
        background:#ffffff !important;
        color:#17243b !important;
    }

    .cse-notification-preferences h4,
    .cse-notification-preferences label,
    .cse-notification-preferences label span{
        color:#17243b !important;
    }
}
