/* The Requests tab (founder-inbox.js): inbound requests and level-up gift tickets in one table, five columns side by side, each entry's buttons on a row under it; Open and Resolved above. Under 560px of panel the rows stack, each cell named. */
.founder #panelInbox { container-type: inline-size; }
.inbox-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.inbox-table { width: 100%; border-collapse: collapse; table-layout: fixed; font: 400 14px/1.4 var(--sans); }
.inbox-table th { padding: 6px 8px 6px 0; text-align: left; font-weight: 600; border-bottom: 1px solid var(--line-strong); overflow-wrap: anywhere; }
.inbox-table th:nth-child(1) { width: 19%; } .inbox-table th:nth-child(2) { width: 25%; } .inbox-table th:nth-child(3) { width: 16%; }
.inbox-table th:nth-child(4) { width: 22%; } .inbox-table th:nth-child(5) { width: 18%; }
.inbox-table td { padding: 8px 8px 4px 0; vertical-align: top; overflow-wrap: anywhere; }
.inbox-table td .small { display: block; }
.inbox-entry { border-bottom: 1px solid var(--line-strong); }
.inbox-acts td { padding: 0 0 10px; }
.inbox-acts .cta-row { margin-top: 0; gap: 8px; }
.inbox-table .tool { white-space: normal; max-width: 100%; }
.inbox-status[data-status="open"] { font-weight: 600; }
.inbox-gift-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex-basis: 100%; }
.inbox-gift-form[hidden] { display: none; }
.inbox-gift-form label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.inbox-gift-form input { min-width: 0; max-width: 100%; }
@container (max-width: 560px) {
  .inbox-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .inbox-table, .inbox-table tbody, .inbox-table tr, .inbox-table td { display: block; width: 100%; }
  .inbox-table td { padding: 2px 0; }
  .inbox-table tr:first-child td::before { content: attr(data-label); display: block; font: 600 12px/1.4 var(--sans); color: var(--ink-soft); }
  .inbox-entry { padding: 8px 0; }
  .inbox-acts td { padding: 6px 0 0; }
}
