/* Shared navigation and Összes list. Source pages keep their native CSS. */
#tableView.is-sales-workspace > #subNavPanel:not([hidden]) { display: block; order: -1; min-width: 0; width: 100%; }
.sales-filter-bar { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; min-width: 0; padding: 0; border: 0; background: transparent; }
.sales-filter-bar > button { flex: 0 1 auto; }
#tableView.is-sales-workspace .orders-subnav-layout { flex-wrap: wrap; }
#tableView.is-sales-workspace .orders-subnav-normal-zone { flex: 1 1 auto; }
/* The combined table copies the established accounting table layout. */
#tableView.is-sales-summary-view > .table-panel { min-width: 0; }
#tableView.is-sales-summary-view > .table-panel > .table-wrap { overflow: visible; }
#tableView.is-sales-summary-view .full-panel-cell { padding: 0; }
.sales-workspace, .sales-toolbar, .sales-table-wrap { min-width: 0; max-width: 100%; }
.sales-toolbar { margin-bottom: 14px; align-items: end; }
.sales-toolbar .table-search-field { flex: 1 1 220px; }
.sales-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.sales-table-wrap { display: block; overflow-x: auto; border: 0; border-radius: 0; background: transparent; }
.sales-table { width: 100%; min-width: 0; }
.sales-table :is(th, td) { border-bottom: 1px solid var(--line); padding: 10px 12px; vertical-align: middle; }
.sales-table th { background: var(--color-table-header); color: var(--muted); font-weight: 600; text-transform: none; letter-spacing: normal; font-size: var(--font-table-size); }
.sales-table .accounting-transfer-amount { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sales-table .accounting-transfer-row:hover > td { background: var(--surface-strong); }
.sales-table .sales-expandable-row { cursor: pointer; }
.sales-partner-button { padding: 5px 8px; text-align: left; max-width: 100%; white-space: normal; }
.sales-table td > .muted-cell { display: block; margin-top: 4px; }
.sales-detail-row > td { background: var(--surface-strong); padding: 8px 12px; }
/* Type labels reuse the partner badge shape and theme-aware tint pattern. */
.sales-type-badge { display: inline-block; padding: 4px 9px; border-radius: 6px; font-size: .85em; font-weight: 500; white-space: nowrap; }
.sales-type-badge[data-sales-type="delivery"] { color: color-mix(in srgb, #0874d1 85%, var(--ink)); background: color-mix(in srgb, #0874d1 12%, var(--surface)); }
.sales-type-badge[data-sales-type="market"] { color: color-mix(in srgb, #13713b 85%, var(--ink)); background: color-mix(in srgb, #13713b 12%, var(--surface)); }
.sales-type-badge[data-sales-type="oxalis"] { color: color-mix(in srgb, #7c3aed 80%, var(--ink)); background: color-mix(in srgb, #7c3aed 12%, var(--surface)); }
.sales-type-badge[data-sales-type="landscaping"] { color: color-mix(in srgb, #b96400 80%, var(--ink)); background: color-mix(in srgb, #b96400 14%, var(--surface)); }
@media (max-width: 680px) {
  #tableView.is-sales-workspace .finance-subnav-card .subnav-buttons > button { padding: 10px 12px; white-space: normal; }
  .sales-filter-bar > button { flex: 1 1 calc(33.333% - 6px); }
  .sales-toolbar { flex-wrap: wrap; }
  .sales-toolbar .table-search-field { flex-basis: 100%; }
  .sales-table-wrap { overflow: visible; }
  .sales-table, .sales-table > tbody { display: block; width: 100%; min-width: 0; }
  .sales-table > thead { display: none; }
  .sales-table > tbody > tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 0; border-bottom: 1px solid var(--line); }
  .sales-table > tbody > tr > td { display: block; padding: 6px 8px; border: 0; min-width: 0; overflow-wrap: anywhere; }
  .sales-table > tbody > tr > td::before { content: attr(data-label); display: block; color: var(--muted); font-size: .75rem; margin-bottom: 3px; }
  .sales-table > tbody > tr > td:first-child, .sales-table > tbody > tr > td:last-child { grid-column: 1 / -1; }
  .sales-table > tbody > .sales-detail-row { display: block; background: var(--surface-strong); }
  .sales-table > tbody > .sales-detail-row > td::before { display: none; }
  .sales-row-actions > button { flex: 1 1 auto; }
}