/* Inbox-only layout; shared dashboard notification cards stay unchanged. */
.inbox-toolbar, .inbox-footer, .inbox-footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.inbox-toolbar {
  padding: 12px 14px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(148, 163, 184, .04);
}
.inbox-select-all { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 12px; color: var(--text); }
.inbox-select-all small { display: block; margin-top: 3px; font-size: 10px; color: var(--muted); }
.inbox-select-all input, .inbox-item-select input { width: 16px; height: 16px; margin: 0; accent-color: var(--cyan); cursor: pointer; }
.inbox-list { max-height: 52vh; overflow: auto; padding: 2px 4px 2px 2px; }
.inbox-item { position: relative; margin-bottom: 10px; }
.inbox-item:last-child { margin-bottom: 0; }
.inbox-item.hidden { display: none; }
.inbox-item .notif-card { padding: 16px 48px 16px 42px; }
.inbox-item .notif-message { overflow-wrap: anywhere; }
.inbox-item:has(input:checked) .notif-card { border-color: var(--cyan); background: rgba(34, 211, 238, .07); }
.inbox-item-select { position: absolute; top: 22px; left: 14px; display: flex; padding: 3px 0; }
.inbox-item-delete {
  position: absolute; top: 12px; right: 10px; display: grid; place-items: center;
  width: 32px; height: 32px; border: 1px solid transparent; border-radius: 9px;
  background: transparent; color: var(--muted); cursor: pointer;
  transition: color .15s, background .15s, border-color .15s;
}
.inbox-item-delete svg { width: 17px; height: 17px; }
.inbox-item-delete:hover { color: #fda4af; border-color: rgba(251,113,133,.2); background: rgba(251,113,133,.09); }
.inbox-item-delete:focus-visible, .inbox-clear-all:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.inbox-item-delete:disabled { opacity: .4; cursor: wait; }
.inbox-bulk-delete:not(:disabled) { color: #fda4af; border-color: rgba(251,113,133,.3); background: rgba(251,113,133,.06); }
.inbox-footer { padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.inbox-footer-actions { justify-content: flex-end; margin-left: auto; }
.inbox-clear-all { border: 0; background: transparent; padding: 8px 0; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
.inbox-clear-all:hover { color: #fda4af; }
@media (max-width: 540px) {
  .inbox-toolbar { flex-wrap: wrap; }
  .inbox-toolbar .inbox-bulk-delete { width: 100%; justify-content: center; }
  .inbox-item .notif-card { gap: 8px; padding: 14px 40px 14px 35px; }
  .inbox-item-select { left: 10px; top: 19px; }
  .inbox-item-delete { right: 5px; top: 9px; }
  .inbox-item .notif-ico { width: 28px; height: 28px; font-size: 14px; }
  .inbox-footer { gap: 8px; }
  .inbox-footer-actions { gap: 8px; }
}