/* Figma 600:31478 — Hotel Negotiation & RFP console */

.rfps-admin__breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
  margin-bottom: 1rem;
}

.rfps-admin__breadcrumb i {
  font-size: 0.625rem;
}

.rfps-admin__breadcrumb span:last-child {
  color: var(--wa-color-text-normal);
}

.rfps-admin__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.rfps-admin__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  margin: 0;
}

.rfps-admin__create {
  font-weight: 500;
  color: var(--wa-color-brand-fill-loud);
  white-space: nowrap;
}

.rfps-admin__create:hover {
  text-decoration: underline;
}

/* KPI row */
.rfps-admin__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.rfps-admin__kpi {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
  background: var(--wa-color-surface-lowered);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 1rem;
}

.rfps-admin__kpi-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--wa-color-text-quiet);
  margin-bottom: 0.25rem;
}

.rfps-admin__kpi-value {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  line-height: 1.2;
}

.rfps-admin__kpi-sub {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
  margin-top: 0.25rem;
}

.rfps-admin__kpi-icon {
  font-size: 1.125rem;
  color: var(--wa-color-text-quiet);
  opacity: 0.6;
  margin-top: 0.125rem;
}

/* Cards */
.rfps-admin__card {
  background: var(--wa-color-surface-lowered);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 1rem;
  margin-bottom: 1rem;
}

.rfps-admin__table-wrap {
  overflow-x: auto;
}

/* Table */
.rfps-admin__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.rfps-admin__table thead th {
  text-align: left;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wa-color-text-quiet);
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  white-space: nowrap;
}

.rfps-admin__table tbody td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  color: var(--wa-color-text-normal);
  vertical-align: middle;
}

.rfps-admin__table tbody tr:last-child td {
  border-bottom: none;
}

.rfps-admin__link {
  color: var(--wa-color-brand-fill-loud);
  text-decoration: none;
  font-weight: 500;
}

.rfps-admin__link:hover {
  text-decoration: underline;
}

.rfps-admin__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  white-space: nowrap;
}

/* Actions column sizes to content inside the scroll wrap (no clipping at 1024px) */
.rfps-admin__table thead th:last-child,
.rfps-admin__table tbody td:last-child {
  white-space: nowrap;
}

.rfps-admin__table tbody td:last-child a {
  white-space: nowrap;
}

.rfps-admin__actions a {
  color: var(--wa-color-brand-fill-loud);
  text-decoration: none;
  font-size: 0.8125rem;
}

.rfps-admin__actions a:hover {
  text-decoration: underline;
}

/* Status pills */
.rfps-admin__pill {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}

.rfps-admin__pill--sent {
  background: var(--wa-color-warning-fill-quiet);
  color: var(--wa-color-warning-on-quiet);
}

.rfps-admin__pill--responses_received {
  background: var(--wa-color-brand-fill-quiet);
  color: var(--wa-color-brand-on-quiet);
}

.rfps-admin__pill--draft {
  background: var(--wa-color-neutral-fill-quiet);
  color: var(--wa-color-neutral-on-quiet);
}

.rfps-admin__pill--closed {
  background: var(--wa-color-success-fill-quiet);
  color: var(--wa-color-success-on-quiet);
}

.rfps-admin__pill--neutral {
  background: var(--wa-color-neutral-fill-quiet);
  color: var(--wa-color-neutral-on-quiet);
  margin-left: 0.375rem;
}

/* Pagination */
.rfps-admin__pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

/* Comparison card */
.rfps-admin__comparison-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  margin: 0 0 0.25rem;
}

.rfps-admin__comparison-sub {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
  margin: 0 0 1rem;
}

.rfps-admin__matrix {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.rfps-admin__matrix thead th {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  vertical-align: bottom;
}

.rfps-admin__matrix thead th:first-child {
  text-align: left;
}

.rfps-admin__matrix-metric {
  text-align: left;
  color: var(--wa-color-text-quiet);
  font-weight: 500;
  white-space: nowrap;
}

.rfps-admin__matrix tbody td {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  text-align: center;
  color: var(--wa-color-text-normal);
}

.rfps-admin__matrix-score td {
  font-weight: 700;
  border-top: 2px solid var(--wa-color-surface-border);
}

.rfps-admin__comparison-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.rfps-admin__comparison-recommend {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--wa-color-text-normal);
}

