/* Requests for quote (docs/FRONTEND.md §6.11): the list, the legs with their quotes, the award. */

.grid-table--rfqs .grid-table__head, .grid-table--rfqs .grid-table__row {
  grid-template-columns: 90px 90px minmax(0, 1fr) 60px 100px minmax(0, 1.3fr) 70px;
}
@media (max-width: 960px) {
  .grid-table--rfqs .grid-table__head { display: none; }
  .grid-table--rfqs .grid-table__row { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; }
}

.listing-type--rfq { border-style: dashed; }

.rfq-status { font-size: var(--text-md); font-weight: 600; }
.rfq-status--open { color: var(--accent-ink); }
.rfq-status--deciding { color: var(--attention-ink); }
.rfq-status--ended { color: var(--muted); }

.rfq-time__local { color: var(--muted); font-weight: 400; }

.rfq-leg { display: flex; flex-direction: column; gap: 10px; padding: 16px 0; border-top: 1px solid var(--hairline); }
.rfq-leg:first-of-type { border-top: 0; padding-top: 4px; }
.rfq-leg__head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.rfq-leg__outcome { margin-left: auto; font-weight: 600; }

.rfq-quotes { display: flex; flex-direction: column; }
.rfq-quote { display: grid; grid-template-columns: 170px 150px minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--hairline); font-size: 13px; }
.rfq-quote.is-awarded { background: var(--agreed-tint); padding-inline: 10px; border-radius: var(--radius-sm); }
.rfq-quote--mine { background: var(--panel-sunken); padding-inline: 10px; border-radius: var(--radius-sm); border-top: 0; }
.rfq-quote__who { display: flex; flex-direction: column; }
.rfq-quote__action { text-align: right; }
.rfq-quote-form { padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--panel); }
.rfq-rules { display: flex; flex-direction: column; gap: 8px; list-style: disc; padding-left: 18px; }

.tranche-fields--legs .tranche-fields__head, .tranche-fields__row--leg { grid-template-columns: minmax(0, 1fr) 140px 28px; }

.rfq-award dd { text-align: left; }
.rfq-award__binding { font-weight: 600; }

@media (max-width: 960px) {
  .rfq-quote { grid-template-columns: minmax(0, 1fr) auto; }
}