/* Payment detail: expanded actions participate in layout instead of being
   positioned outside a clipped header. Permission and action handlers stay intact. */
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail {
  container-type: inline-size;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-detail-copy {
  min-width: 0;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-actions[open] {
  flex: 1 1 100%;
  min-width: 0;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-actions > summary {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .5);
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-menu {
  position: static;
  inset: auto;
  width: 100%;
  min-width: 0;
  margin-top: 8px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  background: #fff;
  color: #15211f;
  box-shadow: none;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-menu > button.btn {
  color: #15211f;
  background: #fff;
  border: 1px solid transparent;
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
  min-height: 44px;
  line-height: 1.4;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-menu > button.btn-danger {
  color: #9f1d20;
  background: #fff;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-menu > button.btn:not(:disabled):is(:hover, :focus-visible) {
  background: #edf4f2;
  border-color: #58776f;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-menu > button.btn:focus-visible {
  outline: 2px solid #0b4a45;
  outline-offset: -3px;
}
body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head .tv-receipt-more-actions > summary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@container (max-width: 600px) {
  body #tv-app > .app-shell[data-design-version="workspace-catalog-v1"] .tv-receipt-detail-head {
    grid-template-columns: minmax(0, 1fr);
  }
}