/* V1.2.12 official exhibitor quota details and CSV import/export */
.quota-file-actions {
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.quota-file-actions label.button {
  cursor: pointer;
  margin: 0;
}

.exhibitor-quota-table-wrap {
  max-height: min(980px, 72dvh);
}

.exhibitor-quota-table {
  min-width: 800px;
}

.exhibitor-quota-table .quota-summary-row {
  height: 66px;
}

.exhibitor-quota-table .quota-summary-row > td {
  padding-block: 9px;
  vertical-align: middle;
}

.exhibitor-quota-table .quota-summary-row > td:first-child {
  min-width: 280px;
  width: 38%;
}

.quota-exhibitor-toggle {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 10px;
  padding: 0;
  text-align: left;
  width: 100%;
}

.quota-exhibitor-toggle b,
.quota-exhibitor-toggle small {
  display: block;
}

.quota-exhibitor-toggle small {
  color: var(--muted, #64748b);
  margin-top: 4px;
}

.quota-disclosure {
  align-items: center;
  background: #edf4fb;
  border-radius: 999px;
  color: #174a7e;
  display: inline-flex;
  flex: 0 0 28px;
  font-size: 20px;
  height: 28px;
  justify-content: center;
}

.quota-summary-row.is-open .quota-disclosure {
  background: #fff0f2;
  color: #ad0025;
}

.quota-summary-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.quota-summary-chips span {
  background: #f1f5f9;
  border-radius: 999px;
  color: #475569;
  display: inline-flex;
  gap: 4px;
  padding: 6px 10px;
  white-space: nowrap;
}

.quota-summary-chips b {
  color: #0f2748;
}

.quota-detail-row > td {
  background: #f8fafc;
  padding: 0 16px 16px !important;
}

.quota-detail-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quota-detail-grid section {
  background: #fff;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  padding: 14px;
}

.quota-detail-grid h4 {
  margin: 0 0 4px;
}

.quota-detail-grid p {
  color: #64748b;
  font-size: .88rem;
  margin: 0 0 12px;
}

.quota-detail-fields {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1fr) auto;
}

.quota-detail-fields .quota-number {
  min-width: 0;
}

.quota-detail-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 12px;
}

.quota-code {
  color: #475569;
  display: block;
  margin-top: 5px;
  text-align: right;
}

@media (max-width: 760px) {
  .exhibitor-quota-table {
    min-width: 680px;
  }

  .quota-detail-grid {
    grid-template-columns: 1fr;
  }

  .quota-detail-actions {
    align-items: stretch;
    flex-direction: column;
  }
}