.rfps-admin__comparison-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Dialogs */
.rfps-admin__dialog-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.25rem 0;
}

.rfps-admin__remind-list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  color: var(--wa-color-text-normal);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.rfps-admin__remind-summary {
  background: var(--wa-color-warning-fill-quiet);
  border: 1px solid var(--wa-color-warning-border-quiet);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.rfps-admin__remind-summary strong {
  font-size: 0.9375rem;
  color: var(--wa-color-text-normal);
}

.rfps-admin__remind-summary span {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

.rfps-admin__note {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
  margin: 0;
}

.rfps-admin__dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

/* Counter-offer dialog */
.rfps-admin__counter-to {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--wa-color-text-normal);
  margin: 0;
}

.rfps-admin__counter-rates {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rfps-admin__counter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.rfps-admin__counter-row label {
  font-size: 0.875rem;
  color: var(--wa-color-text-normal);
}

.rfps-admin__counter-input {
  width: 6.5rem;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  background: var(--wa-color-surface-raised);
  color: var(--wa-color-text-normal);
}

.rfps-admin__counter-terms {
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  background: var(--wa-color-surface-raised);
  color: var(--wa-color-text-normal);
  resize: vertical;
  box-sizing: border-box;
}

/* Accept dialog */
.rfps-admin__accept-summary {
  background: var(--wa-color-success-fill-quiet);
  border: 1px solid var(--wa-color-success-border-quiet);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 1rem;
}

.rfps-admin__accept-heading {
  font-size: 0.875rem;
  color: var(--wa-color-text-normal);
  margin: 0 0 0.75rem;
}

.rfps-admin__accept-dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.375rem 1rem;
  margin: 0;
  font-size: 0.875rem;
}

.rfps-admin__accept-dl dt {
  color: var(--wa-color-text-quiet);
}

.rfps-admin__accept-dl dd {
  margin: 0;
  color: var(--wa-color-text-normal);
}

.rfps-admin__accept-next-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  margin: 0 0 0.375rem;
}

.rfps-admin__accept-next {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  color: var(--wa-color-text-normal);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

/* RFP detail page (Figma 600:31909) */
.rfp-detail__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.rfp-detail__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  margin: 0;
}

.rfp-detail__subtitle {
  font-size: 0.875rem;
  color: var(--wa-color-text-quiet);
  margin: 0.25rem 0 0;
}

.rfp-detail__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.rfp-detail__stat {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background: var(--wa-color-surface-lowered);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 1rem;
}

.rfp-detail__stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--wa-color-text-quiet);
}

.rfp-detail__stat-value {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  line-height: 1.2;
}

.rfp-detail__stat-sub {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

.rfp-detail__section {
  background: var(--wa-color-surface-lowered);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 1rem;
  margin-bottom: 1rem;
}

.rfp-detail__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
  margin: 0 0 0.75rem;
}

.rfp-detail__requirements {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: 0.875rem;
}

.rfp-detail__requirements dt {
  color: var(--wa-color-text-quiet);
}

.rfp-detail__requirements dd {
  margin: 0;
  color: var(--wa-color-text-normal);
}

.rfp-detail__response-list {
  display: flex;
  flex-direction: column;
}

.rfp-detail__response-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--wa-color-surface-border);
  font-size: 0.875rem;
}

.rfp-detail__response-row:last-child {
  border-bottom: none;
}

.rfp-detail__response-hotel {
  color: var(--wa-color-text-normal);
  font-weight: 500;
}

.rfp-detail__response-right {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--wa-color-text-quiet);
  white-space: nowrap;
}

.rfp-detail__table-wrap {
  overflow-x: auto;
}

.rfp-detail__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.rfps-admin__dialog-banner {
  background: var(--wa-color-neutral-fill-quiet);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--wa-color-text-normal);
}

.rfps-admin__info-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: var(--wa-color-brand-fill-quiet);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--wa-color-text-quiet);
}

.rfps-admin__counter-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.rfps-admin__counter-table th,
.rfps-admin__counter-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  text-align: left;
  color: var(--wa-color-text-normal);
}

.rfps-admin__counter-table input {
  width: 10rem;
  max-width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m, 0.5rem);
  background: var(--wa-color-surface-raised);
  color: var(--wa-color-text-normal);
}

.rfps-admin__perpage {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

.rfps-admin__field-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wa-color-text-normal);
}

