/* Kole UI TreeTable 样式 — 对齐 组件7.txt TreeTable 规范 */ .kole-tt { width: 100%; border: 1px solid var(--kole-color-border); border-radius: 8px; overflow: hidden; background: var(--kole-color-card-bg); } .kole-tt table { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--kole-color-text-body); } .kole-tt thead th { background: var(--kole-color-table-header-bg); color: var(--kole-color-text-body); font-weight: 600; height: 48px; text-align: start; padding: 0 16px; border-bottom: 1px solid var(--kole-color-border); white-space: nowrap; } .kole-tt tbody td { height: 48px; padding: 0 16px; border-bottom: 1px solid var(--kole-color-border); text-align: start; } .kole-tt tbody tr:last-child td { border-bottom: none; } .kole-tt tbody tr:hover { background: var(--kole-color-page-bg); } .kole-tt tbody tr.is-selected { background: var(--kole-color-brand-bg); } .kole-tt .align-right { text-align: end; } .kole-tt .col-selection { text-align: center; } .kole-tt .tree-cell { display: flex; align-items: center; gap: 4px; } .kole-tt .tt-arrow { width: 16px; height: 16px; font-size: 12px; color: var(--kole-color-text-secondary); transition: transform .15s; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .kole-tt .tt-arrow.is-open { transform: rotate(90deg); } .kole-tt .tt-arrow-placeholder { width: 16px; flex-shrink: 0; } .kole-tt .tt-check { width: 14px; height: 14px; cursor: pointer; } .kole-tt .tt-summary { color: var(--kole-color-text-secondary); font-size: 12px; margin-inline-start: 6px; } .kole-tt tfoot td { height: 44px; padding: 0 16px; background: var(--kole-color-table-header-bg); font-weight: 600; border-top: 1px solid var(--kole-color-border); }