/* Surface-only overrides: drawer insets, widths and resize behavior stay in documents.css. */
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer {
    color: var(--chat-text);
    background: var(--chat-sidebar) !important;
    border-color: transparent !important;
    box-shadow: none;
    font-family: var(--chat-font);
}

html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer :is(.docs-mcp-explorer__head, .docs-mcp-explorer__path, .docs-mcp-explorer-chats__head) {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none;
}
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__head { padding: 12px; gap: 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__head > strong { gap: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__path { margin: 0 12px 14px; padding: 6px 0; gap: 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__path-copy small { font-size: 11px; line-height: 1.5; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__path-copy strong { font-size: 14px; line-height: 1.5; font-weight: 500; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer__content { padding: 0 8px 12px; scrollbar-width: thin; scrollbar-color: var(--chat-line) transparent; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-tabs { margin: 0 12px 12px; padding: 3px; gap: 3px; border: 0; border-radius: 8px; background: var(--chat-raised) !important; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-tabs button { height: 36px; min-height: 36px; font-size: 13px; font-weight: 500; border-radius: 6px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-tabs button.is-active { background: var(--chat-sidebar) !important; color: var(--chat-text) !important; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-tabs button small { font-size: 11px; font-variant-numeric: tabular-nums; }

html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chats__head { min-height: 36px; padding: 0 4px 6px 10px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chats__head > strong { font-size: 12px; font-weight: 400; letter-spacing: 0; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chats__list { gap: 2px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat { min-height: 42px; padding: 1px 4px 1px 8px; grid-template-columns: minmax(0, 1fr) 32px; gap: 0; border-radius: 8px; border: 0 !important; background: transparent !important; transition: background-color 140ms ease; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat:not(:has(.docs-mcp-chat-more)) { grid-template-columns: minmax(0, 1fr); }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat:is(:hover, :focus-within, .is-active) { background: var(--chat-hover) !important; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat__main { min-width: 0; min-height: 40px; grid-template-columns: minmax(0, 1fr); padding: 7px 2px; gap: 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat__main:has(.docs-mcp-inline-spinner) { grid-template-columns: minmax(0, 1fr) 12px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat__main strong { min-width: 0; font-size: 14px; font-weight: 400; line-height: 1.5; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-chat__main > span { display: none; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-dialog-item { grid-template-columns: minmax(0, 1fr) 32px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more { display: grid; place-items: center; width: 32px; height: 38px; padding: 7px; align-self: center; border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--chat-muted); cursor: pointer; transition: opacity 140ms ease, background-color 140ms ease; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more:is(:hover, [aria-expanded="true"]) { background: var(--chat-hover); color: var(--chat-text); }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more:focus-visible { outline: 2px solid var(--chat-muted); outline-offset: -2px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more svg { width: 18px; height: 18px; }
html body .docs-mcp-chat-actions-menu { position: fixed; z-index: 10020; box-sizing: border-box; width: 208px; padding: 4px; overflow: auto; border: 1px solid var(--chat-line); border-radius: 8px; background: var(--chat-surface); color: var(--chat-text); box-shadow: 0 6px 24px #0002; font: 14px/1.4 var(--chat-font); letter-spacing: 0; }
html body .docs-mcp-chat-actions-menu button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; box-shadow: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
html body .docs-mcp-chat-actions-menu button { font-weight: 400 !important; }
html body .docs-mcp-chat-actions-menu button:is(:hover, :focus, :focus-visible) { outline: none !important; box-shadow: none !important; background: var(--chat-hover) !important; }
html body .docs-mcp-chat-actions-menu button::before,
html body .docs-mcp-chat-actions-menu button::after { display: none !important; }
html body .docs-mcp-chat-actions-menu button.is-danger { color: #d95454; }
html body .docs-mcp-chat-actions-menu button:disabled { opacity: .4; cursor: default; }
html body .docs-mcp-chat-actions-menu svg { width: 17px; height: 17px; flex: 0 0 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html body .docs-mcp-chat-actions-menu span { min-width: 0; overflow-wrap: anywhere; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-inline-spinner { width: 12px; height: 12px; flex: 0 0 12px; border-color: var(--chat-line); border-top-color: var(--chat-muted); }

html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file { margin: 0 0 2px; padding: 2px 4px; border-radius: 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-file-list--explorer { gap: 2px; padding-inline: 0; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__main { min-width: 0; min-height: 44px; padding: 5px 2px; gap: 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__icon { width: 22px; height: 22px; flex-basis: 22px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__name { font-size: 14px; line-height: 1.5; font-weight: 400; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__meta { font-size: 11px; line-height: 1.5; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__meta:empty { display: none; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__menu-btn { width: 32px; height: 32px; border-radius: 6px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__menu { border: 1px solid var(--chat-line); border-radius: 8px; background: var(--chat-surface); color: var(--chat-text); box-shadow: 0 8px 24px #0000001a; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__menu button { min-height: 36px; border: 0; background: transparent; color: var(--chat-text); font-size: 13px; font-weight: 400; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__menu button:hover { background: var(--chat-hover); }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-file__menu button.is-danger { color: #d95454; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-upload-drop { padding: 4px 4px 12px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-upload-drop__actions button { min-height: 38px; font-size: 12px; font-weight: 400; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-project-dialogs { margin: 2px 0 12px 16px; padding: 0 0 0 8px; border: 0; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-project-dialog { min-height: 38px; padding: 7px 8px; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-project-dialog__title { font-size: 13px; line-height: 1.5; }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer .docs-mcp-project-dialog__loader { border-color: var(--chat-line); border-top-color: var(--chat-muted); }

/* A single quiet divider keeps the original six-pixel resize target. */
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-resizer::before { background: var(--chat-line); }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer-resizer:is(:hover, :focus-visible)::before,
html body #app-container #documents-container.docs-provider-mcp .is-resizing-explorer .docs-mcp-explorer-resizer::before { background: var(--chat-muted); }
html body #app-container #documents-container.docs-provider-mcp .docs-mcp-workspace-topbar { border-bottom-color: transparent; box-shadow: none; }

@media (hover: hover) and (pointer: fine) {
    html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more { opacity: 0; }
    html body #app-container #documents-container.docs-provider-mcp :is(.docs-mcp-explorer-chat, .docs-mcp-dialog-item):is(:hover, :focus-within, .is-active) .docs-mcp-chat-more,
    html body #app-container #documents-container.docs-provider-mcp .docs-mcp-chat-more[aria-expanded="true"] { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    html body #app-container #documents-container.docs-provider-mcp .docs-mcp-explorer :is(button, .docs-mcp-explorer-chat) { transition: none; }
}