/* AUTO-GENERATED — do not edit by hand.
 * Regenerate: python scripts/build_app_shell_bundle.py
 * Source: assets/css/app_shell.integrations.css
 * Core layer bundle: integrations
 * Feature bundles: app_shell.platform/pages/dashboard.bundle.css
 * L1 only — settings: settings.bundle.css · plugins: /assets/plugins/<id>/
 */
/* App Shell — 集成层（插件占位 + 第三方覆盖）→ app_shell.integrations.bundle.css */

/* === import from ./app_shell/integrations/index.css (index.css) */
/* 壳层集成：插件内联占位 + 第三方库覆盖 */

/* === import from ./plugins-embed.css (plugins-embed.css) */
/* L2 内联模式：由 --embed-plugins 构建时 @import _plugins.generated.css */

/* === import from ../../_plugins.generated.css (_plugins.generated.css) */
/* AUTO-GENERATED — do not edit by hand.
 * Regenerate: python scripts/build_app_shell_bundle.py
 * L2 plugin styles load at runtime from plugins/<id>/assets/css/.
 * (no embedded plugin stylesheets)
 */





/* === import from ./overrides/index.css (index.css) */
/*
   Third-Party Library Overrides
   Add new library overrides here to keep them organized.
*/

/* === import from ./react-select/index.css (index.css) */
/*
   React-Select Dark Theme Override

   Apply the 'dark-dropdown' class to the parent container.
   Usage: <div className="dark-dropdown"><Select ... /></div>
*/

/* === import from ./control.css (control.css) */
/* Control (Main Input Box) */
.dark-dropdown .Select-control {
    background-color: var(--bg1) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
    border-radius: 12px !important;
    height: 42px !important;
}

/* Placeholder & Selected Value */
.dark-dropdown .Select-placeholder,
.dark-dropdown .Select-value-label {
    color: var(--text) !important;
    line-height: 42px !important;
}



/* === import from ./menu.css (menu.css) */
/* Dropdown Menu */
.dark-dropdown .Select-menu-outer {
    background-color: var(--bg1) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
    border-radius: 12px !important;
    margin-top: 4px !important;
    box-shadow: var(--shadow2) !important;
}



/* === import from ./options.css (options.css) */
/* Menu Options */
.dark-dropdown .Select-option {
    background-color: transparent !important;
    color: var(--text) !important;
}

/* Focused/Hovered Option */
.dark-dropdown .Select-option.is-focused {
    background-color: var(--panel) !important;
    color: #fff !important;
}

/* Arrow & Clear Icons */
.dark-dropdown .Select-arrow-zone,
.dark-dropdown .Select-clear-zone {
    color: var(--muted) !important;
}





/*
   Example:
   @import './react-datepicker/index.css';
   @import './react-table/index.css';
*/