/* =============================================================================
   Orders > Suppliers and Purchase orders (Orders & Inventory, W5). Theme tokens only.
   ============================================================================= */

.supplier-record__content > .bks-card,
.po-record__content > .bks-card,
.supplier-record__content [data-supplier-form] > .bks-card { margin-bottom: 16px; }
.supplier-record__content > .bks-card .bks-card__body,
.po-record__content > .bks-card .bks-card__body { padding: 14px 16px 16px; }

.supplier-table th.supplier-table__num,
.supplier-table td.supplier-table__num,
.po-table .supplier-table__num,
.po-lines__table .supplier-table__num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.supplier-table__actions { text-align: right; white-space: nowrap; width: 1%; }
.supplier-table__actions .bks-icon-button + .bks-icon-button { margin-left: 4px; }
.supplier-form__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.supplier-muted { color: var(--text-secondary); font-size: 0.8125rem; }

.supplier-rating { letter-spacing: 1px; white-space: nowrap; }
.supplier-rating__on { color: var(--status-warning); }
.supplier-rating__off { color: var(--border-default); }

.supplier-history { list-style: none; margin: 0; padding: 0; }
.supplier-history__item {
    display: flex; flex-direction: column; gap: 2px; padding: 10px 0;
    border-bottom: 1px solid var(--border-subtle, var(--border-default));
}
.supplier-history__item:last-child { border-bottom: 0; }
.supplier-history__text { color: var(--text-primary); font-size: 0.875rem; }
.supplier-history__meta { color: var(--text-secondary); font-size: 0.75rem; }

.po-progress {
    display: inline-block; width: 64px; height: 6px; border-radius: var(--radius-chip, 4px);
    background: var(--border-default); vertical-align: middle; overflow: hidden; margin-right: 6px;
}
.po-progress__bar { display: block; height: 100%; width: 0; background: var(--status-success); }
.po-progress__text { font-size: 0.75rem; color: var(--text-secondary); font-variant-numeric: tabular-nums; }

.po-lines__table { width: 100%; }
.po-lines__table td { vertical-align: top; }
.po-lines__item { min-width: 220px; }
.po-lines__item .form-field__control { width: 100%; }
.po-lines__item .form-field__control + .form-field__control { margin-top: 6px; }
.po-lines__number { width: 96px; text-align: right; }
.po-lines__done { color: var(--status-success); font-weight: 600; }
.po-lines__add { display: flex; justify-content: flex-start; gap: 8px; margin-top: 10px; }

.po-totals { margin: 14px 0 0 auto; max-width: 280px; display: grid; gap: 6px; }
.po-totals__row { display: flex; justify-content: space-between; gap: 16px; font-size: 0.875rem; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.po-totals__row--total { color: var(--text-primary); font-weight: 700; font-size: 1rem; padding-top: 6px; border-top: 1px solid var(--border-default); }

.po-record__status { display: inline-flex; align-items: center; }

/* Key facts at the top of the Main card (the record summary strip is hidden on AM panels). */
.po-facts {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px;
    padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--border-subtle, var(--border-default));
}
.po-facts__field { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.po-facts__label { font-size: 0.6875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-secondary); }
.po-facts__value { font-size: 0.875rem; font-weight: 600; color: var(--text-primary); }
.po-settings__example { margin-top: 12px; }
.po-receive .data-table-scroll { margin-top: 4px; }

@media (max-width: 900px) {
    .supplier-col--secondary { display: none; }
}
@media (max-width: 640px) {
    .po-lines__item { min-width: 160px; }
    .po-lines__number { width: 72px; }
    .po-totals { max-width: none; }
}