/* Order Update (public) — minimal, Bootstrap-first.
   Scoped under `.ou-page` to avoid impacting other pages. */

.ou-page .ou-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

/* Give order history tables more breathing room on large screens */
@media (min-width: 1400px) {
  .ou-page .ou-wrap {
    max-width: 1400px;
  }
}

/* Read-only section cue (Bootstrap-first, subtle) */
.ou-page .ou-readonly {
  border-left: 4px solid rgba(108, 117, 125, 0.45); /* bootstrap secondary-ish */
}
.ou-page .ou-readonly .card-body {
  background-color: #f8f9fa; /* Bootstrap light */
}
.ou-page .ou-readonly .form-control[readonly],
.ou-page .ou-readonly select:disabled {
  background-color: #eef1f4;
  cursor: not-allowed;
}

/* Editable section cue */
.ou-page .ou-editable {
  border-left: 4px solid rgba(25, 135, 84, 0.45); /* bootstrap success-ish */
}
.ou-page .ou-editable .card-body {
  background: #ffffff;
}
.ou-page .ou-editable .form-control,
.ou-page .ou-editable .form-select {
  border-color: rgba(25, 135, 84, 0.35);
}
.ou-page .ou-editable .form-control:focus,
.ou-page .ou-editable .form-select:focus {
  border-color: rgba(25, 135, 84, 0.75);
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.18);
}

/* Ticket cards (attendee rows) */
.ou-page .ou-ticket-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 4px solid rgba(25, 135, 84, 0.45); /* success-ish */
  transition: box-shadow 120ms ease, transform 120ms ease, border-color 120ms ease;
}
.ou-page .ou-ticket-card:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
  border-color: rgba(25, 135, 84, 0.28);
}
.ou-page .ou-ticket-card .ticket-count-info p {
  margin-bottom: 0;
}

/* Locked ticket instance styling */
.ou-page .ou-ticket-card--locked {
  border-left-color: rgba(255, 193, 7, 0.65); /* warning-ish */
}
.ou-page .ou-ticket-card--locked:hover {
  transform: none;
  box-shadow: none;
}

/* Order History rows */
.ou-page .ou-clickable-row {
  cursor: pointer;
}
.ou-page .ou-clickable-row:hover > * {
  background-color: rgba(13, 110, 253, 0.06); /* bootstrap primary tint */
}
.ou-page .ou-clickable-row:active > * {
  background-color: rgba(13, 110, 253, 0.10);
}
.ou-page .ou-clickable-row:focus-visible {
  outline: 2px solid rgba(13, 110, 253, 0.55);
  outline-offset: -2px;
}

.ou-page .ou-row-disabled {
  cursor: not-allowed;
  opacity: 0.72;
}
.ou-page .ou-row-disabled > * {
  background-color: rgba(108, 117, 125, 0.06); /* bootstrap secondary tint */
}
.ou-page .ou-row-disabled:hover > * {
  background-color: rgba(108, 117, 125, 0.06);
}
.ou-page .ou-row-disabled:focus-visible {
  outline: 2px solid rgba(108, 117, 125, 0.45);
  outline-offset: -2px;
}

/* Order History table spacing (avoid squished look) */
.ou-page .ou-orders-table {
  min-width: 1180px; /* allow horizontal scroll instead of squeezing */
}
.ou-page .ou-orders-table th,
.ou-page .ou-orders-table td {
  padding: 0.65rem 0.85rem;
  font-size: 0.95rem;
}
.ou-page .ou-orders-table thead th {
  white-space: nowrap;
}
.ou-page .ou-orders-table td.ou-col-buyer {
  white-space: normal;
  min-width: 260px;
}