.onui-scrollarea{position:relative}.onui-scrollarea__viewport{scrollbar-width:thin;scrollbar-color:var(--muted-foreground)transparent}.onui-scrollarea__viewport::-webkit-scrollbar{width:8px;height:8px}.onui-scrollarea__viewport::-webkit-scrollbar-track{background:0 0}.onui-scrollarea__viewport::-webkit-scrollbar-thumb{background:var(--muted-foreground);opacity:.5;border-radius:4px}.onui-scrollarea__viewport::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.onui-scrollarea--scrollbar-hidden .onui-scrollarea__viewport{scrollbar-width:none}.onui-scrollarea--scrollbar-hidden .onui-scrollarea__viewport::-webkit-scrollbar{display:none}.onui-scrollarea--scrollbar-hover .onui-scrollarea__viewport::-webkit-scrollbar-thumb{opacity:0;transition:opacity .2s}.onui-scrollarea--scrollbar-hover:hover .onui-scrollarea__viewport::-webkit-scrollbar-thumb{opacity:1}.onui-scrollarea__mask{pointer-events:none;z-index:1;position:absolute;left:0;right:0}.onui-scrollarea__mask--top{top:0}.onui-scrollarea__mask--bottom{bottom:0}
.onui-table-container{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow-md);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.onui-table-container--streaming{opacity:.7}.onui-table__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.onui-table__header-content{flex-direction:column;gap:.25rem;display:flex}.onui-table__title{font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--foreground);margin:0}.onui-table__description{font-size:var(--text-base);color:var(--muted-foreground);margin:0}.onui-table__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.onui-table__search{flex:1;min-width:0}.onui-table__search-input{width:100%;font-size:var(--text-sm);color:var(--foreground);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:.375rem .75rem;transition:border-color .15s}.onui-table__search-input::placeholder{color:var(--muted-foreground)}.onui-table__search-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)25%,transparent)}.onui-table__bulk-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.onui-table__selection-count{font-size:var(--text-sm);color:var(--muted-foreground);white-space:nowrap}.onui-table__bulk-delete-btn{font-size:var(--text-sm);color:var(--destructive-foreground,#fff);background-color:var(--destructive);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:.375rem .75rem;font-weight:500;transition:opacity .15s}.onui-table__bulk-delete-btn:hover{opacity:.9}.onui-table__create-form{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.onui-table__create-field{flex-direction:column;gap:.25rem;display:flex}.onui-table__create-field-label{font-size:var(--text-sm);color:var(--foreground);font-weight:500}.onui-table__create-field-input{font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);outline:none;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}.onui-table__create-field-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)25%,transparent)}.onui-table__create-field-input::placeholder{color:var(--muted-foreground)}.onui-table__create-field-req{color:var(--destructive,#ef4444);font-weight:500}.onui-table__create-field-input select,.onui-table__create-field-input textarea{font-family:inherit}.onui-table__create-field-checkbox{font-size:var(--text-sm);color:var(--foreground);cursor:pointer;align-items:center;gap:.5rem;display:flex}.onui-table__create-field-checkbox input{margin:0}.onui-table__wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.onui-table__wrapper>.onui-table--fixed:first-child{flex-shrink:0}.onui-table__scroll-area{flex:1;min-height:0;height:auto!important}.onui-table__scroll-area .onui-scrollarea__viewport{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--muted-foreground)transparent;overflow:auto!important}.onui-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:var(--text-base);min-width:600px}.onui-table--fixed{table-layout:fixed}@media (max-width:640px){.onui-table{min-width:100%}}.onui-table__th,.onui-table__td{text-align:left;border-bottom:1px solid var(--border);color:var(--foreground);text-overflow:ellipsis;padding:.75rem 1rem;overflow:hidden}@media (min-width:768px){.onui-table__th,.onui-table__td{white-space:nowrap;max-width:300px}}@media (max-width:767px){.onui-table__th,.onui-table__td{white-space:normal;word-break:break-word}}.onui-table__th{font-weight:var(--font-light);color:var(--muted-foreground);background-color:var(--muted)}.onui-table__thead{background-color:var(--muted)}.onui-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.onui-table__th--sortable:hover{color:var(--foreground)}.onui-table__sort-icon{opacity:.5;margin-left:.25rem}.onui-table__th--sorted .onui-table__sort-icon{opacity:1}.onui-table__th-content{align-items:center;gap:.25rem;display:flex}.onui-table__tbody tr:hover{background-color:var(--muted)}.onui-table__tbody tr:last-child td{border-bottom:none}.onui-table__th--checkbox,.onui-table__td--checkbox{width:40px}.onui-table__th--actions,.onui-table__td--actions{white-space:nowrap;width:auto}.onui-table__actions{gap:.5rem;display:flex}.onui-table__checkbox{cursor:pointer}.onui-table__link{color:var(--primary);text-decoration:none}.onui-table__link:hover{text-decoration:underline}.onui-table__pagination{border-top:1px solid var(--border);font-size:var(--text-base);color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.onui-table__pagination-info{flex-shrink:0}.onui-table__pagination-controls{gap:.25rem;display:flex}.onui-table__empty{text-align:center;color:var(--muted-foreground);padding:2rem}.onui-table__empty-cell{color:var(--muted-foreground)}