/* BusinessConnect — bloque de estilo de Pages/BusinessConnect/Componentes/ConnectNotificacionesCentro.razor (verbatim). */
    .ce-notif-wrapper { position:relative; }
    .ce-notif-bell { position:relative; background:none; border:none; cursor:pointer; font-size:18px; color:#374151; padding:6px; }
    .ce-notif-badge {
        position:absolute; top:0; right:0; background:#dc2626; color:#fff; font-size:10px;
        border-radius:10px; padding:1px 5px; font-weight:700;
    }
    .ce-notif-panel {
        position:absolute; right:0; top:38px; width:320px; background:#fff; border-radius:14px;
        box-shadow:0 10px 30px rgba(0,0,0,.15); z-index:1000; overflow:hidden;
    }
    .ce-notif-panel-header {
        display:flex; justify-content:space-between; align-items:center; padding:12px 14px;
        background:var(--em-cobalt-subtle); font-weight:600; font-size:13.5px;
    }
    .ce-notif-link { background:none; border:none; color:var(--em-cobalt); font-size:12px; cursor:pointer; }
    .ce-notif-list { max-height:360px; overflow-y:auto; }
    .ce-notif-item { display:flex; gap:10px; padding:10px 14px; cursor:pointer; border-bottom:1px solid #f0f4fb; }
    .ce-notif-item:hover { background:#fafbff; }
    .ce-notif-unread { background:var(--em-cobalt-pale); }
    .ce-notif-icon { color:var(--em-cobalt); font-size:14px; margin-top:2px; }
    .ce-notif-title { font-size:13px; color:#1f2937; }
    .ce-notif-time { font-size:11px; color:#9ca3af; }