@layer views {
.inbox-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.inbox-toolbar { justify-content: flex-start; }
.inbox-list { display: grid; gap: 10px; }
.inbox-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; border-color: #e4e8e4; box-shadow: none; }
.inbox-item.unread { border-color: #b9d8ca; background: #f5fbf7; }
.inbox-open-area { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 10px; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.inbox-unread-dot { width: 8px; height: 8px; margin-top: 7px; border-radius: 999px; background: transparent; }
.inbox-item.unread .inbox-unread-dot { background: #d85b4a; }
.inbox-item h3 { margin-top: 3px; font-size: 17px; }
.inbox-item p:not(.section-label) { margin-top: 5px; color: var(--ink); }
.inbox-item em { margin-top: 7px; color: var(--muted); font-size: 12px; font-style: normal; }
.inbox-item-actions { display: flex; gap: 8px; align-items: center; }
.inbox-empty { min-height: 160px; }

@media (max-width: 560px) {
  .inbox-actions,
  .inbox-item,
  .inbox-item-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
}
}