/* Local, dependency-free design system. No fonts, telemetry or decorative assets
   are fetched. Display preferences remain in memory for this tab. */
:root {
  color-scheme: light; --canvas:#f6f8fa; --surface:#fff; --surface-soft:#f8faf9;
  --sidebar:#f9fbfa; --text:#202923; --muted:#65716b; --subtle:#89928d;
  --line:#e2e7e4; --line-strong:#c9d2cc; --accent:#176a49; --accent-hover:#105437;
  --accent-soft:#e8f3ec; --danger:#af3538; --danger-soft:#fff1f1; --warning:#865c17;
  --warning-soft:#fff8e9; --code:#f4f6f5; --shadow:0 12px 38px #142d2414;
  --radius:12px; --cell-space:12px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px; line-height:1.5; background:var(--canvas); color:var(--text);
}
:root[data-theme=dark] { color-scheme:dark; --canvas:#141b18; --surface:#1b2420; --surface-soft:#202b25; --sidebar:#18211c; --text:#e7ede9; --muted:#a7b5ac; --subtle:#8b9e91; --line:#324137; --line-strong:#516358; --accent:#8ad1a9; --accent-hover:#b2e9c7; --accent-soft:#253f31; --danger:#ffa4a5; --danger-soft:#422727; --warning:#e8c179; --warning-soft:#393121; --code:#151e18; --shadow:0 12px 38px #0004; }
@media(prefers-color-scheme:dark) { :root[data-theme=system] { color-scheme:dark; --canvas:#141b18; --surface:#1b2420; --surface-soft:#202b25; --sidebar:#18211c; --text:#e7ede9; --muted:#a7b5ac; --subtle:#8b9e91; --line:#324137; --line-strong:#516358; --accent:#8ad1a9; --accent-hover:#b2e9c7; --accent-soft:#253f31; --danger:#ffa4a5; --danger-soft:#422727; --warning:#e8c179; --warning-soft:#393121; --code:#151e18; --shadow:0 12px 38px #0004; } }
* { box-sizing:border-box; }
body { margin:0; } [hidden] { display:none!important; }
button,input,select,textarea { font:inherit; color:inherit; }
button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:7px 12px; border:1px solid var(--line-strong); border-radius:7px; background:var(--surface); font-size:12px; font-weight:550; line-height:1.45; cursor:pointer; transition:background .12s,border-color .12s; }
button:hover:not(:disabled) { background:var(--surface-soft); border-color:var(--subtle); }
button:active:not(:disabled) { transform:translateY(1px); }
button:disabled { opacity:.48; cursor:not-allowed; }
button.primary { background:var(--accent); border-color:var(--accent); color:var(--surface); }
button.primary:hover:not(:disabled) { background:var(--accent-hover); border-color:var(--accent-hover); }
button.danger-outline { color:var(--danger); border-color:var(--line-strong); }
button.danger-outline:hover:not(:disabled) { background:var(--danger-soft); border-color:var(--danger); }
button.text-button,button.quiet-button { border-color:transparent; background:transparent; color:var(--accent); padding-inline:2px; }
button.quiet-button { color:var(--muted); }
button.icon-button { width:34px; padding:6px; border-color:transparent; background:transparent; }
.icon { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
a { color:var(--accent); text-underline-offset:3px; } a:not([href]) { color:var(--muted); }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
input:not([type=checkbox]),select,textarea { display:block; min-height:38px; background:var(--surface); border:1px solid var(--line-strong); border-radius:7px; padding:8px 10px; max-width:100%; font-size:13px; }
input:not([type=checkbox]),textarea { width:100%; }
input::placeholder,textarea::placeholder { color:var(--subtle); opacity:1; }
input[type=checkbox] { accent-color:var(--accent); width:16px; height:16px; flex-shrink:0; }
input:disabled,select:disabled,textarea:disabled { background:var(--surface-soft); }
textarea { font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; resize:vertical; tab-size:2; }
label { display:block; color:var(--text); font-size:12px; font-weight:550; }
label>input,label>select,label>textarea { margin-top:6px; }
fieldset { margin:0; padding:0; border:0; min-width:0; } legend { font-size:12px; font-weight:600; margin-bottom:10px; }
form>label,fieldset>label { margin-bottom:14px; }
.include-field,.switch-label { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:400; line-height:1.6; }
.include-field input,.switch-label input { display:inline; margin:0; }
h1,h2,h3,h4,p { overflow-wrap:anywhere; }
h1 { font-size:26px; letter-spacing:-.85px; line-height:1.25; font-weight:650; margin:4px 0 7px; }
h2 { font-size:15px; line-height:1.4; font-weight:650; margin:0 0 6px; letter-spacing:-.2px; }
h3 { font-size:13px; font-weight:650; margin:18px 0 8px; }
h4 { font-size:12px; margin:16px 0 6px; }
p { margin:10px 0; }
.help,small { color:var(--muted); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
small { display:block; margin-top:4px; }
.eyebrow,.quiet-label,.nav-label { color:var(--muted); font-size:10px; font-weight:650; letter-spacing:1.2px; }
.eyebrow { margin:0 0 7px; }
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:260px; z-index:100; padding:12px; background:var(--surface); transform:translateY(-160%); border:2px solid var(--accent); border-radius:7px; }
.skip-link:focus { transform:none; }
/* Application shell */
.app-sidebar { position:fixed; inset:0 auto 0 0; width:228px; background:var(--sidebar); border-right:1px solid var(--line); z-index:30; display:flex; flex-direction:column; padding:27px 14px 12px; overflow:auto; }
.brand { display:flex; align-items:center; gap:10px; padding:0 10px; color:var(--text); text-decoration:none; font-size:16px; font-weight:700; letter-spacing:-.45px; }
.brand-mark { display:grid; place-items:center; width:34px; height:36px; color:#fff; background:#20583e; border-radius:9px; }
.brand-mark .icon { width:21px; height:21px; }
.brand-sub { display:block; font-size:8px; font-weight:600; letter-spacing:2.4px; color:var(--muted); margin-top:1px; }
.workspace-switch { text-align:left; margin:29px 0 22px; padding:10px; gap:9px; background:var(--surface); border-color:var(--line); width:100%; }
.workspace-switch strong { font-size:11px; font-weight:600; display:block; }
.workspace-switch small { font-size:10px; margin:1px 0 0; }
.workspace-switch>span:last-child { margin-left:auto; color:var(--muted); }
.workspace-avatar { background:var(--code); color:var(--muted); border:1px solid var(--line); border-radius:6px; width:27px; height:29px; display:grid; place-items:center; font-size:11px; }
.nav-label { margin:9px 12px 10px; font-size:9px; letter-spacing:1.1px; }
nav>.nav-label { margin-top:28px; }
.nav-item { border:0; background:transparent; width:100%; justify-content:flex-start; text-align:left; min-height:40px; padding:10px 12px; border-radius:7px; margin:2px 0; gap:12px; font-size:12px; color:var(--muted); }
.nav-item:hover:not(:disabled) { background:var(--code); }
.nav-item[aria-current=page],.nav-item.is-active { background:var(--accent-soft); color:var(--accent); font-weight:650; }
.nav-chevron { margin-left:auto; font-size:19px; line-height:1; transform:rotate(0); }
.nav-item[aria-expanded=true] .nav-chevron { transform:rotate(90deg); }
.nav-children { margin:5px 0 9px 21px; padding-left:17px; border-left:1px solid var(--line-strong); }
.nav-sub { min-height:32px; display:flex; width:100%; justify-content:flex-start; text-align:left; border:0; background:transparent; color:var(--muted); font-size:11px; padding:7px 9px; margin-bottom:2px; }
.nav-sub[aria-current=page] { color:var(--accent); background:var(--accent-soft); font-weight:650; }
.sidebar-bottom { margin-top:auto; padding-top:38px; }
.sidebar-bottom>.quiet-button { width:100%; justify-content:flex-start; font-size:11px; gap:10px; padding:8px 11px; }
.sidebar-bottom kbd { margin-left:auto; }
.sidebar-session { display:flex; width:100%; justify-content:flex-start; gap:9px; padding:15px 8px 3px; margin-top:13px; background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; text-align:left; }
.sidebar-session strong { font-size:11px; font-weight:600; }.sidebar-session small { font-size:9px; }.sidebar-session>.icon { margin-left:auto; width:14px; }
.status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--subtle); flex-shrink:0; }
.status-dot.configured { background:var(--accent); }
.workspace-frame { margin-left:228px; min-width:0; }
.workspace-header { display:flex; align-items:center; justify-content:space-between; gap:12px; height:65px; position:sticky; top:0; background:var(--surface); border-bottom:1px solid var(--line); padding:0 32px; z-index:20; }
.header-location,.header-actions { display:flex; align-items:center; gap:13px; min-width:0; }
.header-location { font-size:12px; }.breadcrumb-root,.breadcrumb-divider { color:var(--muted); }.breadcrumb-divider { margin:0 3px; }.header-location #workspace-breadcrumb { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.command-trigger { width:204px; justify-content:flex-start; color:var(--muted); border-color:var(--line); background:var(--surface-soft); min-height:32px; font-size:11px; }.command-trigger .icon { width:15px; }.command-trigger kbd { margin-left:auto; font-size:9px; }
kbd { display:inline-block; font:10px/1.5 ui-monospace,monospace; color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; padding:1px 5px; background:var(--surface); }
.session-badge { font-size:10px; color:var(--muted); display:flex; align-items:center; gap:6px; white-space:nowrap; margin:0 7px; }
.user-avatar { width:29px; height:29px; border:1px solid var(--line-strong); background:var(--code); border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:600; }
.main-content { padding:30px 32px 24px; max-width:1780px; margin:auto; outline-offset:-5px; }
.mobile-only { display:none!important; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:25px; }
.page-description { color:var(--muted); font-size:12px; margin:0; }
.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.toolbar>:first-child { margin-right:auto; }.toolbar>div:first-child { min-width:130px; }
/* Overview: real, bounded session information only */
.connection-banner { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid var(--line); background:var(--surface); border-radius:var(--radius); margin-bottom:22px; }
.banner-icon { background:var(--accent-soft); color:var(--accent); width:40px; height:40px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; }.banner-icon .icon { width:21px; }
.connection-banner h2 { font-size:13px; margin:0 0 4px; }.connection-banner p { font-size:11px; color:var(--muted); margin:0; }.connection-banner>button { margin-left:auto; white-space:nowrap; color:var(--accent); }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-bottom:25px; }
.metric-card { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:17px 19px 13px; min-width:0; }
.metric-card>div { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--muted); }.metric-card .icon { width:16px; height:16px; color:var(--subtle); }.metric-card>strong { font-size:29px; display:block; font-weight:600; letter-spacing:-1px; margin:10px 0 1px; }.metric-card p { color:var(--muted); font-size:10px; margin:0; }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr); gap:20px; margin-bottom:22px; }
.panel { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); min-width:0; overflow:hidden; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 21px; }.panel-heading h2 { font-size:13px; margin:0; }.panel-heading p { color:var(--muted); font-size:11px; margin:4px 0 0; }.panel-heading .quiet-label { font-size:8px; white-space:nowrap; }
.shortcut-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 20px 20px; }
.shortcut-card { min-width:0; display:flex; align-items:flex-start; text-align:left; gap:11px; padding:16px 12px; min-height:95px; border-color:var(--line); background:var(--surface); border-radius:9px; }
.shortcut-card>span:nth-child(2) { flex:1; }.shortcut-card strong { display:block; font-size:12px; margin:2px 0 4px; }.shortcut-card small { font-size:10px; font-weight:400; line-height:1.6; margin:0; }.shortcut-card>.icon { width:13px; height:13px; color:var(--subtle); margin-top:5px; }.shortcut-icon { width:32px; height:32px; border-radius:7px; background:var(--code); color:var(--muted); display:grid; place-items:center; flex-shrink:0; }.shortcut-icon .icon { width:17px; }
.panel-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 20px; border-top:1px solid var(--line); background:var(--surface-soft); font-size:10px; color:var(--muted); }.panel-footer>span { display:flex; align-items:center; gap:7px; }.panel-footer .icon { width:14px; }.panel-footer button { font-size:10px; white-space:nowrap; }
.pill { display:inline-flex; font-size:9px; font-weight:500; color:var(--muted); background:var(--code); border:1px solid var(--line); padding:3px 7px; border-radius:5px; white-space:nowrap; }.pill.configured { background:var(--accent-soft); color:var(--accent); }
.technical-list { margin:0 20px; font-size:11px; }.technical-list>div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }.technical-list>div:last-child { border:0; }.technical-list dt { color:var(--muted); }.technical-list dd { margin:0; overflow-wrap:anywhere; font:10px/1.7 ui-monospace,monospace; }.technical-list dd .icon { width:13px; height:13px; color:var(--accent); }.session-panel>.text-button { margin:9px 20px 13px; font-size:10px; }
.request-panel .panel-heading { border-bottom:1px solid var(--line); }.overview-empty { display:flex; align-items:center; flex-direction:column; padding:25px 18px 23px; text-align:center; gap:6px; }.overview-empty>.icon { color:var(--subtle); margin-bottom:3px; width:23px; height:23px; }.overview-empty strong { font-size:12px; font-weight:550; }.overview-empty>span { font-size:11px; color:var(--muted); }.overview-empty button { margin-top:8px; font-size:11px; min-height:31px; }
.request-list { list-style:none; margin:0; padding:0; }.request-list li { display:flex; gap:15px; align-items:center; padding:14px 21px; border-bottom:1px solid var(--line); font-size:11px; overflow-wrap:anywhere; }.request-list li:last-child { border:0; }.request-list code { flex:1; }.request-list time { color:var(--muted); font-size:10px; }
.workspace-footer { display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:10px; padding:22px 1px 0; }.workspace-footer>span:first-child { display:flex; align-items:center; gap:6px; }.workspace-footer .icon { width:13px; height:13px; }.footer-dot { margin:0 7px; }
/* Resource workspaces */
.workspace { display:grid; grid-template-columns:225px minmax(0,1fr); gap:20px; align-items:start; }
.resource-sidebar { min-width:0; padding:18px 16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.resource-sidebar h2 { font-size:13px; }.resource-sidebar .toolbar button { min-height:28px; font-size:10px; padding:4px 8px; }.resource-sidebar form { margin-top:18px; }.resource-sidebar form button { margin-top:8px; width:100%; }.resource-sidebar small { font-size:10px; }
#collection-list,#bucket-list { list-style:none; padding:0; margin:18px 0 0; }.collection-link { width:100%; justify-content:flex-start; text-align:left; border-color:transparent; background:transparent; margin-bottom:4px; overflow-wrap:anywhere; }.collection-link[aria-current=page] { background:var(--accent-soft); color:var(--accent); border-color:var(--line); }
.data-panel { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:21px; }.data-panel h1 { font-size:21px; }.data-panel>.toolbar { row-gap:14px; }.data-panel>.toolbar button { font-size:11px; }
.tabs { display:flex; gap:20px; border-bottom:1px solid var(--line); margin:20px 0; overflow:auto; scrollbar-width:thin; }.tabs button { flex-shrink:0; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--muted); padding:10px 2px 12px; min-height:39px; font-size:12px; white-space:nowrap; }.tabs [aria-selected=true] { border-bottom-color:var(--accent); color:var(--accent); font-weight:650; }
.tabs button:focus-visible { outline-offset:-3px; }.filter-row { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:13px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); }.filter-row label { flex:1; min-width:105px; margin:0; }.filter-row button { min-height:37px; font-size:11px; }.filter-row select { width:100%; }.filter-row input { min-width:0; }.filter-row .include-field { align-self:center; }
#page-size,#files-page-size { min-width:65px; }#filter-fields>label:nth-of-type(3),#prefix-controls>label:nth-of-type(3) { flex:0 1 80px; min-width:70px; }
.table-scroll { overflow:auto; max-width:100%; border:1px solid var(--line); border-radius:8px; scrollbar-width:thin; }
.table-scroll:has(table:empty) { display:none; }
table { border-collapse:separate; border-spacing:0; width:100%; font-size:12px; line-height:1.6; }
th { text-align:left; background:var(--surface-soft); color:var(--muted); font-size:10px; font-weight:600; position:sticky; top:0; z-index:1; }
th,td { padding:var(--cell-space) 13px; border-bottom:1px solid var(--line); vertical-align:middle; max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
tr:last-child td { border-bottom:0; }tbody tr { background:var(--surface); }tbody tr:hover,tbody tr:focus-within { background:var(--surface-soft); }
td.row-actions { position:sticky; right:0; background:inherit; box-shadow:-1px 0 var(--line); min-width:245px; overflow:visible; }
.row-actions button { min-height:28px; font-size:10px; padding:4px 7px; margin-right:4px; background:transparent; border-color:transparent; }.row-actions button:hover:not(:disabled) { border-color:var(--line-strong); }.row-actions button:last-child { color:var(--danger); }
.record-id { font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; }.record-id button { min-height:24px; padding:1px 5px; font-size:9px; margin-left:8px; background:transparent; border:0; color:var(--muted); }
:root[data-density=compact] { --cell-space:6px; }:root[data-wrap=true] td { white-space:normal; overflow-wrap:anywhere; }:root[data-wrap=true] .row-actions { white-space:nowrap; }
.pagination { display:flex; justify-content:flex-end; align-items:center; gap:14px; padding:14px 0 0; font-size:11px; color:var(--muted); }.pagination button { min-height:29px; font-size:10px; padding:5px 10px; }
.empty-state { min-height:220px; border:1px dashed var(--line-strong); border-radius:9px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:7px; padding:28px; background:var(--surface-soft); }.empty-icon { color:var(--muted); background:var(--surface); border:1px solid var(--line); width:45px; height:45px; border-radius:12px; display:grid; place-items:center; margin-bottom:7px; }.empty-state h2 { font-size:14px; margin:0; }.empty-state p { margin:0; font-size:12px; color:var(--muted); max-width:380px; }.empty-state button { margin-top:7px; }.empty-state progress { margin:14px; width:160px; }
/* Technical information and predictable forms */
details { border:1px solid var(--line); border-radius:8px; padding:13px 15px; background:var(--surface); margin:12px 0; }summary { font-size:12px; font-weight:600; cursor:pointer; }details[open]>summary { margin-bottom:12px; }.discovery-note { background:var(--surface-soft); padding:10px; margin:12px 0; }.discovery-note summary { font-size:10px; }.discovery-note p { font-size:11px; }
pre,code { font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; }pre { white-space:pre-wrap; overflow-wrap:anywhere; overflow:auto; max-height:440px; background:var(--code); border:1px solid var(--line); padding:17px; border-radius:8px; margin:10px 0 20px; }.copy-technical { font-size:10px; min-height:28px; padding:4px 8px; margin-top:5px; }
[role=alert]:empty,[role=status]:empty,.conflict:empty { display:none; }
[role=alert]:not(:empty) { color:var(--danger); background:var(--danger-soft); border-left:3px solid var(--danger); border-radius:4px; padding:11px 13px; font-size:12px; }
.warning { color:var(--warning); background:var(--warning-soft); border:1px solid var(--line); padding:12px; font-size:12px; border-radius:7px; }
#notice:not(:empty),#tools-notice:not(:empty),#files-notice:not(:empty) { color:var(--accent); background:var(--accent-soft); padding:10px 12px; font-size:12px; border-radius:7px; }
#collection-state,#bucket-state,#records-state,#objects-state,#api-state,#tools-state,#ai-state { font-size:12px; color:var(--muted); }
progress { accent-color:var(--accent); max-width:100%; }
/* Files */
#prefix-form { margin-top:15px; }#upload-panel,.object-details { margin-top:22px; }.files-upload { display:grid; gap:13px; margin-top:16px; }.files-upload label { margin:0; }#object-metadata { display:grid; grid-template-columns:minmax(100px,140px) minmax(0,1fr); gap:10px 16px; font-size:12px; }#object-metadata dt { color:var(--muted); }#object-metadata dd { margin:0; overflow-wrap:anywhere; font-family:ui-monospace,monospace; }.object-details { border-top:1px solid var(--line); padding-top:20px; }#download-form { margin-block:14px; }#object-url { font-family:ui-monospace,monospace; margin-top:8px; }#delete-object { margin-top:14px; }#object-delete-dialog label { margin:18px 0; }
/* API */
#api-workspace,#tools-workspace { padding:23px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }
#api-workspace>.toolbar h1 { font-size:23px; }.api-layout { display:grid; grid-template-columns:minmax(210px,28%) minmax(0,1fr); gap:22px; }.api-layout aside { background:var(--surface-soft); border:1px solid var(--line); padding:14px; border-radius:9px; min-width:0; align-self:start; }.api-detail { min-width:0; }#api-operation-list ul { padding:0; list-style:none; }#api-operation-list h3 { font-size:10px; text-transform:uppercase; letter-spacing:.8px; color:var(--muted); }#api-operation-list button { width:100%; justify-content:flex-start; text-align:left; overflow-wrap:anywhere; font:10px/1.6 ui-monospace,monospace; margin-bottom:4px; padding:8px; border-color:transparent; background:transparent; }#api-operation-list [aria-pressed=true] { background:var(--accent-soft); border-color:var(--line); color:var(--accent); }
#api-operation-title { font-family:ui-monospace,monospace; font-size:15px; }.api-parameter { padding:8px 0 16px; margin:10px 0; border-bottom:1px solid var(--line); }.api-parameter label { margin:12px 0; }#api-operation-details>p { font-size:12px; color:var(--muted); }#api-workspace textarea { width:100%; }#api-workspace pre { max-height:32rem; }#api-cancel { margin-top:10px; }#api-mutation-label { padding:12px; background:var(--warning-soft); color:var(--warning); border-radius:7px; margin:15px 0; }#api-history-list { padding-left:20px; }#api-history-list button { margin-bottom:7px; max-width:100%; text-align:left; }
/* Tools and AI */
#tools-workspace .tabs { gap:17px; }#tools-workspace section { margin-top:18px; }#tools-workspace textarea { width:100%; margin-bottom:12px; }#tools-context-controls { margin:20px 0; }#tools-records td:last-child { max-width:400px; }#tools-plan { border-top:2px solid var(--line-strong); padding-top:23px; }#tools-diff { max-height:560px; overflow:auto; }#tools-results { max-height:360px; overflow:auto; }#tools-plan>label { margin:16px 0; }#tools-progress { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; margin:16px 0; }#tools-progress progress { width:260px; }#tools-inputs>section>p,#tools-export-panel>p { font-size:12px; color:var(--muted); }
#ai-workspace>header { margin-bottom:24px; }#ai-workspace>header p { color:var(--muted); font-size:12px; }.ai-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.ai-grid>section,#ai-workspace>section { padding:22px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); min-width:0; }#ai-workspace>section { margin-top:20px; }#ai-workspace label { margin-bottom:15px; }#ai-workspace button { margin:3px 3px 3px 0; }#ai-proposal { max-height:32rem; }#ai-inclusions { padding:15px; background:var(--surface-soft); border-radius:8px; margin:16px 0; }#data-ai-filters { padding:17px; border:1px solid var(--line); border-radius:8px; margin:16px 0; background:var(--accent-soft); }
/* Connections and Settings */
#connections-workspace,#settings-workspace { max-width:1150px; margin:auto; }.connection-intro { display:flex; align-items:center; gap:14px; margin:28px 0 18px; }.connection-intro p { margin:3px 0 0; font-size:12px; color:var(--muted); }.connection-intro h2 { margin:0; }.connection-intro .pill { margin-left:auto; }.provider-mark { display:grid; place-items:center; width:43px; height:43px; border:1px solid var(--line); background:var(--surface); border-radius:11px; color:var(--accent); font-size:24px; font-weight:700; }
#connection-settings { padding:22px; border-radius:var(--radius); }#connection-state { font-size:11px; font-weight:400; color:var(--muted); margin-left:12px; }#connection-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:22px; align-items:end; }#connection-form label { margin:0; }#connection-form>button { justify-self:start; min-height:38px; }#connection-form p { grid-column:1/-1; margin:0; }
.connection-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:30px; }.connection-principles article { padding:10px 3px; }.connection-principles .icon { color:var(--accent); }.connection-principles h3 { margin-top:11px; }.connection-principles p { font-size:12px; color:var(--muted); }.integration-empty { text-align:center; padding:40px 30px; max-width:740px; margin:25px auto; }.integration-empty>.icon { width:30px; height:30px; color:var(--muted); margin-bottom:17px; }.integration-empty p { font-size:12px; color:var(--muted); }
.settings-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:22px; }.setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; border-top:1px solid var(--line); }.setting-row h3 { margin:0 0 5px; }.setting-row p { color:var(--muted); font-size:11px; margin:0; }.setting-row select { min-width:133px; font-size:12px; }.setting-row .switch-label { white-space:nowrap; font-size:10px; }#settings-feedback { margin:14px 22px; }.shortcuts-help { padding:22px; }.keyboard-list { margin:20px 0; }.keyboard-list>div { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); font-size:11px; }.keyboard-list dd { margin:0; white-space:nowrap; }.settings-safety { padding:22px; margin-top:22px; }.settings-safety p { color:var(--muted); font-size:12px; max-width:800px; }
/* Dialogs use the native modal focus trap. Destructive guards stay in controllers. */
dialog { border:1px solid var(--line-strong); background:var(--surface); color:var(--text); border-radius:16px; width:800px; max-width:calc(100vw - 32px); max-height:90dvh; padding:26px; overflow:auto; box-shadow:var(--shadow); }dialog::backdrop { background:#12271db3; }dialog h2 { font-size:19px; }#record-dialog { width:840px; }#object-delete-dialog { width:560px; }#editor-controls { margin:18px 0; }#editor-meta { font-family:ui-monospace,monospace; }#editor-content>textarea { width:100%; }#save-record { margin-top:18px; min-width:120px; }.schema-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.schema-field { display:flex; flex-direction:column; gap:7px; padding:14px; border:1px solid var(--line); border-radius:8px; min-width:0; }.schema-field>input[type=checkbox] { align-self:start; }.conflict { margin:18px 0; padding:18px; background:var(--warning-soft); border:1px solid var(--line-strong); border-radius:8px; }
.command-dialog { width:560px; padding:0; margin-top:min(15vh,120px); }.command-heading { display:flex; align-items:center; justify-content:space-between; padding:16px 20px 4px; }.command-heading h2 { font-size:14px; }.command-search-wrap { display:flex; align-items:center; gap:10px; margin:10px 20px 18px; }.command-search-wrap>.icon { color:var(--muted); }.command-search-wrap input { font-size:14px; }.command-dialog>.quiet-label { margin:12px 23px; }.command-results { list-style:none; max-height:350px; overflow:auto; padding:0 10px; margin:0 0 10px; }.command-results button { justify-content:space-between; border:0; background:transparent; width:100%; text-align:left; padding:10px 14px; min-height:39px; font-size:12px; }.command-results button:hover,.command-results button:focus-visible { background:var(--accent-soft); color:var(--accent); }.command-dialog>footer { display:flex; justify-content:space-between; gap:12px; padding:13px 20px; background:var(--surface-soft); border-top:1px solid var(--line); font-size:10px; color:var(--muted); }.command-dialog kbd { margin-right:3px; }#command-empty { padding:20px; font-size:12px; color:var(--muted); }.shortcuts-dialog { width:510px; }.shortcuts-dialog>p { font-size:12px; color:var(--muted); }.workspace-toast { position:fixed; bottom:22px; left:50%; transform:translateX(-50%); z-index:100; background:var(--text); color:var(--surface); box-shadow:var(--shadow); border-radius:9px; padding:12px 20px; font-size:12px; max-width:calc(100vw - 32px); margin:0; }
@media(min-width:1600px) { .main-content { padding-top:38px; padding-inline:44px; }.overview-grid { grid-template-columns:1.7fr 1fr; }.shortcut-card { padding:20px; } }
@media(max-width:1200px) { .main-content { padding:25px 22px; }.workspace-header { padding-inline:22px; }.workspace { grid-template-columns:190px minmax(0,1fr); gap:15px; }.data-panel { padding:16px; }.overview-grid { grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); }.shortcut-grid { grid-template-columns:1fr; }.shortcut-card { min-height:69px; padding:12px; }.panel-footer { flex-wrap:wrap; }.session-badge { display:none; }.api-layout { grid-template-columns:210px minmax(0,1fr); }.settings-layout { grid-template-columns:1fr; }.page-heading { align-items:flex-start; }.page-heading>.toolbar { justify-content:flex-end; }.metric-card { padding:16px 13px; }.metric-card p { font-size:9px; } }
@media(max-width:960px) { .mobile-only { display:inline-flex!important; }.workspace-frame { margin-left:0; }.app-sidebar { transform:translateX(-100%); width:255px; z-index:60; transition:transform .18s; box-shadow:var(--shadow); }.app-sidebar.is-open { transform:none; }#close-navigation { position:absolute; top:26px; right:10px; }.brand { padding-left:4px; }.navigation-scrim { display:block; position:fixed; inset:0; z-index:50; background:#10241b80; border:0; border-radius:0; width:100%; height:100%; }.workspace-switch { margin-top:26px; }.skip-link { left:15px; }.main-content { padding:25px; }.workspace-header { padding-inline:20px; }.command-trigger { width:165px; }.overview-grid { grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); } }
@media(max-width:720px) { .main-content { padding:20px 15px; }.workspace-header { height:58px; padding:0 14px; }.header-location,.header-actions { gap:8px; }.breadcrumb-root,.breadcrumb-divider { display:none; }.command-trigger { width:34px; min-height:32px; padding:7px; }.command-trigger span,.command-trigger kbd { display:none; }.command-trigger .icon { width:18px; }.page-heading { flex-direction:column; gap:15px; margin-bottom:20px; }.page-heading>.toolbar { justify-content:flex-start; }.page-heading h1 { font-size:25px; }.metric-grid { grid-template-columns:1fr 1fr; gap:12px; }.metric-card { padding:16px; }.metric-card p { font-size:10px; }.overview-grid { grid-template-columns:1fr; }.shortcut-grid { grid-template-columns:1fr 1fr; }.connection-banner { flex-wrap:wrap; padding:16px; gap:12px; }.connection-banner>div { flex:1; }.connection-banner>button { margin-left:52px; }.connection-banner p { font-size:11px; }.workspace-footer { flex-direction:column; gap:10px; }.workspace { grid-template-columns:1fr; }.resource-sidebar { padding:16px; }.resource-sidebar form { display:flex; align-items:end; gap:12px; flex-wrap:wrap; }.resource-sidebar form>label { flex:1; margin:0; }.resource-sidebar form button { width:auto; margin:0; }.resource-sidebar form small { flex-basis:100%; }.resource-sidebar .discovery-note { margin-top:10px; }.resource-sidebar #collection-list,.resource-sidebar #bucket-list { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }.resource-sidebar:has(li) { max-height:350px; overflow:auto; }.data-panel { padding:16px; }.api-layout,.ai-grid,.schema-form { grid-template-columns:1fr; }#api-workspace,#tools-workspace { padding:16px; }#api-operation-list { max-height:240px; overflow:auto; }.tabs { gap:17px; }#connection-form { grid-template-columns:1fr; }.connection-principles { grid-template-columns:1fr; gap:7px; }.connection-intro { flex-wrap:wrap; }.connection-intro .pill { margin-left:57px; }.setting-row { flex-wrap:wrap; }.setting-row>div { flex-basis:100%; }.request-list li { flex-wrap:wrap; }.request-list time { width:100%; }.panel-heading { padding:17px; gap:8px; }.request-panel .panel-heading { align-items:flex-start; }.request-panel .panel-heading>button { font-size:10px; white-space:nowrap; }.quiet-label { display:none; }.panel-footer { padding:12px 17px; }.shortcuts-dialog { padding:20px; }button { min-height:38px; }.row-actions button { min-height:32px; }.filter-row button { flex-grow:1; } }
@media(max-width:420px) { .shortcut-grid { grid-template-columns:1fr; }.connection-banner>button { margin-left:0; width:100%; }.metric-card p { font-size:9px; }.filter-row label { min-width:100%; }.filter-row>label:nth-of-type(3) { min-width:100%!important; }.connection-intro .pill { margin-left:0; }.keyboard-list>div { flex-wrap:wrap; }.toolbar button { flex-grow:1; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; } }

/* Keep shell labels single-line and focused destinations below the sticky bar. */
.workspace-switch strong,.sidebar-bottom>.quiet-button>span { white-space:nowrap; }
.workspace-switch strong { font-size:10px; }
.sidebar-bottom>.quiet-button>span { font-size:10px; }
html { scroll-padding-top:85px; }
[tabindex="-1"] { scroll-margin-top:85px; }

#record-table thead th:last-child { right:0; z-index:3; box-shadow:-1px 0 var(--line); }
.record-id .record-link { color:var(--accent); font:11px/1.6 ui-monospace,monospace; padding:0; margin:0; max-width:230px; overflow:hidden; text-overflow:ellipsis; justify-content:flex-start; }
.record-id .record-link:hover { text-decoration:underline; }
@media(max-width:720px) { #record-table .row-actions,#record-table thead th:last-child { position:static; box-shadow:none; }.record-id .record-link { min-height:32px; } }

body.navigation-open { overflow:hidden; }

input:not([type=checkbox]),select { font-weight:400; }
input::placeholder,textarea::placeholder { color:var(--muted); }
summary,label,dt,dd { overflow-wrap:anywhere; }