.collectionData-panel{background:var(--ui-bg-card);border:.5px solid var(--ui-line-strong);width:100%;max-height:440px;box-shadow:var(--shadow-lg,var(--shadow-md,var(--shadow-sm)));cursor:default;border-radius:11px;flex-direction:column;display:flex;overflow:hidden}.collectionData-head{border-bottom:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .015);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.collectionData-status{align-items:center;gap:10px;min-width:0;display:inline-flex}.collectionData-env{letter-spacing:.06em;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.collectionData-env-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.collectionData-env-prod{background:rgba(var(--success-rgb), .14);color:var(--success)}.collectionData-env-prod .collectionData-env-dot{background:var(--success);box-shadow:0 0 6px rgba(var(--success-rgb), .7)}.collectionData-env-dev{background:rgba(var(--warning-rgb), .14);color:var(--warning)}.collectionData-env-dev .collectionData-env-dot{background:var(--warning);box-shadow:0 0 6px rgba(var(--warning-rgb), .7)}.collectionData-status-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.collectionData-status-text[data-state=no-env],.collectionData-status-text[data-state=no-table]{color:var(--ui-dim)}.collectionData-banner{border:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .02);border-radius:10px;align-items:flex-start;gap:12px;margin:14px;padding:14px 16px;display:flex}.collectionData-banner-icon{width:34px;height:34px;color:var(--ui-muted);background:rgba(var(--text-primary-rgb), .04);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.collectionData-banner-prod .collectionData-banner-icon{color:var(--warning);background:rgba(var(--warning-rgb), .12)}.collectionData-banner-text{flex-direction:column;gap:3px;min-width:0;display:flex}.collectionData-banner-title{color:var(--text-primary);font-size:12.5px;font-weight:600}.collectionData-banner-body{color:var(--ui-muted);font-size:11px;line-height:1.5}.collectionData-spin{animation:.9s linear infinite collectionData-spin}@keyframes collectionData-spin{to{transform:rotate(360deg)}}.collectionData-empty-row{text-align:center;color:var(--ui-dim);padding:18px 12px}.collectionData-icon-btn{border:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .03);width:24px;height:24px;color:var(--ui-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.collectionData-icon-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--text-primary-rgb), .06)}.collectionData-icon-btn:disabled{opacity:.5;cursor:not-allowed}.collectionData-btn{border:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .03);color:var(--ui-muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.collectionData-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--text-primary-rgb), .06)}.collectionData-btn:disabled{opacity:.5;cursor:not-allowed}.collectionData-btn-primary{background:var(--brand);color:var(--ink-text-on-brand);border:none}[data-component=collectionData] [data-fragment=Tabs]{border-bottom:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .01);padding:0 12px}[data-component=collectionData] [data-fragment=Tabs] [class$=-tabs]{gap:0;display:flex}[data-component=collectionData] [data-fragment=Tabs] [class$=-tab]{color:var(--ui-muted);cursor:pointer;letter-spacing:-.1px;background:0 0;border:none;border-bottom:1.5px solid #0000;padding:8px 12px;font-size:11.5px;font-weight:500}[data-component=collectionData] [data-fragment=Tabs] [class$=-tab].active{color:var(--text-primary);border-color:var(--ui-violet)}.collectionData-toolbar{border-bottom:.5px solid var(--ui-line);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.collectionData-toolbar-info{color:var(--ui-dim);font-size:10.5px}.collectionData-table-wrap{max-height:280px;overflow:auto}.collectionData-table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--ui-font-mono)}.collectionData-table thead th{z-index:2;background:rgba(var(--ui-bg-1-rgb), .95);text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--ui-dim);border-bottom:.5px solid var(--ui-line-strong);white-space:nowrap;backdrop-filter:blur(10px);padding:8px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.collectionData-col-type{color:var(--ui-violet);text-transform:lowercase;letter-spacing:.3px;margin-top:2px;font-family:inherit;font-size:9px;font-weight:500;display:block}.collectionData-col-type-fk{color:var(--ui-cyan)}.collectionData-col-type-pk{color:var(--ui-amber)}.collectionData-table tbody td{border-bottom:.5px solid rgba(var(--text-primary-rgb), .04);vertical-align:middle;color:var(--text-primary);white-space:nowrap;padding:7px 12px}.collectionData-table tbody tr:hover{background:rgba(var(--ui-violet-rgb), .06)}.collectionData-row-clickable{cursor:pointer}.collectionData-cell-id{color:var(--ui-violet)}.collectionData-cell-muted{color:var(--ui-muted)}.collectionData-bool{font-family:var(--ui-font-sans);border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-flex}.collectionData-bool-true{background:rgba(var(--success-rgb), .1);color:var(--success);border:.5px solid rgba(var(--success-rgb), .3)}.collectionData-bool-false{background:rgba(var(--text-primary-rgb), .04);color:var(--ui-muted);border:.5px solid var(--ui-line)}.collectionData-footer{border-top:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .015);align-items:center;gap:14px;padding:8px 12px;display:flex}.collectionData-footer-info{color:var(--ui-muted);font-size:11px}.collectionData-pages{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.collectionData-pages-btn{border:.5px solid var(--ui-line);background:rgba(var(--text-primary-rgb), .03);width:24px;height:24px;color:var(--ui-muted);cursor:pointer;font-family:var(--ui-font-mono);border-radius:5px;justify-content:center;align-items:center;font-size:10.5px;display:inline-flex}.collectionData-pages-btn:hover:not(:disabled){color:var(--text-primary)}.collectionData-pages-btn-on{background:var(--brand);color:var(--ink-text-on-brand);border:none}.collectionData-pages-btn:disabled{opacity:.4;cursor:not-allowed}.collectionData-pages-dots{color:var(--ui-dim);padding:0 2px;font-size:10.5px}.collectionData-empty{color:var(--ui-dim);text-align:center;padding:20px 14px;font-size:11px;display:block}.collectionData-indexes-pane{max-height:320px;padding:12px;overflow:auto}.collectionData-indexes-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.collectionData-index-item{background:rgba(var(--text-primary-rgb), .03);border:.5px solid var(--ui-line);color:var(--ui-muted);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.collectionData-index-item svg{color:var(--ui-violet);flex-shrink:0}.collectionData-query-pane{flex-direction:column;gap:10px;padding:12px;display:flex}.collectionData-query-hint{color:var(--ui-dim);font-size:10.5px;line-height:1.5}.collectionData-query-input{font-family:var(--ui-font-mono);background:rgba(var(--text-primary-rgb), .03);border:.5px solid var(--ui-line);color:var(--text-primary);resize:vertical;border-radius:7px;outline:none;min-height:90px;padding:10px 12px;font-size:12px}.collectionData-query-input:focus{border-color:rgba(var(--ui-violet-rgb), .4)}.collectionData-query-error{color:var(--error);background:rgba(var(--error-rgb), .08);border:.5px solid rgba(var(--error-rgb), .2);border-radius:6px;padding:8px 10px;font-size:11px}.collectionData-query-actions{justify-content:flex-end;gap:8px;display:flex}.collectionData-drawer-backdrop{z-index:1000;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.collectionData-drawer{background:var(--ui-bg-card);border-left:.5px solid var(--ui-line-strong);flex-direction:column;width:min(520px,100vw);height:100%;display:flex;box-shadow:-10px 0 40px #0006}.collectionData-drawer-head{border-bottom:.5px solid var(--ui-line);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.collectionData-drawer-title{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.collectionData-drawer-sub{color:var(--ui-dim);word-break:break-all;margin-top:4px;font-size:10.5px;display:block}.collectionData-drawer-close{color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px}.collectionData-drawer-close:hover{color:var(--text-primary);background:rgba(var(--text-primary-rgb), .05)}.collectionData-drawer-body{flex-direction:column;flex:1;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}.collectionData-drawer-field{flex-direction:column;gap:5px;display:flex}.collectionData-drawer-label{color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;display:flex}.collectionData-drawer-meta{color:var(--ui-dim);font-size:9.5px}.collectionData-drawer-field input,.collectionData-drawer-field textarea{background:rgba(var(--text-primary-rgb), .04);border:.5px solid var(--ui-line);width:100%;color:var(--text-primary);font-family:var(--ui-font-mono);box-sizing:border-box;border-radius:6px;outline:none;padding:7px 10px;font-size:12px}.collectionData-drawer-field input:focus,.collectionData-drawer-field textarea:focus{border-color:rgba(var(--ui-violet-rgb), .4)}.collectionData-drawer-json{resize:vertical;min-height:80px}.collectionData-drawer-fielderr{color:var(--error);font-size:10.5px}.collectionData-drawer-foot{border-top:.5px solid var(--ui-line);justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex}.collectionData-drawer-foot-right{gap:8px;display:flex}.collectionData-drawer-del{color:var(--error);border-color:rgba(var(--error-rgb), .3)}.collectionData-drawer-del:hover{background:rgba(var(--error-rgb), .08)}