/* Explorer light-mode overrides — reuses --de-* tokens from diagramstore-planner-theme.css */

html[data-planner-theme="light"] .explorer-shell .explorer-topbar,
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar,
html[data-planner-theme="light"] .explorer-shell .explorer-translate-bar,
html[data-planner-theme="light"] .explorer-shell .explorer-diagram-actions,
html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb,
html[data-planner-theme="light"] .explorer-shell .explorer-followup,
.explorer-shell[data-theme="light"] .explorer-topbar,
.explorer-shell[data-theme="light"] .explorer-sidebar,
.explorer-shell[data-theme="light"] .explorer-translate-bar,
.explorer-shell[data-theme="light"] .explorer-diagram-actions,
.explorer-shell[data-theme="light"] .explorer-breadcrumb,
.explorer-shell[data-theme="light"] .explorer-followup {
    box-shadow: var(--de-shadow-panel);
}

html[data-planner-theme="light"] .explorer-shell .explorer-topbar,
.explorer-shell[data-theme="light"] .explorer-topbar {
    box-shadow: var(--de-shadow-soft);
}

html[data-planner-theme="light"] .explorer-shell .explorer-canvas-host,
.explorer-shell[data-theme="light"] .explorer-canvas-host {
    box-shadow: var(--de-shadow-soft);
}

html[data-planner-theme="light"] .explorer-shell .explorer-tab,
.explorer-shell[data-theme="light"] .explorer-tab {
    color: var(--de-text-muted);
}

html[data-planner-theme="light"] .explorer-shell .explorer-tab:hover,
.explorer-shell[data-theme="light"] .explorer-tab:hover {
    background: var(--de-btn-bg-hover);
    color: var(--de-text);
}

html[data-planner-theme="light"] .explorer-shell .explorer-tab.is-active,
.explorer-shell[data-theme="light"] .explorer-tab.is-active {
    color: #92400e;
    background: rgba(217, 119, 6, 0.18);
    border-color: rgba(180, 83, 9, 0.48);
    box-shadow: inset 0 0 0 1px rgba(180, 83, 9, 0.14);
    font-weight: 700;
}

html[data-planner-theme="light"] .explorer-shell .explorer-type-btn,
html[data-planner-theme="light"] .explorer-shell .explorer-history-item,
html[data-planner-theme="light"] .explorer-shell .explorer-draft-search-item,
.explorer-shell[data-theme="light"] .explorer-type-btn,
.explorer-shell[data-theme="light"] .explorer-history-item,
.explorer-shell[data-theme="light"] .explorer-draft-search-item {
    color: var(--de-text);
    background: var(--de-btn-bg);
    border-color: var(--de-btn-border);
    box-shadow: var(--de-shadow-soft);
}

html[data-planner-theme="light"] .explorer-shell .explorer-history-time,
html[data-planner-theme="light"] .explorer-shell .explorer-history-empty,
html[data-planner-theme="light"] .explorer-shell .explorer-search-label,
html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb-prefix,
.explorer-shell[data-theme="light"] .explorer-history-time,
.explorer-shell[data-theme="light"] .explorer-history-empty,
.explorer-shell[data-theme="light"] .explorer-search-label,
.explorer-shell[data-theme="light"] .explorer-breadcrumb-prefix {
    color: var(--de-text-muted);
}

html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb,
.explorer-shell[data-theme="light"] .explorer-breadcrumb {
    color: var(--de-text-muted);
    background: var(--de-surface-raised);
}

html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb-item,
.explorer-shell[data-theme="light"] .explorer-breadcrumb-item {
    color: var(--de-accent-text);
}

html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb-item.is-current,
.explorer-shell[data-theme="light"] .explorer-breadcrumb-item.is-current {
    color: var(--de-text-strong);
}

html[data-planner-theme="light"] .explorer-shell .explorer-breadcrumb-sep,
.explorer-shell[data-theme="light"] .explorer-breadcrumb-sep {
    color: var(--de-text-faint);
}

html[data-planner-theme="light"] .explorer-shell .explorer-empty-title,
.explorer-shell[data-theme="light"] .explorer-empty-title {
    color: var(--de-text-strong);
}

html[data-planner-theme="light"] .explorer-shell .explorer-empty-hint,
html[data-planner-theme="light"] .explorer-shell .explorer-empty-shortcuts,
.explorer-shell[data-theme="light"] .explorer-empty-hint,
.explorer-shell[data-theme="light"] .explorer-empty-shortcuts {
    color: var(--de-text-muted);
}

html[data-planner-theme="light"] .explorer-shell .explorer-toolbar,
.explorer-shell[data-theme="light"] .explorer-toolbar {
    background: var(--de-surface-raised);
    border-right-color: var(--de-border);
}

