/* Domain layout; presentation belongs to styles/components.css. */
.commercial-operations { display: grid; gap: var(--space-8); min-width: 0; }
.commercial-hero { display: flex; align-items: flex-start; justify-content: space-between;  gap: var(--space-8); }
.commercial-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.commercial-kpis article { min-width: 0; }
.commercial-kpis span, .commercial-kpis small { display: block; }
.commercial-kpis strong { display: block; }
.commercial-toolbar { display: grid; grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(140px, auto)) auto; align-items: center; gap: var(--space-6); }
.commercial-toolbar > span { text-align: right; }
.commercial-revenue-filter { grid-template-columns: repeat(5, minmax(130px, 1fr)) auto; }
.commercial-order-list { display: grid; gap: var(--space-6); }
.commercial-order-card { overflow: clip; }
.commercial-order-card > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-6); align-items: center; padding: var(--space-6); }
.commercial-order-card > header > div { text-align: right; }
.commercial-order-card > header small, .commercial-order-heading small { display: block; margin-top: .25rem; }
.commercial-order-heading { display: grid; grid-template-columns: auto minmax(100px, auto) minmax(0, 1fr); align-items: center; gap: var(--space-6); min-width: 0; padding: 0; text-align: left; }
.commercial-order-detail { display: grid; gap: var(--space-6); padding: 0 var(--space-6) var(--space-6); }
.commercial-order-detail > :first-child { margin-top: var(--space-4); }
.commercial-detail-table td strong, .commercial-detail-table td small { display: block; }
.commercial-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.commercial-subsection > header, .commercial-subsection article, .commercial-chart > header, .commercial-quarantine > header { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); }
.commercial-subsection article { padding-block: .75rem; }
.commercial-subsection strong, .commercial-subsection small { display: block; }
.commercial-order-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.commercial-operation-modal { box-sizing: border-box; width: min(880px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
.commercial-operation-modal .c-modal__content { width: 100%; max-width: 100%; }
.commercial-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.commercial-form-wide { grid-column: 1 / -1; }
.commercial-lines-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); margin-block: var(--space-4) var(--space-2); }
.commercial-line { display: grid; grid-template-columns: minmax(220px, 1fr) 110px 150px auto; }
.commercial-models > header, .commercial-history > header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-6); }
.commercial-models h3, .commercial-history h3 { margin: .2rem 0 0; }
.commercial-revenue-bars { display: grid; grid-template-columns: repeat(12, minmax(42px, 1fr)); align-items: end; gap: var(--space-2); min-height: 260px; overflow-x: auto; padding-top: var(--space-6); }
.commercial-revenue-bars > div { display: grid; grid-template-rows: auto 180px auto; gap: .5rem; align-items: end; min-width: 54px; text-align: center; }
.commercial-revenue-bars span, .commercial-revenue-bars strong { writing-mode: horizontal-tb; }
.commercial-revenue-bars i { display: block; width: min(34px, 75%); height: var(--bar); min-height: 2px; margin-inline: auto; }
.commercial-breakdown { display: grid; }
.commercial-breakdown p { display: flex; justify-content: space-between; gap: var(--space-6); margin: 0; padding-block: .55rem; }
@media (max-width: 900px) {
.commercial-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.commercial-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.commercial-revenue-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.commercial-detail-grid { grid-template-columns: 1fr; }
.commercial-line { grid-template-columns: 1fr 90px 130px; }
.commercial-line button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 700px) {
.commercial-revenue-bars { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow-x: visible; gap: var(--space-6); }
.commercial-revenue-bars > div { min-width: 0; grid-template-rows: auto 120px auto; }
.commercial-hero, .commercial-order-card > header { grid-template-columns: 1fr; display: grid; }
.commercial-order-card > header > div { text-align: left; }
.commercial-order-heading { grid-template-columns: auto 1fr; }
.commercial-order-heading small { grid-column: 1 / -1; }
.commercial-kpis, .commercial-toolbar, .commercial-revenue-filter, .commercial-form-grid { grid-template-columns: 1fr; }
.commercial-toolbar > span { text-align: left; }
.commercial-line { grid-template-columns: 1fr; }
.commercial-form-wide { grid-column: auto; }
.commercial-subsection article { align-items: flex-start; flex-direction: column; }
.commercial-subsection article > div:last-child { display: flex; flex-wrap: wrap; }
}