.table-scroll { max-height: 560px; overflow: auto; scrollbar-color: var(--border-strong) transparent; }
.data-table { width: 100%; min-width: 960px; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.data-table th, .data-table td { padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: middle; white-space: nowrap; }
.data-table th { position: sticky; top: 0; z-index: 1; background: var(--surface-muted); color: var(--text); font-size: 12px; font-weight: 700; }.data-table th a { color: inherit; }.data-table th a:hover { color: var(--primary-text); }.sort-indicator { display: inline-block; min-width: 12px; color: var(--primary-text); }
.data-table tbody tr:hover { background: var(--surface-muted); }.data-table tbody tr:last-child td { border-bottom: 0; }.data-table td:nth-child(n+4):nth-child(-n+15) { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }.actions-column { min-width: 100px; }.table-actions { white-space: nowrap; }.table-actions > * { display: inline-block; margin: 0 8px 0 0; vertical-align: middle; }.table-actions > *:last-child { margin-right: 0; }.table-actions form { margin: 0; }.table-actions a, .table-actions button { border: 0; padding: 0; background: transparent; color: var(--primary-text); font-size: 13px; font-weight: 600; cursor: pointer; }.table-actions button { color: var(--danger); }.empty-state { padding: 34px !important; color: var(--text-muted); text-align: center !important; white-space: normal !important; }

[data-sticky-columns="3"] th:nth-child(1), [data-sticky-columns="3"] td:nth-child(1) { position: sticky; left: 0; min-width: 92px; background: var(--surface); z-index: 3; }[data-sticky-columns="3"] th:nth-child(2), [data-sticky-columns="3"] td:nth-child(2) { position: sticky; left: 92px; min-width: 166px; background: var(--surface); z-index: 3; }[data-sticky-columns="3"] th:nth-child(3), [data-sticky-columns="3"] td:nth-child(3) { position: sticky; left: 258px; min-width: 132px; background: var(--surface); z-index: 3; box-shadow: 4px 0 5px -5px var(--border-strong); }[data-sticky-columns="3"] thead th { z-index: 5; background: var(--surface-muted); box-shadow: inset 0 -1px var(--border), 0 2px 4px rgb(0 0 0 / 10%); }[data-sticky-columns="3"] thead th:nth-child(1), [data-sticky-columns="3"] thead th:nth-child(2), [data-sticky-columns="3"] thead th:nth-child(3) { background: var(--surface-muted); z-index: 6; }[data-sticky-columns="3"] tbody tr:hover td:nth-child(-n+3) { background: var(--surface-muted); }

[data-sticky-columns="4"] th:nth-child(1), [data-sticky-columns="4"] td:nth-child(1) { position: sticky; left: 0; min-width: 92px; background: var(--surface); z-index: 3; }[data-sticky-columns="4"] th:nth-child(2), [data-sticky-columns="4"] td:nth-child(2) { position: sticky; left: 92px; min-width: 166px; background: var(--surface); z-index: 3; }[data-sticky-columns="4"] th:nth-child(3), [data-sticky-columns="4"] td:nth-child(3) { position: sticky; left: 258px; min-width: 132px; background: var(--surface); z-index: 3; }[data-sticky-columns="4"] th:nth-child(4), [data-sticky-columns="4"] td:nth-child(4) { position: sticky; left: 390px; min-width: 132px; background: var(--surface); z-index: 3; box-shadow: 4px 0 5px -5px var(--border-strong); }[data-sticky-columns="4"] thead th { z-index: 5; background: var(--surface-muted); box-shadow: inset 0 -1px var(--border), 0 2px 4px rgb(0 0 0 / 10%); }[data-sticky-columns="4"] thead th:nth-child(1), [data-sticky-columns="4"] thead th:nth-child(2), [data-sticky-columns="4"] thead th:nth-child(3), [data-sticky-columns="4"] thead th:nth-child(4) { background: var(--surface-muted); z-index: 6; }[data-sticky-columns="4"] tbody tr:hover td:nth-child(-n+4) { background: var(--surface-muted); }

.status-badge { display: inline-block; min-width: 68px; padding: 3px 7px; border-radius: var(--radius-small); text-align: center; font-size: 12px; font-weight: 700; }.status-badge-healthy { color: var(--success); background: color-mix(in srgb, var(--success) 12%, transparent); }.status-badge-faulty { color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, transparent); }.mppt-management-table { min-width: 1520px; }.mppt-status { min-width: 72px; border: 1px solid transparent; border-radius: var(--radius-small); padding: 5px 7px; font-size: 12px; font-weight: 700; cursor: pointer; }.mppt-status:hover { filter: brightness(.96); }.mppt-status:disabled { cursor: wait; opacity: .65; }.mppt-not-installed, .mppt-not-installed:disabled { border-color: var(--border-strong); background: color-mix(in srgb, var(--text-muted) 13%, var(--surface)); color: var(--text-muted); cursor: default; opacity: 1; }.mppt-not-installed:hover { filter: none; }.mppt-free { border-color: color-mix(in srgb, var(--primary) 35%, var(--border)); background: color-mix(in srgb, var(--primary) 13%, transparent); color: var(--primary-text); }.mppt-occupied { border-color: color-mix(in srgb, var(--success) 35%, var(--border)); background: color-mix(in srgb, var(--success) 12%, transparent); color: var(--success); }

/* .mppt-management-table td:nth-child(n+5):nth-child(-n+16) { text-align: center; } */