html[data-planner-theme="light"] .explorer-shell .explorer-tool-btn,
.explorer-shell[data-theme="light"] .explorer-tool-btn {
    color: var(--de-btn-text);
    background: var(--de-btn-bg);
    border-color: var(--de-btn-border);
    box-shadow: var(--de-shadow-soft);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html[data-planner-theme="light"] .explorer-shell .explorer-tool-btn:hover,
.explorer-shell[data-theme="light"] .explorer-tool-btn:hover {
    background: var(--de-btn-bg-hover);
    border-color: var(--de-border-strong);
}

html[data-planner-theme="light"] .explorer-shell .explorer-error,
.explorer-shell[data-theme="light"] .explorer-error {
    color: var(--de-red-text);
    background: var(--de-red-bg);
    border-bottom-color: var(--de-red-border);
}

html[data-planner-theme="light"] .explorer-shell .explorer-info,
.explorer-shell[data-theme="light"] .explorer-info {
    color: var(--de-green-text);
    background: var(--de-green-bg);
    border-bottom-color: var(--de-green-border);
}

html[data-planner-theme="light"] .explorer-shell .explorer-followup-label,
.explorer-shell[data-theme="light"] .explorer-followup-label {
    color: var(--de-text-subtle);
}

html[data-planner-theme="light"] .explorer-shell .explorer-followup-chip,
.explorer-shell[data-theme="light"] .explorer-followup-chip {
    color: var(--de-text);
    background: var(--de-btn-bg);
    border-color: var(--de-btn-border);
}

html[data-planner-theme="light"] .explorer-shell .explorer-busy-overlay,
.explorer-shell[data-theme="light"] .explorer-busy-overlay {
    background: var(--de-overlay);
}

html[data-planner-theme="light"] .explorer-shell .explorer-limit-overlay::before,
.explorer-shell[data-theme="light"] .explorer-limit-overlay::before {
    background: var(--de-overlay);
}

html[data-planner-theme="light"] .explorer-shell .explorer-sidebar-overlay.open,
.explorer-shell[data-theme="light"] .explorer-sidebar-overlay.open {
    background: var(--de-overlay);
}

/* Beat diagramstore-dark-inputs.css in light mode (higher specificity) */
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"],
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar input.explorer-search-input[type="search"],
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-followup-input[type="text"],
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"],
.explorer-shell[data-theme="light"] .explorer-sidebar input.explorer-search-input[type="search"],
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-followup-input[type="text"] {
    color: var(--de-input-text) !important;
    -webkit-text-fill-color: var(--de-input-text) !important;
    caret-color: var(--de-caret) !important;
    background-color: var(--de-input-bg) !important;
    border-color: var(--de-input-border) !important;
    color-scheme: light;
}

html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]::placeholder,
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar input.explorer-search-input[type="search"]::placeholder,
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-followup-input[type="text"]::placeholder,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]::placeholder,
.explorer-shell[data-theme="light"] .explorer-sidebar input.explorer-search-input[type="search"]::placeholder,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-followup-input[type="text"]::placeholder {
    color: var(--de-input-placeholder) !important;
    -webkit-text-fill-color: var(--de-input-placeholder) !important;
    opacity: 1 !important;
}

html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]:focus,
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar input.explorer-search-input[type="search"]:focus,
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-followup-input[type="text"]:focus,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]:focus,
.explorer-shell[data-theme="light"] .explorer-sidebar input.explorer-search-input[type="search"]:focus,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-followup-input[type="text"]:focus {
    color: var(--de-input-text) !important;
    -webkit-text-fill-color: var(--de-input-text) !important;
    caret-color: var(--de-caret) !important;
    background-color: var(--de-input-bg) !important;
    border-color: var(--de-accent-border) !important;
    box-shadow: 0 0 0 1px var(--de-focus-ring-soft) !important;
}

html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]:-webkit-autofill,
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar input.explorer-search-input[type="search"]:-webkit-autofill,
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-followup-input[type="text"]:-webkit-autofill,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]:-webkit-autofill,
.explorer-shell[data-theme="light"] .explorer-sidebar input.explorer-search-input[type="search"]:-webkit-autofill,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-followup-input[type="text"]:-webkit-autofill {
    -webkit-text-fill-color: var(--de-input-text) !important;
    caret-color: var(--de-caret) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--de-input-bg) inset !important;
}

html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]::selection,
html[data-planner-theme="light"] .explorer-shell .explorer-sidebar input.explorer-search-input[type="search"]::selection,
html[data-planner-theme="light"] .explorer-shell .explorer-canvas-area .explorer-followup-input[type="text"]::selection,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-topbar input#explorer-prompt.explorer-prompt-input[type="text"]::selection,
.explorer-shell[data-theme="light"] .explorer-sidebar input.explorer-search-input[type="search"]::selection,
.explorer-shell[data-theme="light"] .explorer-canvas-area .explorer-followup-input[type="text"]::selection {
    background-color: var(--de-selection-bg);
    color: var(--de-text-strong);
}