/* Inbox: messages from forms on published sites. Daybreak Glass, light and dark. */
.avatar { position: relative; }
.avatar.has-unread::after { content: ""; position: absolute; top: -1px; right: -1px; width: 10px; height: 10px; border-radius: 50%; background: var(--cta-a, #E8652B); box-shadow: 0 0 0 2px var(--card); }
.menu-inbox { gap: 10px; }
.menu-inbox svg { color: var(--ink-muted); flex-shrink: 0; }
.menu-inbox .mi-label { flex: 1; }
.menu-inbox .mi-count { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--cta-a, #E8652B); color: #fff; font-size: 11.5px; font-weight: 700; display: inline-grid; place-items: center; }
.menu-inbox .mi-count[hidden] { display: none; }

.ibx-head { align-items: flex-end; }
.ibx-sub { color: var(--ink-muted); margin: 6px 0 0; max-width: 60ch; }
.ibx-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 6px 0 12px; }
.ibx-mail { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-muted); cursor: pointer; }
.ibx-mail input { width: 18px; height: 18px; accent-color: var(--select); }
.ibx-list { padding: 6px; }
.ibx-row + .ibx-row { border-top: 1px solid var(--line); }
.ibx-rh { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 12px; border: 0; background: none; text-align: left; font: inherit; color: var(--ink); cursor: pointer; border-radius: 12px; }
.ibx-rh:hover { background: var(--hover); }
.ibx-dot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; background: transparent; }
.ibx-row.unread .ibx-dot { background: var(--cta-a, #E8652B); }
.ibx-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ibx-top { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.ibx-top b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ibx-row.unread .ibx-top b { font-weight: 700; }
.ibx-form { font-size: 12.5px; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ibx-prev { font-size: 13.5px; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ibx-when { flex-shrink: 0; font-size: 12.5px; color: var(--ink-faint); }
.ibx-body { padding: 4px 12px 16px 33px; }
.ibx-fields { display: grid; grid-template-columns: minmax(90px, max-content) minmax(0, 1fr); gap: 8px 18px; margin: 4px 0 10px; font-size: 14.5px; }
.ibx-fields dt { color: var(--ink-faint); }
.ibx-fields dd { margin: 0; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.ibx-meta { font-size: 12.5px; color: var(--ink-faint); margin: 0 0 12px; }
.ibx-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.ibx-acts .cta { color: #fff; text-decoration: none; }
.ibx-del { color: var(--danger); }
.ibx-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 46px 18px; text-align: center; color: var(--ink-muted); font-size: 14.5px; }
.ibx-empty b { color: var(--ink); font-size: 16px; }
@media (max-width: 640px) {
  .ibx-head { flex-direction: column; align-items: flex-start; gap: 10px; }
  .ibx-body { padding-left: 12px; }
  .ibx-fields { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .ibx-fields dd { margin-bottom: 8px; }
  .ibx-when { display: none; }
}