.commercial-imports { min-width: 0; }
.commercial-imports :is(h2, h3, h4, strong), .imports-modal :is(h2, h3, strong) { font-weight: var(--weight-body); }
.commercial-imports h2 { font-size: var(--type-page); }
.commercial-imports h3, .imports-modal h3 { font-size: var(--type-section); }
.commercial-imports > h3, .imports-modal .c-modal__body > h3 { margin: var(--space-8) 0 var(--space-5); }
.imports-heading, .imports-order > header, .imports-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.imports-heading { align-items: flex-start; margin-bottom: var(--space-6); }
.imports-heading h2, .imports-order h3 { margin: 0; }
.imports-heading p, .imports-order header p { margin: var(--space-2) 0 0; color: var(--muted); }
.imports-actions { justify-content: flex-start; }
.imports-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); margin: var(--space-8) 0; }
.imports-summary > article { display: grid; gap: var(--space-3); padding: var(--space-6); min-width: 0; }
.imports-summary strong { font-size: var(--type-page); overflow-wrap: anywhere; line-height: 1.25; }
.imports-summary span, .imports-totals dt, .imports-analysis-row span, .imports-analysis-row small { color: var(--muted); }
.imports-search { margin-bottom: var(--space-4); }
.imports-orders, .imports-analysis-list, [data-import-lines], [data-import-payments] { display: grid; gap: var(--space-6); }
.imports-order { min-width: 0; padding: var(--space-8); display: grid; gap: var(--space-6); }
.imports-order details summary { cursor: pointer; }
.imports-totals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); margin: 0; }
.imports-totals dd { margin: var(--space-2) 0 0; font-size: var(--type-card); font-weight: var(--weight-body); overflow-wrap: anywhere; }
.imports-line-list { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.imports-line-list > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); gap: var(--space-3); }
.imports-filters, .imports-form-grid, .imports-edit-line, .imports-payment { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); align-items: end; }
.imports-filters { margin-top: var(--space-6); }
.imports-note { padding: var(--space-4); background: var(--surface-2); border-radius: var(--radius-sm); overflow-wrap: anywhere; }
.imports-analysis-row { padding: var(--space-6); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); }
.imports-analysis-row > div { display: grid; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.imports-analysis-row p { grid-column: 1 / -1; margin: 0; color: var(--muted); }
.imports-modal { width: min(1040px,calc(100vw - var(--space-8))); max-height: calc(100dvh - var(--space-8)); overflow: hidden; padding: 0; }
.imports-modal .c-modal__content { display: flex; flex-direction: column; max-height: calc(100dvh - var(--space-8)); min-width: 0; }
.imports-modal .c-modal__body { overflow-y: auto; overflow-x: hidden; min-height: 0; }
.imports-modal .c-modal__title { font-weight: var(--weight-body); }
.imports-modal .c-modal__header, .imports-modal .c-modal__footer { flex: 0 0 auto; }
.imports-modal .c-field, .imports-modal .c-select, .imports-modal .c-field__control, .imports-modal .c-select__control { min-width: 0; width: 100%; box-sizing: border-box; }
.imports-edit-line, .imports-payment { padding: var(--space-6); }
.imports-payment { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) auto; }
.imports-modal [data-import-lines] + .imports-actions { margin-top: var(--space-4); }
.imports-manual-section { margin-top: var(--space-8); }
.imports-manual-section > h3 { margin: var(--space-8) 0 var(--space-5); }
.imports-manual-row { padding: var(--space-6); min-width: 0; }
.imports-manual-row .imports-heading { margin-bottom: var(--space-5); }
.imports-manual-row summary { cursor: pointer; }
.imports-manual-row .imports-actions { margin-top: var(--space-5); }
.imports-manual-history { display: grid; gap: var(--space-5); margin-top: var(--space-5); }
.imports-manual-history article { border-top: 1px solid var(--border); padding-top: var(--space-4); overflow-wrap: anywhere; }
.imports-manual-history p { margin: var(--space-2) 0 0; }
.imports-manual-history span { color: var(--muted); }
.imports-manual-note { margin-top: var(--space-6); }
.imports-insights { margin-top: var(--space-8); }
.imports-insights > h3 { margin: var(--space-8) 0 var(--space-5); }
.imports-insight-card { min-width: 0; padding: var(--space-6); display: grid; gap: var(--space-6); }
.imports-insight-card h4 { margin: 0; font-size: var(--type-card); }
.imports-insight-card header p { color: var(--muted); margin: var(--space-2) 0 0; }
.imports-insight-card .imports-note { margin: 0; }
.imports-insight-card summary { cursor: pointer; }
.imports-purchase-points { display: grid; gap: var(--space-5); margin-top: var(--space-5); }
.imports-purchase-points article { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); border-top: 1px solid var(--border); padding-top: var(--space-5); }
.imports-purchase-points article > div { display: grid; gap: var(--space-2); min-width: 0; overflow-wrap: anywhere; }
.imports-purchase-points span, .imports-purchase-points p { color: var(--muted); }
.imports-purchase-points p { grid-column: 1 / -1; margin: 0; }
.imports-historical-values { margin: var(--space-5) 0; }
/* Revenue uses the same source report sections within the current portal theme. */
.revenue-cost-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: var(--space-5); }
.revenue-cost-summary small { color: var(--muted); overflow-wrap: anywhere; }
.revenue-cost-nav { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.revenue-cost-section { min-width: 0; margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--line); scroll-margin-top: 160px; }
.revenue-cost-section > header { margin-bottom: var(--space-6); }
.revenue-cost-section > header h3 { margin: 0; }
.revenue-cost-section > header .imports-note { padding: 0; background: none; margin: var(--space-1) 0 0; color: var(--muted); }
.revenue-aging-grid, .revenue-profit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: var(--space-6); }
.revenue-aging-card, .revenue-profit-card { min-width: 0; padding: var(--space-6); overflow-wrap: anywhere; }
.revenue-aging-card--stale .revenue-age-number { color: var(--danger); }
.revenue-aging-card h4, .revenue-profit-card h4 { font-size: var(--type-card); margin: 0 0 var(--space-3); }
.revenue-aging-card p, .revenue-profit-card p { color: var(--muted); margin: var(--space-2) 0; }
.revenue-age-number { display: block; font-size: var(--type-page); margin-block: var(--space-4); }
.revenue-progress { height: var(--space-2); border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-2); margin-block: var(--space-4); }
.revenue-progress::before { content: ""; display: block; height: 100%; width: var(--progress); background: var(--success); border-radius: inherit; }
.revenue-aging-card--stale .revenue-progress::before { background: var(--danger); }
.revenue-profit-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-block: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.revenue-profit-card dl > div { min-width: 0; padding: var(--space-3); border-radius: var(--radius-sm); background: var(--surface-2); }
.revenue-profit-card dt, .revenue-profit-card > span { color: var(--muted); font-size: var(--type-caption); }
.revenue-profit-card > span { display: block; border-top: 1px solid var(--line); padding-top: var(--space-4); }
.revenue-aging-card .revenue-progress + p { border-top: 1px solid var(--line); padding-top: var(--space-4); margin-top: var(--space-5); }
.revenue-profit-card dd { margin: var(--space-2) 0 0; }
.revenue-profit-value { display: block; color: var(--success); font-size: var(--type-section); margin-top: var(--space-2); }
.revenue-profit-value--loss { color: var(--danger); }
.revenue-profit-value--unknown { color: var(--muted); }
.revenue-cost-bars { padding: var(--space-6); display: grid; gap: var(--space-6); }
.revenue-cost-bars > article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto; gap: var(--space-4); align-items: center; min-width: 0; }
.revenue-cost-bars > article + article { padding-top: var(--space-5); border-top: 1px solid var(--line); }
.revenue-cost-bars h4 { margin: 0 0 var(--space-2); font-size: var(--type-body); overflow-wrap: anywhere; }
.revenue-cost-bars small { color: var(--muted); }
.revenue-cost-bar-pair { display: grid; gap: var(--space-2); min-width: 0; }
.revenue-cost-bar { position: relative; isolation: isolate; min-width: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: var(--surface-2); overflow: hidden; }
.revenue-cost-bar::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 0; width: var(--progress); background: var(--muted); }
.revenue-cost-bar--new::before { background: var(--brand-primary); }
.revenue-cost-bar--unknown span { color: var(--ink); }
.revenue-cost-bar span { color: var(--brand-on-primary); font-size: var(--type-caption); overflow-wrap: anywhere; }
.revenue-stock-table { font-size: var(--type-caption); }
.revenue-stock-table :is(th, td) { padding: var(--space-3) var(--space-2); text-align: center; }
.revenue-stock-table :is(th, td):first-child { width: 24%; text-align: start; }
.commercial-imports .rental-payback-meta dl { gap: var(--space-4); margin-block: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.commercial-imports .rental-payback-history { padding-top: var(--space-4); border-top: 1px solid var(--line); }
.revenue-cost-extra { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--line); }
.commercial-imports .rental-payback-history summary { padding-inline-start: var(--space-6); }
.commercial-imports .rental-payback-history summary::before { inset-inline-start: 0; }
@media (max-width: 1100px) {
  .revenue-cost-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .revenue-cost-bars > article { grid-template-columns: minmax(0, 1fr) auto; }
  .revenue-cost-bar-pair { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 760px) {
  .revenue-cost-section { scroll-margin-top: var(--space-6); }
  .imports-summary, .imports-totals, .imports-form-grid, .imports-edit-line, .imports-purchase-points article { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .imports-line-list > div, .imports-filters, .imports-analysis-row, .imports-payment { grid-template-columns: minmax(0,1fr); }
  .imports-order { padding: var(--space-4); }
  .revenue-stock-table :is(th, td):first-child { width: auto; }
  .revenue-stock-table td { text-align: start; }
  .imports-analysis-row > div { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .imports-analysis-row > div:first-child { grid-template-columns: minmax(0,1fr); }
  .imports-modal { width: calc(100vw - var(--space-4)); max-height: calc(100dvh - var(--space-4)); }
  .imports-modal .c-modal__content { max-height: calc(100dvh - var(--space-4)); }
}
@media (max-width: 440px) {
  .imports-summary, .imports-form-grid, .imports-edit-line { grid-template-columns: minmax(0,1fr); }
  .imports-actions .c-button { flex: 1 1 auto; white-space: normal; }
}