/* UI Guardrails
   Structural safety rules to keep layout stable across new changes.
   No color theme definitions here. */

.ui-list{
  display:flex;
  flex-direction:column;
  gap: var(--gap-3);
}

.ui-actions-row{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--gap-2);
}

.ui-actions-row .btn{
  width:100%;
}

.ui-invite-url{
  margin-top: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Embedded order shell must always stay frameless inside expandable cards. */
.card.ui-embed-shell.order-view-embed,
.card.ui-embed-shell.buyer-order-embed,
.card.order-view-embed,
.card.buyer-order-embed{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.order-expand > .card.ui-embed-shell.order-view-embed > .summary-box,
.order-expand > .card.ui-embed-shell.buyer-order-embed > .summary-box{
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
}