/*
 * DMF UI 2.3 Sales Live
 * Human-readable canonical sales tables.
 */

.sales-live-meta {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 9px 11px;
  border-bottom: 1px solid var(--line-soft);
  background: var(--surface);
}

.sales-live-meta strong {
  color: var(--accent);
  font-size: 15px;
}

.sales-live-meta span {
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.sales-live-table-wrap {
  max-height: 520px;
}

.sales-live-table {
  min-width: 1000px;
  font-size: 10px;
}

.sales-live-table th {
  height: 37px;
  padding: 8px 10px;
}

.sales-live-table td {
  height: 39px;
  padding: 9px 10px;
}

.sales-live-table td[data-sales-key="quote_key"],
.sales-live-table td[data-sales-key="order_key"] {
  color: var(--accent);
  font-weight: 850;
}

.sales-live-table td[data-sales-key="customer_name"] {
  min-width: 190px;
  color: var(--text);
  font-weight: 750;
}

.sales-live-table td[data-sales-key="grand_total"] {
  color: var(--green);
  font-weight: 850;
}

.sales-live-table td[data-sales-key="requested_delivery_date"],
.sales-live-table td[data-sales-key="valid_until"] {
  font-weight: 700;
}

.sales-live-status {
  font-weight: 850;
}

.sales-live-status.status-approved,
.sales-live-status.status-released,
.sales-live-status.status-completed {
  color: var(--green);
}

.sales-live-status.status-in_progress,
.sales-live-status.status-confirmed,
.sales-live-status.status-partially_released,
.sales-live-status.status-submitted {
  color: var(--accent);
}

.sales-live-status.status-rejected,
.sales-live-status.status-cancelled {
  color: var(--red);
}

.sales-live-id {
  max-width: 150px !important;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 8px;
}

.sales-live-empty {
  min-height: 90px;
  display: grid;
  place-items: center;
}

.sales-live-summary .domain-summary-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 800px) {
  .sales-live-table {
    min-width: 900px;
  }

  .sales-live-table-wrap {
    max-height: 460px;
  }
}