/* Responsive: 480px — dialog footers and comparison actions wrap, accept goes full-width */
@media (max-width: 480px) {
  /* Counter-offer table must fit the dialog body: fixed layout wraps cell text
     and shrinks inputs instead of clipping the "Your Counter-Offer" column. */
  .rfps-admin__counter-table { table-layout: fixed; }
  .rfps-admin__counter-table th:first-child { width: 34%; }
  .rfps-admin__counter-table th:last-child { width: 32%; }
  .rfps-admin__counter-table th,
  .rfps-admin__counter-table td { padding: 0.5rem 0.375rem; }
  .rfps-admin__counter-table input { width: 100%; }

  .rfps-admin__dialog-footer,
  .rfps-admin__comparison-actions {
    flex-wrap: wrap;
  }

  .rfps-admin__dialog-footer wa-button,
  .rfps-admin__dialog-footer a,
  .rfps-admin__comparison-actions wa-button,
  .rfps-admin__comparison-actions a {
    min-width: 0;
  }

  .rfps-admin__comparison-actions wa-button:last-child {
    width: 100%;
  }

  .rfp-detail__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Responsive: 390px */
@media (max-width: 390px) {
  .rfps-admin__pagination {
    flex-direction: column;
    align-items: flex-start;
  }

  .rfp-detail__stats {
    grid-template-columns: 1fr;
  }

  .rfp-detail__requirements {
    grid-template-columns: 1fr;
    gap: 0.125rem 0;
  }

  .rfp-detail__requirements dd {
    margin-bottom: 0.5rem;
  }

  .rfp-detail__response-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
  }
}

/* Responsive: <=1100px — keep ACTIONS column reachable without horizontal scroll;
   KPIs go 2x2 instead of an uneven 3+1 wrap. */
@media (max-width: 1100px) {
  .rfps-admin__kpi {
    flex: 1 1 40%;
  }

  /* Drop the lowest-value column (long raw emails) at narrow widths. */
  .rfps-admin__table th:nth-child(6),
  .rfps-admin__table td:nth-child(6) {
    display: none;
  }

  /* Stack row actions vertically so the last column stays narrow. */
  .rfps-admin__actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    white-space: normal;
  }
}

/* ==========================================================================
   RFP detail (show) + bid comparison (compare) — previously unstyled classes
   ========================================================================== */

/* 1. Actions block container. */
.rfp-detail__actions {
  margin: var(--wa-space-l) 0;
}

/* 2. Send-response form card. */
.rfp-detail__send-form {
  background: var(--wa-color-surface-raised);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
  padding: var(--wa-space-l);
}

/* 3. Form field + label. */
.rfp-detail__field {
  margin-block: var(--wa-space-m);
}
.rfp-detail__field label {
  display: block;
  font-weight: 600;
}

/* 4. Text inputs inside a field. */
.rfp-detail__field input[type="text"] {
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: 4px;
}

/* 5. Primary dark button (submit / accept). */
.rfp-detail__submit,
.rfp-detail__accept,
.bid-comparison__accept {
  background: var(--wa-color-brand-fill-loud);
  color: var(--wa-color-brand-on-loud);
  border: none;
  border-radius: var(--wa-border-radius-m);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  cursor: pointer;
}

/* 7. Quiet button (close / decline). */
.rfp-detail__close,
.rfp-detail__decline,
.bid-comparison__decline {
  background: transparent;
  color: var(--wa-color-text-normal);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  cursor: pointer;
}

/* 8. Bid actions (button_to wraps each button in a <form>). */
.rfp-detail__bid-actions {
  display: flex;
  gap: 0.375rem;
}
.rfp-detail__bid-actions > form {
  display: inline;
}

