@import url('/shell/tokens.css');
:root{color-scheme:dark;font:14px system-ui;background:#08111d;color:#dce6f5}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--connect-bg,#08111d)}header{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28374b;padding:0 24px;flex:none}header strong{font-size:18px}header nav{display:flex;gap:20px}a{color:#8dccff}button,input,select{font:inherit;color:inherit;background:#132238;border:1px solid #334a68;border-radius:5px;padding:7px 10px}button{cursor:pointer}button:hover:not(:disabled){background:#1c3554}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid #64c6ef;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.query-workspace{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding:0;background:#091320}.query-document-tabs{height:39px;display:flex;align-items:end;border-bottom:1px solid #2b3b50;padding-left:14px;background:#0b1522;flex:none;user-select:none}.query-document-tab{height:34px;min-width:150px;display:flex;align-items:center;padding:0 14px;border:1px solid #34465e;border-bottom:0;background:#111d2c;color:#bdc9d8;font-size:12px}.query-document-tab.active{border-top:2px solid #63b5ff;background:#152439;color:#f3f7fc;font-weight:600}.query-document-tab.add{min-width:38px;width:38px;justify-content:center;padding:0;font-size:22px;font-weight:300;color:#94a7c1;border-left:0}

.query-workspace-body{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);flex:1;min-height:0}.query-explorer{display:flex;flex-direction:column;min-width:0;border-right:1px solid #2a3a50;background:#0c1725;overflow:hidden}.explorer-tabs,.lower-tabs{display:flex;align-items:end;gap:4px;border-bottom:1px solid #2a3a50;padding:0 12px;min-height:42px;flex:none}.explorer-tab,.lower-tab{border:0;border-radius:0;background:transparent;padding:12px 10px 10px;color:#91a3bb;position:relative}.explorer-tab:hover:not(:disabled),.lower-tab:hover:not(:disabled){background:transparent;color:#dce6f5}.explorer-tab.active,.lower-tab.active{color:#fff}.explorer-tab.active::after,.lower-tab.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:#50a9ff}.explorer-panel{display:flex;flex-direction:column;min-height:0;flex:1;padding:12px 8px}.explorer-search{display:block}.explorer-search input{width:100%;background:#101d2d}.explorer-count{font-size:11px;color:#8ea2bd;margin:10px 6px}.entity-list{min-height:0;overflow:auto;flex:1}.entity-tree-row{display:flex;align-items:center;gap:3px;min-height:27px;height:27px;padding-right:7px;font-size:12px;cursor:pointer;border-radius:3px;white-space:nowrap}.entity-tree-row:hover{background:#1c344d}.entity-tree-row[aria-selected=true]{background:#244765;color:#fff}.tree-twist{flex:none;width:14px;text-align:center;color:#82a9d5}.tree-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.tree-child-count{margin-left:auto;color:#718ba9;font-size:10px}.tree-orphan{color:#8fa1b9;font-size:10px;margin-left:auto}.tree-ancestor{color:#8498b1}.entity-tree-row:focus-visible{outline-offset:-2px}.table-list{display:grid;gap:5px}.table-list button{text-align:left;display:grid;gap:3px;background:transparent;border-color:transparent;padding:10px}.table-list button:hover{background:#172b42}.table-list strong{font-size:12px}.table-list span{font-size:11px;color:#849ab6}

.query-content{display:grid;grid-template-rows:minmax(230px,44%) minmax(230px,56%);min-width:0;min-height:0;background:#09131f}.query-editor-pane,.query-lower-pane{min-width:0;min-height:0;margin:0;background:#0d1826}.query-editor-pane{display:flex;flex-direction:column;border-bottom:4px solid #253548;padding:0 14px 10px}.query-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid #24364c;margin:0 -14px 8px;padding:0 14px}.query-toolbar h2{font-size:13px;font-weight:600;margin:0 auto 0 0}.query-toolbar button{font-size:12px;padding:7px 11px}.query-toolbar .primary-action:not(:disabled){background:#2464a5;border-color:#3f89d4;color:white}.shortcut{font-size:10px;color:#c3d6ee;margin-left:4px}.query-history{display:none}.query-editor-pane #query-state{font-size:11px;color:#8fa3be;margin:0 0 5px;line-height:1.35}.query-editor-pane #query-editor{flex:1;min-height:0}.query-editor-pane #query-editor .embedded-editor{width:100%;height:100%;min-height:150px;border:1px solid #2c4058;margin:0;background:#0a1420}.query-editor-pane #query-editor .config-head{display:none}.query-editor-pane #query-editor .config-area{height:calc(100% - 28px)}

.query-lower-pane{display:flex;flex-direction:column;overflow:hidden}.lower-tabs{min-height:40px;padding-left:14px;background:#0b1623}.lower-tab{padding-top:11px;padding-bottom:9px}.lower-panel{flex:1;min-height:0;overflow:auto;padding:14px 18px}.sample-browser{display:flex;flex-direction:column;gap:12px;overflow:hidden}.sample-controls{display:flex;gap:10px;flex:none}.sample-controls label:first-child{flex:1}.sample-controls input{width:100%}.sample-controls select{min-width:190px}.sample-intro{display:flex;align-items:end;justify-content:space-between;gap:12px;flex:none}.sample-intro h3,.result-head h3,.charts-panel h3{font-size:14px;margin:0 0 4px}.sample-intro p,.charts-panel p{margin:0;color:#8fa3be;font-size:11px}.sample-intro>span{font-size:11px;color:#8197b4}.sample-list{display:grid;grid-auto-rows:max-content;align-content:start;flex:1;min-height:0;gap:7px;overflow:auto;padding-right:5px}.sample-category{min-height:37px;border:1px solid #26394f;border-radius:6px;background:#0b1724;overflow:hidden}.sample-category>summary{display:flex;align-items:center;gap:9px;min-height:36px;padding:9px 12px;color:#a9bdd4;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;list-style:none;background:#101d2d}.sample-category>summary::-webkit-details-marker{display:none}.sample-category>summary::before{content:"›";font-size:16px;line-height:1;color:#68aeea;transition:transform .12s ease}.sample-category[open]>summary::before{transform:rotate(90deg)}.sample-category>summary span:last-child{margin-left:auto;color:#7189a5;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0}.sample-category>summary:hover{background:#14263a}.sample-category>summary:focus-visible{outline-offset:-2px}.sample-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;border-top:1px solid #28384b}.sample-card h5{font-size:12px;margin:0 0 5px;color:#e6edf7}.sample-card code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#88a0bc;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.sample-card button{white-space:nowrap;background:transparent}.sample-card button::before{content:"▷";margin-right:7px}.sample-empty{color:#8fa3be;padding:28px;text-align:center}

.results-panel{display:flex;flex-direction:column;gap:10px}.result-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-head h3{margin-right:auto}.results-panel #result-state{font-size:11px;color:#8fa3be;margin:0}.results-panel #transform{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.results-panel #transform label{display:grid;gap:4px;min-width:130px;font-size:11px;color:#91a4be;flex:1}.results-panel #grid{flex:1;min-height:150px;overflow:hidden;position:relative;border:1px solid #2d425c;background:#0a1420}.results-panel canvas{display:block;width:100%;height:100%}.charts-panel{display:grid;place-items:center;text-align:center}.chart-mark{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid #385170;border-radius:50%;color:#63b5ff;font-size:27px;margin-bottom:10px}

/* Query navigation uses tab affordances, not raised button surfaces. */
.query-document-tabs{align-items:stretch;gap:18px;padding:0 18px}
.query-document-tab{min-width:0;width:auto;height:auto;position:relative;padding:0 2px;border:0!important;background:transparent!important;color:#91a3bb}
.query-document-tab.active{border:0!important;background:transparent!important;color:#fff}
.query-document-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#50a9ff}
.query-document-tab.add{min-width:0;width:auto;padding:0 2px;border:0!important;background:transparent!important;font-size:19px}
.connect-query-page .explorer-tabs,.connect-query-page .lower-tabs{align-items:stretch;gap:18px;padding:0 18px}
.connect-query-page .explorer-tab,.connect-query-page .lower-tab{appearance:none;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0 2px}
.connect-query-page .explorer-tab:hover:not(:disabled),.connect-query-page .lower-tab:hover:not(:disabled){background:transparent!important;color:#dce6f5}
.connect-query-page .explorer-tab.active,.connect-query-page .lower-tab.active{color:#fff}
.connect-query-page .explorer-tab.active::after,.connect-query-page .lower-tab.active::after{left:0;right:0}
.table-list{gap:1px}
.connect-query-page .table-list button{appearance:none;width:100%;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:8px 6px}
.connect-query-page .table-list button:hover{background:transparent!important}
.connect-query-page .table-list button:hover strong{color:#8dccff}

@media(max-width:800px){.query-workspace-body{grid-template-columns:190px minmax(0,1fr)}.query-content{grid-template-rows:minmax(220px,45%) minmax(220px,55%)}.sample-controls{flex-direction:column}.sample-controls select{width:100%}.shortcut{display:none}}@media(max-width:600px){.query-workspace-body{display:flex;flex-direction:column;overflow:auto}.query-explorer{min-height:220px;border-right:0;border-bottom:1px solid #2a3a50}.query-content{min-height:650px}.query-document-tab{min-width:0}}