/* Legacy business layout, with bounded v2 data reads and fixed-width first column. */
#deals-panel, #reports-panel {color:#526b88; min-width:0; background:#fff}
.commerce-header {display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; background:#fffaf6; border-block:1px solid #edf0f6}
.commerce-heading {display:flex; align-items:center; gap:16px; min-width:0}
.commerce-badge {display:grid; place-items:center; flex:0 0 52px; height:52px; border-radius:12px; background:#fff0e3; color:#b97639; font-size:15px; font-weight:700}
.commerce-header h3 {margin:0 0 6px; color:#3d608b; font-size:20px}
.commerce-header p {margin:0; font-size:13px; color:#8095af; line-height:1.6}
.commerce-header .button {flex-shrink:0}
.commerce-business {border-bottom:12px solid #f4f7fc; padding-bottom:14px}
.commerce-window, .commerce-report-scope {display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:18px 26px; background:#f8faff}
.commerce-control {display:flex; flex-direction:column; gap:8px; font-size:13px; color:#6b83a0; font-weight:600; min-width:150px}
.commerce-control select {width:auto; min-width:130px; max-width:440px; padding:10px 34px 10px 12px; font-size:14px; color:#45607d; border:1px solid #dce6f4; border-radius:10px; background-color:white}
.commerce-kpis {display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:14px; padding:20px 26px}
.commerce-kpis article {border:1px solid #e3ebf6; border-radius:13px; background:linear-gradient(140deg,#fff,#f7faff); padding:20px 17px; min-width:0}
.commerce-kpis span {display:block; font-size:13px; color:#8296ae; margin-bottom:12px}
.commerce-kpis strong {font-size:24px; color:#355e98; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.commerce-secondary {padding-block:0 8px}
.commerce-secondary article {background:transparent; border:0; padding:8px 17px}
.commerce-secondary strong {font-size:17px; color:#557295}
.commerce-switches {display:flex; gap:8px; padding:20px 26px 0; flex-wrap:wrap}
.commerce-switches button {padding:11px 20px; border:1px solid transparent; border-radius:11px; background:#f4f7fb; color:#6b83a0; font-weight:600; cursor:pointer}
.commerce-switches button.active {background:#eaf1ff; color:#275ac0; border-color:#d9e6ff}
.commerce-filter {display:flex; align-items:end; gap:12px; flex-wrap:wrap; padding:20px 26px; margin:0; border-bottom:1px solid #eaf0f8}
.commerce-search {display:flex; flex-direction:column; gap:8px; font-size:13px; flex:1; max-width:720px; min-width:200px}
.commerce-search input {height:43px; padding:10px 14px; border:1px solid #dce6f4; border-radius:10px; background:#fff; font-size:14px; width:100%; box-sizing:border-box}
.commerce-note {padding:0 26px; color:#7e94af; font-size:13px; line-height:1.75; margin:12px 0}
.commerce-window .commerce-note {padding:0}
.commerce-basis {border-left:3px solid #dfb477; background:#fffaf2; padding:10px 16px; margin:14px 26px}
.commerce-tablebar {display:flex; justify-content:space-between; align-items:center; gap:15px; padding:17px 26px; border-top:1px solid #eaf0f8}
.commerce-tablebar strong {font-size:19px; color:#476b96}
.commerce-scroll {max-height:600px; max-width:100%; overflow:auto; position:relative; scrollbar-gutter:stable; border-block:1px solid #e3ebf6; outline-offset:-3px}
table.commerce-table {width:max-content; min-width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; margin:0}
.commerce-table th, .commerce-table td {min-width:130px; max-width:260px; padding:20px 16px; border:0; border-bottom:1px solid #e9eff8; border-right:1px solid #f0f4fa; text-align:center; font-size:14px; line-height:1.6; overflow-wrap:anywhere; background:#fff; font-variant-numeric:tabular-nums}
.commerce-table th {position:sticky; top:0; z-index:2; font-size:13px; background:#f1f5fa; color:#637f9f; font-weight:650; padding-block:17px; white-space:nowrap}
.commerce-table td:first-child, .commerce-table th:first-child {position:sticky; left:0; min-width:260px; width:260px; max-width:260px; box-sizing:border-box; text-align:left; z-index:1; box-shadow:5px 0 8px -8px #426c99}
.commerce-table th:first-child {z-index:3; background:#ebf1f8}
.commerce-table tr:nth-child(even) td {background:#f8fbff}
.commerce-table tr:hover td {background:#f0f6ff}
.commerce-table td small {display:block; color:#8ca0b8; font-size:12px; margin-top:5px}
.commerce-table .commerce-word-button {border:0; padding:0; color:#355e89; font-weight:700; font-size:15px; text-align:left; background:none; cursor:pointer; white-space:normal; overflow-wrap:anywhere; line-height:1.6}
.commerce-table .commerce-word-button:hover {color:#234adb; text-decoration:underline}
.commerce-table .commerce-missing {color:#99abc0}
.commerce-scope-cell span {display:inline-block; padding:4px 8px; font-size:12px; border-radius:6px; background:#eef3fa; color:#6c86a4}
.commerce-pagination {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 26px; font-size:14px; color:#8299b6; flex-wrap:wrap}
.commerce-pagination .commerce-control {flex-direction:row; align-items:center; min-width:0; margin-left:10px}
.commerce-pagination select {min-width:95px; width:100px}
.commerce-guide {border-top:1px solid #edf1f7; padding:16px 26px; font-size:13px; color:#8196ae; line-height:1.7}
.commerce-guide summary {cursor:pointer; color:#657f9d}
.commerce-empty, .commerce-loading {padding:70px 28px; text-align:center; color:#7f95b0; line-height:1.8}
.commerce-columns h2 {padding:14px 20px 0; margin:0}
.commerce-columns .column-options {padding:20px}
@media(max-width:800px) {.commerce-header {align-items:flex-start; padding:18px; flex-wrap:wrap}.commerce-kpis {grid-template-columns:repeat(2,minmax(120px,1fr)); padding:16px}.commerce-kpis strong {font-size:19px}.commerce-control select {max-width:100%}.commerce-table td:first-child,.commerce-table th:first-child {min-width:200px;width:200px;max-width:200px}.commerce-pagination {padding:16px}.commerce-report-scope {padding:16px}.commerce-control {max-width:100%}}