/* One column has one alignment, shared by its heading, values and controls. */
#data-table{font-size:13px}
#data-table .identity-cell{left:var(--row-number-width,46px)}
#data-table>thead>tr>th{font-size:12px;padding-inline:12px}
#data-table>tbody>tr:not(.batch-expansion)>td{font-size:13px;padding-inline:12px;vertical-align:middle}
#data-table>thead>tr>th[data-column-key="序"],#data-table>tbody>tr>.row-number{padding-inline:8px;font-size:12px}
table [data-align="left"]{text-align:left!important}
table [data-align="center"]{text-align:center!important}
table [data-align="right"]{text-align:right!important;font-variant-numeric:tabular-nums}
/* Filtered numeric columns share one content edge. The remaining 49px is the
   filter / reorder / resize lane, for both headings and values. */
table[data-table-key] > thead > tr > th[data-align="right"].has-column-filter,
table[data-table-key] > tbody > tr > td[data-align="right"]{padding-right:49px!important}
/* Expanded tables use a compact cell rule with higher specificity. */
#data-table .batch-expansion-panel .batch-expansion-table th[data-align="right"].has-column-filter,
#data-table .batch-expansion-panel .batch-expansion-table td[data-align="right"]{padding-right:49px!important}
#data-table>thead .sort-header{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;width:100%;text-align:inherit;font-size:12px}
#data-table>thead .sort-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#data-table>thead .sort-indicator{display:flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px}
#data-table>thead [data-align="right"] .sort-header{justify-content:flex-end}
#data-table>thead [data-align="right"] .sort-indicator{order:-1}
#data-table>thead [data-align="center"] .sort-header{justify-content:center;padding-inline:16px}
#data-table>thead [data-align="center"] .sort-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%)}
#data-table>thead .name-with-thumbnail .sort-header{padding-left:35px}
#data-table .row-actions,#data-table .inline-batch-actions{justify-content:center;align-items:center}
#data-table .batch-toggle{max-width:100%;font-size:13px;gap:6px}
#data-table .batch-toggle strong{font-size:13px;font-variant-numeric:tabular-nums}
#data-table .product-mark{font-size:12px}
#data-table .batch-expansion-table th,#data-table .batch-expansion-table td{vertical-align:middle}
#data-table .batch-expansion-table th{font-size:12px}
#data-table .batch-expansion-table td{font-size:13px}
#data-table .batch-expansion-table .text-button,#data-table .batch-expansion-table small{font-size:12px}
#data-table .batch-expansion-table .inline-batch-actions{gap:12px}
#data-table .batch-expansion-cell{padding:0!important;overflow:visible!important}
#data-table .batch-expansion-panel{position:sticky;left:0;width:var(--table-viewport-width,100%);max-width:100%;box-sizing:border-box;padding:6px 8px 8px;border-left:2px solid var(--accent);background:#fcf8fa}
#data-table .batch-expansion-panel .batch-expansion-table{width:100%;min-width:0;table-layout:fixed}
#data-table .batch-expansion-panel th,#data-table .batch-expansion-panel td{padding:4px 6px!important;height:32px;line-height:1.4}
#data-table .batch-expansion-panel .batch-life small{display:block;line-height:1.35}
#data-table .batch-expansion-panel .table-column-tools{display:inline-flex;vertical-align:middle;margin:0 0 0 4px}
#data-table .batch-expansion-panel .table-column-tools button{display:flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:2px}
table[data-table-key] td[data-align="right"] input{font-variant-numeric:tabular-nums;text-align:right}
table[data-table-key] td[data-align="center"] input{text-align:center}
table[data-table-key]:not(#data-table) th[data-align],table[data-table-key]:not(#data-table) td[data-align]{font-size:13px}
table[data-table-key]:not(#data-table) th[data-align]{font-size:12px}
#breadcrumbs .breadcrumbs a{font:inherit;color:inherit;flex:none;text-decoration:none;text-underline-offset:3px}
#breadcrumbs .breadcrumbs a.area-crumb{color:var(--accent)}
#breadcrumbs .breadcrumbs a:hover{color:var(--accent);text-decoration:underline}
#breadcrumbs .breadcrumbs a:active{color:var(--accent-deep)}
@media(max-width:1100px){
 #data-table>thead>tr>th,#data-table>tbody>tr:not(.batch-expansion)>td{padding-inline:10px}
 #data-table>thead>tr>th[data-column-key="序"],#data-table>tbody>tr>.row-number{padding-inline:8px}
}