/**
 * 场景搭建 · 绿色玻璃风工作区（v2）
 * 覆盖 jms_studio_workspace_glass 深色渐变，与左栏/弹窗绿色体系一致
 */
body.lth-studio-v2.lth-hub-jmeter-tab {
    --ws-green-50: #ecfdf5;
    --ws-green-100: #d1fae5;
    --ws-green-200: #a7f3d0;
    --ws-green-400: #34d399;
    --ws-green-500: #10b981;
    --ws-green-600: #059669;
    --ws-green-700: #047857;
    --ws-green-800: #065f46;
    --ws-green-900: #064e3b;
    --ws-glass-border: rgba(16, 185, 129, 0.28);
    --ws-glass-shadow: 0 8px 32px rgba(5, 150, 105, 0.1), 0 0 0 1px rgba(16, 185, 129, 0.06);
}

/* ---- 整页底色：柔和绿灰，减轻对比 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab {
    background-color: #f4fbf7 !important;
    color: var(--ws-green-900) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-jmeter-page__bg {
    background-color: #ecfdf5 !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-jmeter-page__bg-scrim {
    background:
        linear-gradient(180deg, rgba(236, 253, 245, 0.72) 0%, rgba(209, 250, 229, 0.55) 45%, rgba(240, 253, 250, 0.65) 100%),
        radial-gradient(ellipse 90% 60% at 50% -5%, rgba(52, 211, 153, 0.22), transparent 62%),
        radial-gradient(ellipse 70% 50% at 100% 100%, rgba(45, 212, 191, 0.14), transparent 55%) !important;
}

/* ---- 场景搭建主面板：浅绿玻璃 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 0.55rem 0.6rem 0.65rem !important;
    border-radius: 1rem !important;
    border: 1px solid var(--ws-glass-border) !important;
    background:
        radial-gradient(ellipse 120% 80% at 100% -15%, rgba(52, 211, 153, 0.2) 0%, transparent 55%),
        radial-gradient(ellipse 90% 70% at -10% 110%, rgba(45, 212, 191, 0.16) 0%, transparent 50%),
        linear-gradient(
            168deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(236, 253, 245, 0.88) 42%,
            rgba(209, 250, 229, 0.78) 100%
        ) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
    box-shadow: var(--ws-glass-shadow) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 1 !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, transparent 42%),
        repeating-linear-gradient(
            -45deg,
            rgba(16, 185, 129, 0.025) 0,
            rgba(16, 185, 129, 0.025) 1px,
            transparent 1px,
            transparent 10px
        ) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white::after {
    content: none !important;
    display: none !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white > * {
    position: relative !important;
    z-index: 1 !important;
}

/* ---- 标题与工具栏 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-section-head.lth-studio-workspace__head {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 0.4rem !important;
    margin-bottom: 0.3rem !important;
    border-bottom: 1px solid rgba(16, 185, 129, 0.12) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-section-title {
    color: var(--ws-green-800) !important;
    font-weight: 800 !important;
    letter-spacing: 0.015em !important;
    text-shadow: none !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-studio-plan-toolbar {
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(16, 185, 129, 0.22) !important;
    border-radius: 10px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

/* ---- 内容层透明 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white #jms-visual-wrap,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white #jms-plans-container,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-plan-card,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-plan-tgs {
    background: transparent !important;
    background-color: transparent !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-canvas {
    background: transparent !important;
}

/* ---- 树形工作台内层：绿色玻璃卡片 ---- */
body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-workspace {
    padding: 0.55rem 0.5rem 0.6rem !important;
    gap: 0.65rem !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-nav {
    border: 1px solid rgba(16, 185, 129, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(236, 253, 245, 0.88) 100%) !important;
    box-shadow: 0 4px 16px rgba(5, 150, 105, 0.08) !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-nav__head {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%) !important;
    border-bottom-color: rgba(16, 185, 129, 0.14) !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-nav__title {
    color: var(--ws-green-800) !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-block--tree {
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 18px rgba(5, 150, 105, 0.07) !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-head {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.92) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
    border-bottom-color: rgba(16, 185, 129, 0.12) !important;
}

body.lth-tg-view-tree.lth-hub-jmeter-tab .jms-tg-tree-steps {
    background: rgba(248, 253, 250, 0.55) !important;
}

/* ---- YAML 编辑模式 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab.lth-editor-yaml .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white {
    background: linear-gradient(
        168deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(236, 253, 245, 0.92) 55%,
        rgba(209, 250, 229, 0.88) 100%
    ) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab.lth-editor-yaml .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white .jms-section-title {
    color: var(--ws-green-800) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab.lth-editor-yaml .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white::before {
    opacity: 0.55 !important;
}

/* ---- YAML 隐藏切换 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white #jms-visual-wrap.hidden {
    display: none !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope section.lth-studio-workspace.rounded-2xl.border.border-slate-200.bg-white #jms-yaml-wrap:not(.hidden) {
    display: block !important;
}

/* ============================================================
 * 压测场景工作台 · 顶栏 + Shell 绿色玻璃风（v2 扩展）
 * ============================================================ */

body.lth-studio-v2.lth-hub-jmeter-tab .lth-jmeter-page__bg-img {
    opacity: 0.12 !important;
    filter: saturate(0.85) hue-rotate(-8deg) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope,
body.lth-studio-v2.lth-hub-jmeter-tab .jms-page-main,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-tab-wrap {
    background: transparent !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-shell {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-body {
    gap: 0.55rem !important;
    background: transparent !important;
}

/* ---- 顶栏「压测场景工作台」：浅绿玻璃，替代深色 hero ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .lth-studio-topbar.hf-jmeter-hero,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .hf-jmeter-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin-bottom: 0.45rem !important;
    padding: 0.45rem 0.85rem !important;
    border-radius: 0.85rem !important;
    border: 1px solid var(--ws-glass-border) !important;
    color: var(--ws-green-800) !important;
    background:
        radial-gradient(ellipse 100% 90% at 100% 0%, rgba(52, 211, 153, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 80% 70% at 0% 100%, rgba(45, 212, 191, 0.14) 0%, transparent 50%),
        linear-gradient(
            168deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(236, 253, 245, 0.9) 50%,
            rgba(209, 250, 229, 0.82) 100%
        ) !important;
    backdrop-filter: blur(16px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
    box-shadow:
        0 4px 20px rgba(5, 150, 105, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .hf-jmeter-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 1 !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, transparent 48%),
        repeating-linear-gradient(
            90deg,
            rgba(16, 185, 129, 0.02) 0,
            rgba(16, 185, 129, 0.02) 1px,
            transparent 1px,
            transparent 12px
        ) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .hf-jmeter-hero__row,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .hf-jmeter-hero__main,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .lth-studio-topbar__inner {
    position: relative !important;
    z-index: 1 !important;
}

/* ---- 场景模板下拉：展开时不裁剪、浮于下方工作区之上 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .lth-studio-topbar.hf-jmeter-hero:has(.lth-tpl-combobox.is-open),
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .hf-jmeter-hero:has(.lth-tpl-combobox.is-open) {
    overflow: visible !important;
    z-index: 60 !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .lth-studio-topbar.hf-jmeter-hero:has(.lth-tpl-combobox.is-open) .hf-jmeter-hero__row,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .lth-studio-topbar.hf-jmeter-hero:has(.lth-tpl-combobox.is-open) .lth-studio-topbar__inner {
    overflow: visible !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #tpl-select-wrap {
    position: relative !important;
    z-index: 2 !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-tpl-combobox.is-open {
    z-index: 3 !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-tpl-combobox__menu {
    z-index: 80 !important;
    max-height: min(16rem, 52vh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar__eyebrow {
    display: block !important;
    margin: 0 !important;
    font-size: 0.8125rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: var(--ws-green-800) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--ws-green-800) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-nav-collapse-btn--plan-nav {
    width: 1.65rem !important;
    height: 1.65rem !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: var(--ws-green-700) !important;
    box-shadow: 0 1px 3px rgba(5, 150, 105, 0.08) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-nav-collapse-btn--plan-nav:hover {
    background: var(--ws-green-50) !important;
    border-color: rgba(16, 185, 129, 0.42) !important;
    color: var(--ws-green-800) !important;
}

body.lth-studio-v2.lth-nav-collapsed.lth-hub-jmeter-tab .lth-nav-collapse-btn--plan-nav {
    border-color: rgba(16, 185, 129, 0.38) !important;
    background: rgba(236, 253, 245, 0.92) !important;
    color: var(--ws-green-800) !important;
}

/* ---- Tab 切换：绿色玻璃胶囊 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode-switch--compact {
    padding: 0.14rem !important;
    border-radius: 0.6rem !important;
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact {
    color: var(--ws-green-700) !important;
    border-radius: 0.45rem !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact:not(.tc-hub-mode--active):hover {
    background: rgba(236, 253, 245, 0.85) !important;
    color: var(--ws-green-800) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact.tc-hub-mode--active,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact.tc-hub-mode--active:hover {
    background: linear-gradient(135deg, var(--ws-green-500), var(--ws-green-600)) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.28) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact.tc-hub-mode--active .tc-hub-mode__title {
    color: #fff !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-hub-scope .tc-hub-mode--compact .tc-hub-mode__icon {
    color: inherit !important;
}

/* ---- 操作流程步骤 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-steps {
    display: flex !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-step {
    color: var(--ws-green-700) !important;
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(16, 185, 129, 0.18) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-step--active {
    color: var(--ws-green-800) !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.32) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-step__num {
    background: rgba(16, 185, 129, 0.14) !important;
    color: var(--ws-green-700) !important;
    border: 1px solid rgba(16, 185, 129, 0.22) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-step--active .lth-studio-step__num {
    background: var(--ws-green-600) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ---- 场景模板选择 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar__tpl-label {
    color: var(--ws-green-700) !important;
    opacity: 1 !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #tpl-select,
body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar .lth-tpl-combobox__trigger {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(16, 185, 129, 0.24) !important;
    color: var(--ws-green-800) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #tpl-select:focus {
    border-color: rgba(16, 185, 129, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.12) !important;
    outline: none !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-nav-collapse-btn--workspace {
    border-color: rgba(16, 185, 129, 0.28) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--ws-green-700) !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-nav-collapse-btn--workspace:hover {
    border-color: rgba(16, 185, 129, 0.42) !important;
    background: var(--ws-green-50) !important;
    color: var(--ws-green-800) !important;
}

/* ---- 顶栏「清空重做」：与场景模板同行 ---- */
body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #btn-scenario-reset {
    border-radius: 0.5rem !important;
    border: 1px solid rgba(248, 113, 113, 0.38) !important;
    background: rgba(254, 242, 242, 0.94) !important;
    color: #b91c1c !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 0.34rem 0.62rem !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(185, 28, 28, 0.08) !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #btn-scenario-reset:hover {
    background: #fee2e2 !important;
    border-color: rgba(239, 68, 68, 0.52) !important;
    color: #991b1b !important;
}

body.lth-studio-v2.lth-hub-jmeter-tab .lth-studio-topbar #btn-scenario-reset:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.32) !important;
}