/* ===========================================================================
   view-vscode.css · Explorer + editor (files) · Source Control + diff (git)
   =========================================================================== */
.view-vscode { display: flex; width: 100%; }
.view-vscode .wb { width: 100%; }

.vsc-side { width: 252px; flex: none; background: var(--bg-elev); border-right: 1px solid var(--border); font-size: 0.82rem; overflow: auto; }
.vsc-side-t { padding: 9px 16px 6px; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--fg-muted); }
.vsc-side-sec { display: flex; align-items: center; gap: 4px; padding: 3px 10px; font-size: 0.72rem; color: var(--fg-muted); }
.vsc-side-sec b { color: var(--fg); font-weight: 700; letter-spacing: 0.03em; }
.vsc-side-sec .ic { width: 14px; height: 14px; }
.vsc-scm-count { margin-left: auto; background: var(--bg-inset); border-radius: 999px; padding: 0 7px; font-size: 0.7rem; }
.vsc-scm-msg { margin: 4px 10px 6px; padding: 5px 8px; border: 1px solid var(--border); border-radius: 3px; color: var(--fg-muted); font-size: 0.78rem; background: var(--bg); font-family: var(--font-mono); }

.vsc-editor { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--bg); overflow: hidden; }
.vsc-editor .code { padding: 8px 0; flex: 1; min-height: 0; overflow: auto; }
.vsc-editor .split { flex: 1; min-height: 0; overflow: auto; }
.vsc-diffhead { display: flex; align-items: center; gap: 8px; padding: 6px 14px; background: var(--bg-inset); border-bottom: 1px solid var(--border); font-size: 0.78rem; color: var(--fg-muted); }
.vsc-dh-name { display: flex; align-items: center; gap: 6px; color: var(--fg); }
.vsc-dh-name .ic { width: 14px; height: 14px; }
.vsc-dh-tag { margin-left: 8px; padding: 1px 7px; border: 1px solid var(--border); border-radius: 3px; font-size: 0.7rem; }
.vsc-preview { flex: 1; min-height: 0; padding: 24px 32px; max-width: 920px; overflow: auto; }
.vsc-listpane { padding: 20px 28px; }

/* vscode diff: clean green/red bands, hairline center gap */
.view-vscode .split-row { grid-template-columns: 44px minmax(0, 1fr) 1px 44px minmax(0, 1fr); }
.view-vscode .split-mid { width: 1px; background: var(--border); }
.view-vscode .commits--graph { padding: 4px 0; }