.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)} .aibui-table-wrap{background:var(--tb-primary-lighter);border:1px solid rgba(0,0,0,0.08);border-radius:12px} .aibui-table-toolbar{display:flex;justify-content:flex-end;padding:10px;border-bottom:1px solid rgba(0,0,0,0.08)} .aibui-input{width:240px;max-width:100%;border:1px solid rgba(0,0,0,0.08);border-radius:8px;padding:6px 8px} .aibui-input:focus{outline:none;border-color:var(--tb-primary);box-shadow:0 0 0 2px rgba(79,70,229,0.2)} .aibui-table-scroll{overflow:auto;max-height:360px} .aibui-table-el{width:100%;border-collapse:separate;border-spacing:0} .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} .aibui-table-el th,.aibui-table-el td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,0.06);font-size:14px} .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} .aibui-th-btn:hover{background:rgba(0,0,0,0.1);color:inherit} .aibui-th-btn:focus{background:rgba(0,0,0,0.1);color:inherit;outline:none} .aibui-th-btn:active{background:rgba(0,0,0,0.15);color:inherit} .aibui-table-el tbody tr:hover{background:var(--tb-primary-light)} .aibui-table-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,0.08)} .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} .aibui-btn:hover:not([disabled]){background:var(--tb-primary);color:#fff;border-color:var(--tb-primary)} .aibui-btn[disabled]{opacity:.5;cursor:default} .aibui-page-indicator{font-size:12px;color:var(--tb-muted);padding:0 6px} /* Force override of any default WordPress styles */ .aibui-table-container * { border-color: rgba(0,0,0,0.08) !important; } .aibui-table-wrap { background: var(--tb-primary-lighter) !important; } .aibui-table-el thead th { background: var(--tb-primary-light) !important; } .aibui-table-el tbody tr:nth-child(even) { background: var(--tb-primary-lighter) !important; } .aibui-table-el tbody tr:nth-child(odd) { background: #ffffff !important; } .aibui-table-el tbody tr:hover { background: var(--tb-primary-light) !important; } .aibui-th-btn:hover { background: rgba(0,0,0,0.1) !important; color: inherit !important; } .aibui-th-btn:focus { background: rgba(0,0,0,0.1) !important; color: inherit !important; outline: none !important; } .aibui-th-btn:active { background: rgba(0,0,0,0.15) !important; color: inherit !important; }