/* 9/16. Status pills — shared base for detail, bid, and comparison statuses. */
.rfp-detail__status,
.rfp-detail__bid-status,
.bid-comparison__status {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Neutral: draft / closed. */
.rfp-detail__status--draft,
.rfp-detail__status--closed,
.rfp-detail__bid-status--draft,
.rfp-detail__bid-status--closed {
  background: var(--wa-color-neutral-fill-quiet);
  color: var(--wa-color-neutral-on-quiet);
}

/* Brand: sent / open / responses_in / pending / submitted. */
.rfp-detail__status--sent,
.rfp-detail__status--open,
.rfp-detail__status--responses_in,
.rfp-detail__status--pending,
.rfp-detail__status--submitted,
.rfp-detail__bid-status--sent,
.rfp-detail__bid-status--open,
.rfp-detail__bid-status--responses_in,
.rfp-detail__bid-status--pending,
.rfp-detail__bid-status--submitted,
.rfp-detail__status--responses_received,
.rfp-detail__bid-status--responses_received,
.bid-comparison__status--pending,
.bid-comparison__status--submitted,
.bid-comparison__status--responses_received {
  background: var(--wa-color-brand-fill-quiet);
  color: var(--wa-color-brand-on-quiet);
}

/* Success: accepted / countered / responded. */
.rfp-detail__status--accepted,
.rfp-detail__status--countered,
.rfp-detail__status--responded,
.rfp-detail__bid-status--accepted,
.rfp-detail__bid-status--countered,
.rfp-detail__bid-status--responded,
.bid-comparison__status--accepted,
.bid-comparison__status--countered {
  background: var(--wa-color-success-fill-quiet);
  color: var(--wa-color-success-on-quiet);
}

/* Danger: declined / expired / no_response. */
.rfp-detail__status--declined,
.rfp-detail__status--expired,
.rfp-detail__status--no_response,
.rfp-detail__bid-status--declined,
.rfp-detail__bid-status--expired,
.rfp-detail__bid-status--no_response,
.bid-comparison__status--declined {
  background: var(--wa-color-danger-fill-quiet);
  color: var(--wa-color-danger-on-quiet);
}

/* Warning: under_review / counter_offered. */
.rfp-detail__status--under_review,
.rfp-detail__status--counter_offered,
.rfp-detail__bid-status--under_review,
.rfp-detail__bid-status--counter_offered,
.bid-comparison__status--under_review,
.bid-comparison__status--counter_offered {
  background: var(--wa-color-warning-fill-quiet);
  color: var(--wa-color-warning-on-quiet);
}

/* 10/15. Tables — shared styling for detail and comparison. */
.rfp-detail__table,
.bid-comparison__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.rfp-detail__table th,
.bid-comparison__table th {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 2px solid var(--wa-color-surface-border);
  color: var(--wa-color-text-quiet);
  font-weight: 600;
}
.rfp-detail__table td,
.bid-comparison__table td {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
  vertical-align: top;
}
/* Comparison: emphasise the first (label) column. */
.bid-comparison__table td:first-child,
.bid-comparison__table th:first-child {
  font-weight: 600;
  color: var(--wa-color-text-quiet);
}

/* 11. Comparison page container. */
.bid-comparison {
  max-width: 72rem;
}

/* 12. Comparison header row. */
.bid-comparison__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wa-space-m);
  flex-wrap: wrap;
  margin-bottom: var(--wa-space-l);
}
.bid-comparison__header h1 {
  margin: 0;
}

/* 13. Back link. */
.bid-comparison__back {
  color: var(--wa-color-text-link);
  font-size: 0.875rem;
}

/* 14. Horizontally scrollable table wrapper. */
.bid-comparison__table-wrapper {
  overflow-x: auto;
}

/* 17. Score row highlight. */
.bid-comparison__score-row td {
  background: var(--wa-color-surface-lowered);
}

/* 18. Action groups row. */
.bid-comparison__actions {
  display: flex;
  gap: var(--wa-space-l);
  flex-wrap: wrap;
  margin-top: var(--wa-space-l);
}

/* 19. Per-hotel action card. */
.bid-comparison__action-group {
  background: var(--wa-color-surface-raised);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
  padding: var(--wa-space-l);
}
.bid-comparison__action-group h3 {
  margin-top: 0;
}
.bid-comparison__action-group form {
  display: inline;
}

/* 20. Empty state. */
.bid-comparison__empty {
  color: var(--wa-color-text-quiet);
  padding: var(--wa-space-xl) 0;
}

/* 21. Narrow screens. */
@media (max-width: 480px) {
  .bid-comparison__actions {
    flex-direction: column;
  }
  .bid-comparison__action-group {
    width: 100%;
  }
  .rfp-detail__bid-actions {
    flex-wrap: wrap;
  }
}

/* Empty state. */
.rfps-admin__empty {
  background: var(--wa-color-surface-raised);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-l);
  padding: var(--wa-space-2xl, 3rem) var(--wa-space-xl, 2rem);
  text-align: center;
  color: var(--wa-color-text-quiet);
}

.rfps-admin__empty a { color: var(--wa-color-text-link); }