.commercial-workbench {
  display: grid;
  gap: 24px;
  max-inline-size: 1120px;
  margin: 24px auto 0;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.commercial-workbench :is(h2,h3,h4,h5,p) { margin: 0; }
.commercial-workbench h2 { font-size: 1.56rem; }
.commercial-workbench h3 { font-size: 1.25rem; }
.commercial-workbench :is(h4,h5) { font-size: 1rem; }
.commercial-workbench :is(button,select,summary) { min-block-size: 48px; }
.commercial-workbench .account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.commercial-workbench .account-actions > button { flex: 1 1 13rem; max-inline-size: 20rem; min-inline-size: 0; }
.commercial-content,.commercial-summary,.commercial-collection,.commercial-switch,.commercial-preview { display: grid; gap: 24px; min-inline-size: 0; }
.commercial-policy { display: flex; flex-wrap: wrap; gap: 24px; align-items: start; justify-content: space-between; padding-block-end: 24px; border-block-end: 1px solid var(--aldelo-color-border); }
.commercial-policy > div { display: grid; gap: 8px; }
.commercial-policy .account-facts { flex: 1 1 20rem; max-inline-size: 36rem; }
.commercial-tiles { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr)); gap: 16px; align-items: stretch; }
.commercial-tile { display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 16px; padding: 24px; border: 1px solid var(--aldelo-color-border); border-radius: var(--aldelo-component-panel-radius); background: var(--aldelo-color-surface); min-inline-size: 0; }
.commercial-tile-heading { display: grid; gap: 8px; justify-items: start; }
.commercial-value { font-size: 1.95rem; line-height: 1.25; font-weight: 700; font-variant-numeric: tabular-nums; }
.commercial-freshness { display: grid; gap: 8px; margin: 0; font-size: .8rem; color: var(--aldelo-color-text-muted); }
.commercial-freshness div { display: grid; gap: 4px; }
.commercial-freshness dd { margin: 0; }
.commercial-tabs,.commercial-layout,.commercial-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.commercial-tabs button,.commercial-layout button { flex: 1 1 9rem; }
.commercial-tabs [aria-current="page"],.commercial-layout [aria-pressed="true"] { border-color: var(--aldelo-color-action); background: var(--aldelo-color-action-soft); color: var(--aldelo-color-link); }
.commercial-collection,.commercial-switch { border-block-start: 1px solid var(--aldelo-color-border); padding-block-start: 24px; }
.commercial-toolbar .test-field { flex: 1 1 12rem; min-inline-size: 0; }
.commercial-toolbar > button { flex: 1 1 12rem; }
.commercial-layout { flex: 1 1 20rem; }
.commercial-records { min-inline-size: 0; }
.commercial-table-scroll { overflow-x: auto; max-inline-size: 100%; border: 1px solid var(--aldelo-color-border); border-radius: var(--aldelo-component-panel-radius); }
.commercial-table { inline-size: 100%; }
.commercial-table :is(td,th) { white-space: normal; min-inline-size: 7rem; }
.commercial-table td:nth-child(2) { font-variant-numeric: tabular-nums; text-align: end; }
.commercial-board { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap: 16px; }
.commercial-lane { display: grid; align-content: start; gap: 16px; padding: 16px; background: var(--aldelo-color-background-shade); border-radius: var(--aldelo-component-panel-radius); min-inline-size: 0; }
.commercial-record { display: grid; gap: 16px; padding: 16px; min-inline-size: 0; }
.commercial-technical summary,.commercial-meter-details summary { display: list-item; list-style-position: inside; padding-block: 12px; box-sizing: border-box; cursor: pointer; color: var(--aldelo-color-link); }
.commercial-meter-details[open] .commercial-freshness { margin-block-start: 8px; }
.commercial-technical .account-facts { padding-block: 16px; }
.commercial-workbench :focus-visible { outline: 3px solid var(--aldelo-color-focus); outline-offset: 3px; }
.commercial-dialog { inline-size: min(56rem,calc(100vw - 32px)); max-block-size: calc(100dvh - 32px); overflow-y: auto; }
.commercial-dialog::backdrop { background: var(--aldelo-color-scrim); }
.commercial-dialog > div { display: grid; gap: 16px; }
@media (max-width: 600px) {
  .commercial-tiles { grid-template-columns: minmax(0,1fr); }
  .commercial-tile { padding: 16px; }
  .commercial-workbench .account-actions > button { max-inline-size: none; }
}