.query-list-page{gap:20px;min-width:0;display:grid}.query-list-page>*{min-width:0}.query-list-page>.workspace-page-header{margin-bottom:0}.shell-page-viewport>main.query-list-route{height:100%;padding-bottom:0}.query-list-route>div{height:100%;min-height:0}.query-list-page-viewport{flex-direction:column;height:100%;min-height:0;display:flex}.query-list-page-viewport>*{flex-shrink:0}.query-list-page-viewport>.query-list-surface:has(.query-filters){flex-shrink:1;min-height:128px;overflow-y:auto}.query-list-page-viewport>.query-list-surface-compact:has(.query-filters){flex-shrink:0;min-height:0}.query-list-page-viewport>.query-list-surface-fill{flex:1;min-height:min(352px,55dvh)}.query-list-surface-fill{flex-direction:column;display:flex}.query-list-surface-fill>*{flex-shrink:0}.query-list-surface-fill>.data-list-scroll{flex:1;min-height:96px;scroll-padding-top:48px;overflow:auto}.query-list-surface-fill .data-list-table thead{z-index:1;background:hsl(var(--muted));position:sticky;top:0}.query-list-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.query-list-surface{background:hsl(var(--card));min-width:0;box-shadow:0 1px 4px hsl(var(--foreground) / .04);border-radius:2px;overflow:hidden}.query-filters{align-items:flex-start;gap:24px;padding:20px;display:flex}.query-filter-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;min-width:0;display:grid}.query-filter-overflow{display:contents}.query-filter-field{min-width:0}.query-filter-field [data-slot=field-label]{white-space:normal;overflow-wrap:anywhere;text-align:right;width:6em;min-width:6em;line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);flex:0 0 6em;justify-content:flex-end}.query-filter-field>[data-slot=input],.query-filter-field>[data-slot=select-trigger],.query-filter-field>[data-slot=combobox-trigger],.query-filter-field>[data-slot=date-range-picker]{flex:1;width:0;min-width:0}.query-filter-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.data-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 20px;display:flex}.data-list-heading{align-items:center;gap:8px;display:flex}.data-list-heading h2{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold)}.data-list-count{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.data-list-toolbar-selection{font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:4px;margin-left:4px;display:flex}.data-list-toolbar-selection[data-selection-empty]{visibility:hidden}.data-list-toolbar-selection strong{color:hsl(var(--primary));font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.data-list-toolbar-selection [data-slot=button]{height:auto;font-size:var(--font-size-xs);padding:0 4px}.data-list-scroll{max-width:100%;overflow-x:auto}.data-list-scroll>[data-slot=table-container]{overflow:visible}.data-list-table{min-width:640px}.data-list-table thead{background:hsl(var(--muted) / .45)}.data-list-table tr{border:0}.data-list-table tbody tr:nth-child(2n):not([data-state=selected]){background:hsl(var(--muted) / .28)}.data-list-table th,.data-list-table td{padding:14px 16px}.data-list-table th{color:hsl(var(--muted-foreground));font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.data-list-table td{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.data-list-table .data-list-checkbox{text-align:center;width:48px;padding-right:4px}.data-list-table tr[data-state=selected]{background:hsl(var(--primary) / .04)}.data-list-state{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:440px;min-height:240px;margin:0 auto;padding:32px 20px;display:flex}.data-list-state>svg{width:32px;height:32px;color:hsl(var(--muted-foreground) / .7);stroke-width:1.4px;margin-bottom:2px}.data-list-state strong{font-weight:var(--font-weight-medium)}.data-list-state p{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));overflow-wrap:anywhere}.data-list-selection{background:hsl(var(--primary) / .05);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 20px 14px;padding:10px 12px;display:flex}.data-list-selection-count{font-size:var(--font-size-sm);white-space:nowrap}.data-list-selection-count strong{color:hsl(var(--primary));font-variant-numeric:tabular-nums}.data-list-pagination{z-index:2;background:hsl(var(--card));box-shadow:0 -1px 4px hsl(var(--foreground) / .025);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative}.data-list-pagination>p{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.data-list-pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;display:flex}.data-list-page-size{align-items:center;gap:8px;display:flex}.data-list-page-size [data-slot=label]{font-size:var(--font-size-xs);white-space:nowrap}.data-list-page-size [data-slot=select-trigger]{min-width:62px}.data-list-pagination [data-slot=pagination-content]{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center}.data-list-notice{background:hsl(var(--muted) / .35);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}@media (max-width:1100px){.query-filters{flex-direction:column;gap:16px}.query-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media (max-width:560px){.query-list-page{gap:16px}.query-filters{padding:16px 14px}.query-filter-grid{grid-template-columns:minmax(0,1fr);gap:12px}.data-list-toolbar{padding-inline:14px}.data-list-pagination{gap:12px;padding:14px}.data-list-pagination-controls{justify-content:space-between;gap:10px;width:100%}.data-list-pagination [data-slot=pagination-content]{margin-left:auto}.data-list-page-size [data-slot=label]{display:none}.data-list-selection{margin:0 14px 14px}.data-list-state{text-align:left;align-items:flex-start;max-width:min(320px,100vw - 74px);margin:0;padding-left:14px}}