/* ============================================================
   PetCare+ · 알림 화면 스타일
   ============================================================ */
.noti-sec { font-size:12px; font-weight:700; color:var(--color-text-light); letter-spacing:.5px; padding:14px var(--space-page) 4px; }
.noti { display:flex; gap:11px; align-items:flex-start; margin:0 var(--space-page) 9px; padding:13px 14px; border-radius:var(--radius-md); background:var(--color-card); box-shadow:0 4px 14px var(--color-shadow); position:relative; cursor:pointer; transition:background 0.2s; }
.noti:active { opacity: 0.75; }
.noti.unread { background:var(--color-primary-soft); }
.noti .ni-ic { width:38px; height:38px; border-radius: 8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.noti .ni-ic .material-symbols-rounded { font-size:20px; }
.noti .ni-body { flex:1; min-width:0; }
.noti .ni-title { font-size:13px; font-weight:700; }
.noti .ni-desc { font-size:12px; color:var(--color-text-sub); font-weight:300; line-height:1.5; margin-top:2px; }
.noti .ni-time { font-size:12px; color:var(--color-text-light); margin-top:4px; }
.noti .ni-dot { position:absolute; top:14px; right:14px; width:8px; height:8px; border-radius:50%; background:var(--color-orange); }
.noti-empty { text-align:center; color:var(--color-text-light); font-size:13px; padding:40px 16px; }
/* 헤더 '모두 읽음' 버튼 */
.noti-readall { font-size:12px; color:var(--color-primary); font-weight:700; width:auto; padding:0 8px; }