.notif-section{margin-bottom:1.25rem}
.notif-section h3{font-size:.9rem;font-weight:700;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}
.notif-count{background:var(--danger);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:10px;font-weight:700}
.notif-count.today{background:var(--warning)}
.notif-count.upcoming{background:var(--primary)}
.notif-count.none{background:var(--text-sec)}
.notif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}
.notif-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .85rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.notif-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(59,130,246,.1)}
.notif-card.overdue{border-left:3px solid var(--danger)}
.notif-card.today{border-left:3px solid var(--warning)}
.notif-card.upcoming{border-left:3px solid var(--primary)}
.notif-card.nofup{border-left:3px solid var(--text-sec)}
.notif-card .nc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}
.notif-card .nc-name{font-weight:600;font-size:.85rem}
.notif-card .nc-date{font-size:.7rem;color:var(--text-sec)}
.notif-card .nc-meta{font-size:.75rem;color:var(--text-sec);display:flex;flex-wrap:wrap;gap:.3rem .75rem}
.notif-card .nc-alert{font-size:.7rem;font-weight:600;margin-top:.25rem}
.notif-card .nc-alert.red{color:var(--danger)}
.notif-card .nc-alert.orange{color:var(--warning)}
.notif-card .nc-alert.blue{color:var(--primary)}
.notif-toggle{font-size:.78rem;color:var(--primary);cursor:pointer;background:none;border:none;font-weight:600;margin-top:.35rem}