/* Shared receipts use the palette of every theme, including floating windows. */
button.view-receipt {
  display: inline-flex; align-items: center; gap: 4px; width: auto; min-height: 28px;
  margin: 0; padding: 3px 2px; border: 1px solid transparent; border-radius: 6px;
  background: transparent; box-shadow: none; color: var(--orero-muted); font: inherit;
  font-size: 12px; font-weight: 400; white-space: nowrap; cursor: pointer;
}
button.view-receipt:hover, button.view-receipt[aria-expanded="true"] { color: var(--theme-accent); background: var(--theme-soft); }
button.view-receipt:focus-visible { outline: 1px solid var(--theme-accent); outline-offset: 2px; }
.view-receipt svg { width: 15px; height: 15px; flex:none; fill: none; stroke: currentColor; stroke-width: 1.5; }
html:root .reaction-actions button.view-receipt { gap:4px; min-height:30px; padding:3px 2px; font-size:12px; line-height:20px; color:var(--text-secondary); }
html:root .task-activity-cell button.view-receipt { display: flex; padding-inline: 0; }
.news-post > .view-receipt { margin-left: var(--feed-indent, 0px); }
.view-people-popup {
  position: fixed; z-index: 100000; width: min(280px, calc(100vw - 16px)); max-height: min(360px, calc(100dvh - 16px));
  display:flex; flex-direction:column; gap:0; overflow:hidden; padding:12px 14px; border: 1px solid var(--orero-line); border-radius:18px;
  background: var(--orero-paper); color: var(--orero-ink); box-shadow: var(--shadow-dropdown);
  font-size: 13px;
}
.view-people-heading { display:flex; flex:none; justify-content:space-between; align-items:center; gap:8px; margin-bottom:4px; padding-bottom:6px; border-bottom:1px solid var(--orero-line); }
.view-people-heading strong { font-size:14px; font-weight:500; color:var(--text-secondary); }
button.view-popup-close { padding: 2px; width: 30px; height: 30px; min-height: 30px; background: transparent; color: var(--orero-muted); border: 0; font-size: 22px; box-shadow: none; }
.view-people-list { flex:1 1 auto; min-height:0; max-height:280px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.view-person { padding:4px 0; }
html:root .view-person .person-label { max-width:100%; min-height:24px; gap:9px; font-size:13px; line-height:20px; }
html:root .view-person .person-avatar { width:24px; height:24px; min-width:24px; flex:0 0 24px; font-size:.7rem; }
.view-people-status { margin: 4px 0; color: var(--orero-muted); }
.view-people-status:empty { display: none; }
.view-people-popup > button { flex:none; margin-top:8px; }
@media (max-width: 600px) { button.view-receipt,html:root .reaction-actions button.view-receipt { min-height:44px; } .view-person { padding-block:5px; } }