/* 📋 小狗的办公室 — 通知板 */
.notif-panel { max-width: 600px; margin: 0 auto 16px; animation: fadeUp 0.5s ease; }
.notif-header { background: rgba(255,255,255,0.7); backdrop-filter: blur(8px); border-radius: 14px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; box-shadow: 0 2px 8px rgba(180,120,60,0.08); transition: transform 0.15s; user-select: none; }
.notif-header:active { transform: scale(0.98); }
.notif-title { font-size: 14px; font-weight: 600; color: #6b4c30; }
.notif-badge { background: #e85d3a; color: white; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 10px; margin-left: 8px; }
.notif-badge.zero { background: #a8c090; }
.notif-body { display: none; margin-top: 8px; }
.notif-body.open { display: block; }
.notif-item { background: rgba(255,255,255,0.6); border-radius: 10px; padding: 10px 14px; margin-bottom: 6px; border-left: 3px solid #ccc; animation: fadeUp 0.3s ease backwards; }
.notif-item.unread { background: rgba(255,240,220,0.8); }
.notif-item.error { border-left-color: #e85d3a; }
.notif-item.warning { border-left-color: #e8a83a; }
.notif-item.info { border-left-color: #6baa6b; }
.notif-msg { font-size: 13px; color: #5a4a3a; line-height: 1.5; }
.notif-meta { font-size: 11px; color: #a08060; margin-top: 4px; }
.notif-actions { display: flex; gap: 8px; margin-bottom: 8px; }
.notif-actions button { font-size: 12px; padding: 5px 12px; border-radius: 8px; border: 1px solid #d4b896; background: rgba(255,255,255,0.6); color: #8b5e3c; cursor: pointer; }
.notif-actions button:active { transform: scale(0.95); }
.notif-empty { text-align: center; padding: 20px; color: #a08060; font-size: 13px; }