| 1 |
.aibui-table{--tb-border:rgba(0,0,0,0.08);--tb-muted:#6b7280;--tb-bg:#ffffff;--tb-primary:#4f46e5;--tb-primary-light:rgba(79,70,229,0.08);--tb-primary-lighter:rgba(79,70,229,0.03)} |
| 2 |
.aibui-table-wrap{background:var(--tb-primary-lighter);border:1px solid rgba(0,0,0,0.08);border-radius:12px} |
| 3 |
.aibui-table-toolbar{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid rgba(0,0,0,0.08)} |
| 4 |
.aibui-input{width:240px;max-width:100%;border:1px solid rgba(0,0,0,0.08);border-radius:8px;padding:6px 8px} |
| 5 |
.aibui-input:focus{outline:none;border-color:var(--tb-primary);box-shadow:0 0 0 2px rgba(79,70,229,0.2)} |
| 6 |
.aibui-table-scroll{overflow:auto;max-height:360px} |
| 7 |
.aibui-table-el{width:100%;border-collapse:separate;border-spacing:0} |
| 8 |
.aibui-table-el thead th{position:sticky;top:0;background:var(--tb-primary-light);border-bottom:1px solid rgba(0,0,0,0.08);text-align:left;font-weight:600;color:#111827} |
| 9 |
.aibui-table-el th,.aibui-table-el td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,0.06);font-size:14px} |
| 10 |
.aibui-th-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;transition:background-color 0.2s ease} |
| 11 |
.aibui-th-btn:hover{background:rgba(0,0,0,0.1);color:inherit} |
| 12 |
.aibui-th-btn:focus{background:rgba(0,0,0,0.1);color:inherit;outline:none} |
| 13 |
.aibui-th-btn:active{background:rgba(0,0,0,0.15);color:inherit} |
| 14 |
.aibui-table-el tbody tr:hover{background:var(--tb-primary-light)} |
| 15 |
.aibui-table-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,0.08)} |
| 16 |
.aibui-btn{background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:8px;padding:6px 10px;color:#111827;cursor:pointer;transition:all 0.2s ease} |
| 17 |
.aibui-btn:hover:not([disabled]){background:var(--tb-primary);color:#fff;border-color:var(--tb-primary)} |
| 18 |
.aibui-btn[disabled]{opacity:.5;cursor:default} |
| 19 |
.aibui-page-indicator{font-size:12px;color:var(--tb-muted);padding:0 6px} |
| 20 |
|
| 21 |
/* Force override of any default WordPress styles */ |
| 22 |
.aibui-table-container * { |
| 23 |
border-color: rgba(0,0,0,0.08) !important; |
| 24 |
} |
| 25 |
|
| 26 |
.aibui-table-wrap { |
| 27 |
background: var(--tb-primary-lighter) !important; |
| 28 |
} |
| 29 |
|
| 30 |
.aibui-table-el thead th { |
| 31 |
background: var(--tb-primary-light) !important; |
| 32 |
} |
| 33 |
|
| 34 |
.aibui-table-el tbody tr:nth-child(even) { |
| 35 |
background: var(--tb-primary-lighter) !important; |
| 36 |
} |
| 37 |
|
| 38 |
.aibui-table-el tbody tr:nth-child(odd) { |
| 39 |
background: #ffffff !important; |
| 40 |
} |
| 41 |
|
| 42 |
.aibui-table-el tbody tr:hover { |
| 43 |
background: var(--tb-primary-light) !important; |
| 44 |
} |
| 45 |
|
| 46 |
.aibui-th-btn:hover { |
| 47 |
background: rgba(0,0,0,0.1) !important; |
| 48 |
color: inherit !important; |
| 49 |
} |
| 50 |
|
| 51 |
.aibui-th-btn:focus { |
| 52 |
background: rgba(0,0,0,0.1) !important; |
| 53 |
color: inherit !important; |
| 54 |
outline: none !important; |
| 55 |
} |
| 56 |
|
| 57 |
.aibui-th-btn:active { |
| 58 |
background: rgba(0,0,0,0.15) !important; |
| 59 |
color: inherit !important; |
| 60 |
} |
| 61 |
|
| 62 |
|
