/* Notif panel */

.notif-panel {

  display: none; position: fixed; top: 12px; right: 12px; width: 320px; max-height: 70vh;

  background: var(--bg); border: 1px solid var(--border); border-radius: 16px;

  z-index: 500; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.2);

}

.notif-panel.open { display: block; }

.notif-header {

  display: flex; justify-content: space-between; align-items: center;

  padding: 14px 16px; border-bottom: 1px solid var(--border); font-weight: 600; font-size: 14px;

}

.notif-list { max-height: 50vh; overflow-y: auto; padding: 8px; }

.notif-item { padding: 10px 12px; border-radius: 8px; font-size: 13px; transition: background 0.12s; }

.notif-item:hover { background: var(--hover); }