/* =============================================================
 * VIP Chart Terminal — D+ 5-class taskCategory grouping
 * 2026-05-12
 *
 * 配套 js/vip-chart-terminal-indicator-d-plus.js 的视觉样式：
 *   1. 5 个 super-tabs（结构/形态/趋势/量价/工具）
 *   2. 指标卡片右上 Pro 徽章
 *   3. .is-d-plus-hidden 隐藏类
 *   4. 跨类跳转 hint + 空状态
 *   5. 底部 Pro 升级 hero 横幅
 *   6. 智能推荐 banner（占位）
 *
 * 设计原则：
 *   - 跟现有 tv-topbar 配色系统对齐（accent #2962ff）
 *   - 暗色模式专门覆盖（body.is-night-mode）
 *   - 仅作用于 .td-vip-indicator-popover--d-plus，不影响其它面板
 * ============================================================= */

/* ——————————————————————————————————————————————————————
 * 1. 搜索 DOM 保留但默认隐藏
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-search-wrap[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-category-tabs--legacy[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation[hidden],
.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero[hidden] {
    display: none !important;
}

.td-vip-indicator-popover--d-plus,
.td-vip-indicator-popover--d-plus * {
    box-sizing: border-box;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: #94a3b8;
    pointer-events: none;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-input {
    width: 100%;
    min-height: 34px;
    padding: 6px 32px 6px 32px;
    border: 1px solid #dbe7f4;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 13px;
    font-family: inherit;
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
    outline: none;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-input::placeholder {
    color: #94a3b8;
    font-size: 12.5px;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-input:focus {
    border-color: #2962ff;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.12);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.18);
    color: #475569;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 140ms ease;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear:hover {
    background: rgba(148, 163, 184, 0.34);
    color: #1e293b;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.18);
}

/* ——————————————————————————————————————————————————————
 * 2. 5 个 super-tabs
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    margin: 0 0 8px;
    padding: 0;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tabs::-webkit-scrollbar,
.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites::-webkit-scrollbar {
    display: none;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 50px;
    padding: 6px 4px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    overflow: hidden;
    font-family: inherit;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px -2px rgba(15, 23, 42, 0.08);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab:focus-visible {
    outline: none;
    border-color: #2962ff;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.18);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active {
    background: linear-gradient(180deg, #2962ff 0%, #1e4dd1 100%);
    border-color: #2962ff;
    color: #ffffff;
    box-shadow: 0 3px 8px -2px rgba(41, 98, 255, 0.36);
}

.td-vip-indicator-popover--d-plus .td-vip-task-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.td-vip-indicator-popover--d-plus .td-vip-task-tab-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.td-vip-indicator-popover--d-plus .td-vip-task-tab-label {
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.2;
}

.td-vip-indicator-popover--d-plus .td-vip-task-tab-count {
    position: absolute;
    top: 4px;
    right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.td-vip-indicator-popover--d-plus .td-vip-task-tab-count.has-pro {
    border-color: rgba(245, 158, 11, 0.28);
    background: #fff7ed;
    color: #b45309;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active .td-vip-task-tab-count {
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 9px;
    padding: 7px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    overflow-x: auto;
    scrollbar-width: none;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites-label {
    flex: 0 0 auto;
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-chip {
    flex: 0 0 auto;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(41, 98, 255, 0.18);
    border-radius: 7px;
    background: #ffffff;
    color: #1d4ed8;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-chip:hover {
    border-color: #2962ff;
    background: rgba(41, 98, 255, 0.08);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-chip:focus-visible {
    outline: none;
    border-color: #2962ff;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.16);
}

/* ——————————————————————————————————————————————————————
 * 3. 指标卡片 Pro 徽章
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 18px;
    margin-left: 6px;
    padding: 0 7px;
    border-radius: 9px;
    background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(234, 88, 12, 0.32);
    pointer-events: auto;
    cursor: help;
    flex-shrink: 0;
}

/* 卡片 head 内的 Pro 徽章：绝对定位到右上角 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-head,
.td-vip-indicator-popover--d-plus .td-vip-indicator-title-wrap,
.td-vip-indicator-popover--d-plus .td-vip-indicator-card-head,
.td-vip-indicator-popover--d-plus .td-vip-ta-card-head,
.td-vip-indicator-popover--d-plus .td-vip-indicator-card-title-wrap {
    position: relative;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-head > .td-vip-indicator-pro-badge,
.td-vip-indicator-popover--d-plus .td-vip-indicator-title-wrap > .td-vip-indicator-pro-badge,
.td-vip-indicator-popover--d-plus .td-vip-indicator-card-head > .td-vip-indicator-pro-badge,
.td-vip-indicator-popover--d-plus .td-vip-ta-card-head > .td-vip-indicator-pro-badge,
.td-vip-indicator-popover--d-plus .td-vip-indicator-card-title-wrap > .td-vip-indicator-pro-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    margin-left: 0;
}

/* Pro 卡片整体微调（保留点击高亮 / 升级 CTA 触发） */
.td-vip-indicator-popover--d-plus .is-d-plus-pro {
    border-color: rgba(245, 158, 11, 0.32) !important;
}

.td-vip-indicator-popover--d-plus .is-d-plus-pro:hover {
    border-color: rgba(245, 158, 11, 0.55) !important;
    box-shadow: 0 4px 10px -3px rgba(245, 158, 11, 0.22) !important;
}

.td-vip-indicator-popover--d-plus .is-d-plus-pro.is-locked {
    background:
        linear-gradient(180deg, rgba(255, 247, 237, 0.96), rgba(255, 255, 255, 0.98)) !important;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-item,
.td-vip-indicator-popover--d-plus .td-vip-ta-card {
    position: relative;
}

.td-vip-indicator-popover--d-plus .has-d-plus-favorite .td-vip-indicator-head,
.td-vip-indicator-popover--d-plus .has-d-plus-favorite .td-vip-ta-card-head {
    padding-left: 28px;
}

.td-vip-indicator-popover--d-plus .has-d-plus-pro-badge .td-vip-indicator-title-wrap,
.td-vip-indicator-popover--d-plus .has-d-plus-pro-badge .td-vip-ta-card-title-wrap {
    padding-right: 42px;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    color: #94a3b8;
    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn:hover,
.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn.is-active {
    border-color: rgba(245, 158, 11, 0.54);
    background: #fff7ed;
    color: #f59e0b;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.24);
}

.td-vip-indicator-popover--d-plus .is-d-plus-focused {
    outline: 2px solid rgba(41, 98, 255, 0.42);
    outline-offset: 2px;
}

/* ——————————————————————————————————————————————————————
 * 4. 隐藏类（搜索 / 过滤）
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .is-d-plus-hidden {
    display: none !important;
}

/* ——————————————————————————————————————————————————————
 * 5. 跨类跳转 hint + 空状态
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 10px 0;
    padding: 10px 14px;
    border: 1px dashed #2962ff;
    border-radius: 8px;
    background: rgba(41, 98, 255, 0.06);
    color: #1e4dd1;
    font-family: inherit;
    font-size: 12.5px;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint:hover {
    background: rgba(41, 98, 255, 0.12);
    border-color: #1e4dd1;
    transform: translateY(-1px);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.24);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint strong {
    font-weight: 700;
    color: #0f172a;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-icon,
.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state .td-vip-indicator-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-cross-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 28px 16px;
    color: #64748b;
    text-align: center;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state .td-vip-indicator-empty-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(41, 98, 255, 0.08);
    color: #2962ff;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state .td-vip-indicator-empty-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state strong {
    color: #0f172a;
    font-size: 13.5px;
    font-weight: 700;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state p {
    margin: 0;
    font-size: 12px;
    color: #64748b;
}

/* ——————————————————————————————————————————————————————
 * 6. 底部 Pro 升级 hero 横幅
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0 4px;
    padding: 14px 16px;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 10px;
    background:
        radial-gradient(120% 100% at 0% 0%, rgba(245, 158, 11, 0.10), transparent 60%),
        linear-gradient(135deg, #fff8eb 0%, #ffffff 100%);
    box-shadow: 0 2px 8px -2px rgba(245, 158, 11, 0.16);
    transition: transform 140ms ease, box-shadow 140ms ease;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px -3px rgba(245, 158, 11, 0.28);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
    color: #ffffff;
    font-size: 18px;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.24);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-title {
    color: #b45309;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-title span {
    display: inline-block;
    min-width: 22px;
    padding: 0 6px;
    margin-right: 2px;
    border-radius: 4px;
    background: #f59e0b;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-desc {
    color: #92400e;
    font-size: 11.5px;
    line-height: 1.4;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.32);
    transition: transform 140ms ease, box-shadow 140ms ease;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.42);
    color: #ffffff;
    text-decoration: none;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.34), 0 4px 10px rgba(234, 88, 12, 0.42);
}

/* ——————————————————————————————————————————————————————
 * 7. D+ 场景视图 + 智能推荐 banner
 * ——————————————————————————————————————————————————————
 */
.td-vip-indicator-popover--d-plus .td-vip-indicator-list--d-plus {
    display: block;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-task-view {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 11px 13px;
    border: 1px solid rgba(41, 98, 255, 0.14);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(41, 98, 255, 0.07) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro span {
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.45;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 0 2px;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head span {
    max-width: 72%;
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
    text-align: right;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-section--ta .td-vip-ta-card-grid {
    gap: 6px;
}

.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item {
    width: 100%;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 12px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
    color: #1e3a8a;
    font-size: 12px;
    line-height: 1.4;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation strong {
    grid-column: 1 / -1;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation span {
    min-width: 0;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation button {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(41, 98, 255, 0.22);
    border-radius: 7px;
    background: #ffffff;
    color: #1d4ed8;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 750;
    cursor: pointer;
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation button:hover {
    border-color: #2962ff;
    background: rgba(41, 98, 255, 0.08);
}

.td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation button:focus-visible {
    outline: none;
    border-color: #2962ff;
    box-shadow: 0 0 0 3px rgba(41, 98, 255, 0.18);
}

/* ——————————————————————————————————————————————————————
 * 8. 暗色模式覆盖
 * ——————————————————————————————————————————————————————
 */
body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-search-input {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(100, 116, 139, 0.42);
    color: #f1f5f9;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-search-input::placeholder {
    color: rgba(148, 163, 184, 0.7);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-search-input:focus {
    background: rgba(15, 23, 42, 0.85);
    border-color: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-search-icon {
    color: rgba(148, 163, 184, 0.7);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear {
    background: rgba(148, 163, 184, 0.24);
    color: #cbd5e1;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
    background: rgba(30, 41, 59, 0.55);
    border-color: rgba(100, 116, 139, 0.45);
    color: #cbd5e1;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab:hover {
    background: rgba(30, 41, 59, 0.78);
    border-color: rgba(148, 163, 184, 0.55);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #38bdf8;
    color: #ffffff;
    box-shadow: 0 3px 8px -2px rgba(56, 189, 248, 0.36);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-task-tab-count {
    border-color: rgba(100, 116, 139, 0.42);
    background: rgba(15, 23, 42, 0.72);
    color: rgba(203, 213, 225, 0.76);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-task-tab-count.has-pro {
    border-color: rgba(245, 158, 11, 0.40);
    background: rgba(120, 53, 15, 0.50);
    color: #fbbf24;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active .td-vip-task-tab-count {
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorites {
    border-color: rgba(100, 116, 139, 0.42);
    background: rgba(30, 41, 59, 0.55);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorites-label {
    color: rgba(203, 213, 225, 0.76);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-chip {
    border-color: rgba(125, 211, 252, 0.22);
    background: rgba(15, 23, 42, 0.68);
    color: #bfdbfe;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn {
    border-color: rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.72);
    color: rgba(203, 213, 225, 0.70);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn:hover,
body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-btn.is-active {
    border-color: rgba(245, 158, 11, 0.58);
    background: rgba(120, 53, 15, 0.58);
    color: #fbbf24;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .is-d-plus-pro.is-locked {
    background:
        linear-gradient(180deg, rgba(120, 53, 15, 0.26), rgba(30, 41, 59, 0.78)) !important;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint {
    border-color: #38bdf8;
    background: rgba(56, 189, 248, 0.10);
    color: #7dd3fc;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint strong {
    color: #f1f5f9;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state strong {
    color: #f1f5f9;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state p {
    color: rgba(148, 163, 184, 0.75);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-empty-state .td-vip-indicator-empty-icon {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero {
    border-color: rgba(245, 158, 11, 0.42);
    background:
        radial-gradient(120% 100% at 0% 0%, rgba(245, 158, 11, 0.16), transparent 60%),
        linear-gradient(135deg, rgba(120, 53, 15, 0.34) 0%, rgba(30, 41, 59, 0.78) 100%);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-title {
    color: #fbbf24;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-desc {
    color: #fcd34d;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.32) 0%, rgba(30, 41, 59, 0.78) 100%);
    border-color: rgba(99, 102, 241, 0.42);
    color: #c7d2fe;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro {
    border-color: rgba(56, 189, 248, 0.18);
    background: linear-gradient(135deg, rgba(14, 116, 144, 0.22) 0%, rgba(15, 23, 42, 0.78) 100%);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro strong,
body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-dplus-section-head strong {
    color: #f8fafc;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro span,
body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-dplus-section-head span {
    color: rgba(203, 213, 225, 0.76);
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation strong {
    color: #bfdbfe;
}

body.td-vip-body.is-night-mode .td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation button {
    border-color: rgba(125, 211, 252, 0.28);
    background: rgba(15, 23, 42, 0.72);
    color: #bfdbfe;
}

/* ——————————————————————————————————————————————————————
 * 9. 响应式：窄屏退化
 * ——————————————————————————————————————————————————————
 */
@media (max-width: 520px) {
    .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tabs {
        display: flex;
        gap: 6px;
        margin-right: -4px;
        padding: 0 4px 2px 0;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
        flex: 0 0 106px;
        flex-direction: row;
        justify-content: flex-start;
        min-height: 42px;
        padding: 7px 28px 7px 8px;
        scroll-snap-align: start;
    }
    .td-vip-indicator-popover--d-plus .td-vip-task-tab-icon,
    .td-vip-indicator-popover--d-plus .td-vip-task-tab-icon svg {
        width: 16px;
        height: 16px;
    }
    .td-vip-indicator-popover--d-plus .td-vip-task-tab-label {
        font-size: 10px;
        white-space: nowrap;
    }
    .td-vip-indicator-popover--d-plus .td-vip-task-tab-count {
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
    }
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero {
        flex-wrap: wrap;
    }
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta {
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }
    .td-vip-indicator-popover--d-plus .td-vip-dplus-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .td-vip-indicator-popover--d-plus .td-vip-dplus-section-head span {
        max-width: none;
        text-align: left;
    }
    .td-vip-indicator-popover--d-plus .td-vip-indicator-recommendation {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
        flex-basis: 98px;
        min-height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .td-vip-indicator-popover--d-plus .td-vip-indicator-search-input,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-search-clear,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta {
        transition: none;
    }
    .td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab:hover,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-cross-hint:hover,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero:hover,
    .td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta:hover {
        transform: none;
    }
}

/* D+ compact density polish (2026-05-12)
 * Real-panel override for SMC/VRVP composite cards. The D+ shell is loaded
 * before some global polish layers, so these selectors intentionally include
 * the popover id and D+ class to win without touching the shared components.
 */
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus {
    width: min(420px, calc(100vw - 24px));
    border-radius: 12px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-popover-head {
    padding: 10px 10px 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-popover-body {
    padding: 8px 10px 10px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-search-wrap {
    margin-bottom: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-search-input {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    background: #eef3f8;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tabs {
    gap: 6px;
    margin-bottom: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
    min-height: 44px;
    padding: 6px 5px;
    border-radius: 7px;
    background: #7d8794;
    border-color: rgba(100, 116, 139, 0.38);
    color: #ffffff;
    box-shadow: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab:hover {
    background: #6f7a87;
    transform: none;
    box-shadow: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active {
    background: linear-gradient(180deg, #0ea5d7 0%, #0284c7 100%);
    border-color: rgba(14, 165, 215, 0.85);
    box-shadow: 0 8px 18px -12px rgba(2, 132, 199, 0.75);
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-task-tab-icon {
    width: 16px;
    height: 16px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-task-tab-icon svg {
    width: 16px;
    height: 16px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-task-tab-label {
    font-size: 10px;
    font-weight: 750;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-task-tab-count {
    top: 3px;
    right: 4px;
    min-width: 17px;
    height: 17px;
    border-color: rgba(255, 255, 255, 0.42);
    background: #f59e0b;
    color: #ffffff;
    font-size: 10px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites {
    margin-bottom: 8px;
    min-height: 32px;
    padding: 5px 8px;
    border-radius: 7px;
    background: #87919d;
    color: #ffffff;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites-label {
    color: rgba(255, 255, 255, 0.78);
    font-size: 10px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-favorite-chip {
    min-height: 24px;
    padding: 0 10px;
    border-radius: 5px;
    border-color: transparent;
    background: #183a5c;
    color: #ffffff;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-list--d-plus,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-task-view {
    gap: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro {
    padding: 8px 10px;
    border-radius: 7px;
    background: #eef4ff;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro strong {
    font-size: 12px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro span {
    font-size: 11px;
    line-height: 1.35;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section {
    gap: 6px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head {
    padding: 0 1px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head strong {
    font-size: 12px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section-head span {
    font-size: 10.5px;
    line-height: 1.25;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section-body {
    gap: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-dplus-section-body,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-dplus-section-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-smc-indicator-card--hero,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-smc-indicator-card--controls,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-vrvp-card--hero,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-vrvp-card--tabs {
    grid-column: 1 / -1;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-item,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-item,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-vrvp-card {
    gap: 7px;
    padding: 9px 10px;
    border-radius: 8px;
    box-shadow: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-head,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 6px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-title-wrap,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-title-wrap {
    gap: 3px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-title,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-title {
    font-size: 13px;
    line-height: 1.15;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-subtitle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-subtitle {
    font-size: 10px;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-pro-badge,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-pro-badge {
    top: 6px;
    right: 7px;
    min-width: 30px;
    height: 17px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ff8500;
    font-size: 9px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-favorite-btn,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-favorite-btn {
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .has-d-plus-favorite .td-vip-indicator-head,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .has-d-plus-favorite .td-vip-indicator-head {
    padding-left: 24px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide {
    margin-top: 0;
    padding: 7px 8px;
    border-radius: 7px;
    background: #f7f9fc;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide-row {
    padding: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide-label,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide-label {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide-text,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide-text {
    margin: 0;
    font-size: 11.5px;
    line-height: 1.42;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide-text strong,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide-text strong {
    display: inline;
    margin: 0;
    font-size: 12px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-chip-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-chip-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 6px;
    overflow-x: auto;
    scrollbar-width: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-chip-row::-webkit-scrollbar,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-chip-row::-webkit-scrollbar {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-chip,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-chip {
    flex: 0 0 auto;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 5px;
    font-size: 10px;
    letter-spacing: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-actions,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-actions {
    margin-top: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-toggle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-toggle {
    min-height: 29px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 11px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 251, 245, 0.96));
    border-color: rgba(245, 158, 11, 0.42);
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--controls {
    background: #ffffff;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-mode-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-preset-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-preset-row {
    gap: 6px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-preset-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-preset-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-mode-btn,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-preset-btn,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-preset-btn {
    min-height: 28px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-caption {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: space-between;
    min-height: 72px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-head {
    display: block;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-title-wrap {
    display: block;
    padding-right: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-subtitle {
    display: -webkit-box;
    margin-top: 3px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-actions {
    margin-top: 4px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-toggle {
    min-height: 26px;
    font-size: 10.5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--tabs {
    padding: 9px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab-panel {
    margin-top: 8px;
    padding: 9px;
    border-radius: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
    gap: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-field {
    gap: 4px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-field span,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-stat span {
    font-size: 10px;
    letter-spacing: 0;
    text-transform: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-field input,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-field select {
    min-height: 31px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 12px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-field input[type="color"] {
    padding: 3px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid {
    margin-top: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-check {
    min-height: 31px;
    padding: 0 8px;
    gap: 6px;
    border-radius: 6px;
    font-size: 11.5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-stat {
    padding: 8px 9px;
    border-radius: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-stat strong {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.25;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-note,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-empty,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-inline-note {
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.45;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-inline-actions {
    gap: 7px;
    margin-top: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-action-btn {
    min-height: 28px;
    padding: 0 9px;
    border-radius: 6px;
    font-size: 11.5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item {
    gap: 7px;
    padding: 9px 10px;
    border-radius: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-head {
    gap: 5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-title {
    font-size: 13px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-subtitle {
    font-size: 10px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-toggle {
    min-height: 28px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffb43a 0%, #4b5563 100%);
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-icon {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-title {
    color: #ffffff;
    font-size: 13px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-desc {
    color: rgba(255, 255, 255, 0.84);
    font-size: 11px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-pro-hero-cta {
    min-height: 31px;
    border-radius: 7px;
    background: #ff8500;
    box-shadow: none;
}

body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
    background: #334155;
    border-color: rgba(100, 116, 139, 0.55);
}

body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab.is-active {
    background: linear-gradient(180deg, #0ea5d7 0%, #0369a1 100%);
    border-color: rgba(56, 189, 248, 0.85);
}

body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-favorites {
    background: #334155;
}

body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-task-intro,
body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-indicator-guide,
body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-indicator-guide,
body.td-vip-body.is-night-mode #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab-panel {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(71, 85, 105, 0.8);
}

@media (max-width: 520px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus {
        width: min(390px, calc(100vw - 16px));
    }

    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-task-tab {
        flex-basis: 86px;
        min-height: 40px;
        padding: 6px 24px 6px 8px;
    }

    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 360px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--smc .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--vrvp .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* D+ compact density polish pass 2: override floating inline geometry and
 * push dense setting rows further inward after live inspection.
 */
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: min(420px, calc(100vw - 24px)) !important;
    overflow-x: hidden !important;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating .td-vip-indicator-popover-body {
    max-height: calc(100vh - 178px);
    overflow-y: auto;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 6px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-head,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-head {
    grid-column: 1 / -1;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-head-actions,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-head-actions {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-guide,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-guide {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-guide-text,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-guide-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-guide-text br,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-guide-text br {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-actions,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    margin-top: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-toggle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-toggle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-settings-trigger,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-settings-trigger {
    width: 100%;
    min-height: 28px;
    padding: 0 6px;
    border-radius: 6px;
    font-size: 11px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-settings-trigger.is-open,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-settings-trigger.is-open {
    border-color: #2962ff;
    background: #eef4ff;
    color: #1d4ed8;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--controls .td-vip-indicator-head {
    display: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--controls {
    gap: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle {
    min-height: 64px;
    gap: 4px;
    padding: 7px 8px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-subtitle {
    -webkit-line-clamp: 1;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-actions {
    margin-top: 1px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--toggle .td-vip-indicator-toggle {
    min-height: 24px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(66px, auto);
    align-items: center;
    gap: 5px 8px;
    min-height: 70px;
    padding: 8px 9px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-head {
    display: block;
    min-width: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-title-wrap {
    display: block;
    margin-bottom: 5px;
    padding-right: 36px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-status,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-guide-trigger,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-settings-trigger {
    min-height: 22px;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 10.5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-actions {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 66px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-toggle {
    min-height: 28px;
    padding: 0 9px;
    white-space: nowrap;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-favorite-btn {
    top: 7px;
    left: auto;
    right: 48px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item.has-d-plus-favorite .td-vip-indicator-head {
    padding-left: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-indicator-item .td-vip-indicator-pro-badge {
    top: 8px;
    right: 8px;
}

@media (max-width: 520px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
        width: min(420px, calc(100vw - 16px)) !important;
        max-width: min(420px, calc(100vw - 16px)) !important;
        left: 8px !important;
        right: 8px !important;
    }
}

@media (max-width: 380px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero {
        grid-template-columns: minmax(0, 1fr) 88px;
    }
}

/* D+ compact density polish pass 3: no search bar, no explainer-heavy SMC/VRVP cards. */
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-indicator-search-wrap {
    display: none !important;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(66px, auto) !important;
    align-items: center;
    min-height: 70px;
    gap: 5px 8px;
    padding: 8px 9px !important;
    border-radius: 8px;
    box-shadow: none;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-head,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-head {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-title-wrap,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-title-wrap {
    display: block;
    margin-bottom: 5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-head-actions,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-head-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-status,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-status {
    min-height: 22px;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 10.5px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-actions,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-actions {
    display: grid;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center;
    min-width: 66px;
    gap: 5px;
    margin-top: 0;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-toggle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-toggle,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-card--hero .td-vip-indicator-settings-trigger,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-card--hero .td-vip-indicator-settings-trigger {
    min-height: 28px;
    padding: 0 9px;
    white-space: nowrap;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-dplus-section-body {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* D+ layout width pass 4: keep every task panel the same wide settings canvas. */
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
    width: min(840px, calc(100vw - 32px)) !important;
    max-width: min(840px, calc(100vw - 32px)) !important;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--indicators .td-vip-dplus-section-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-dplus-section-body {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-smc-indicator-card--hero {
    grid-column: auto;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-smc-indicator-card--controls {
    grid-column: 1 / -1;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-mode-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-smc-indicator-preset-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-tab-row,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-preset-row {
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid.is-compact {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

@media (max-width: 900px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
        width: min(720px, calc(100vw - 20px)) !important;
        max-width: min(720px, calc(100vw - 20px)) !important;
    }

    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        left: 8px !important;
        right: 8px !important;
    }

    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--indicators .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-dplus-section-body,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid.is-compact,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* High-specificity guard so later generic modal rules cannot re-card the layered panel. */
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered {
    gap: 0;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates {
    align-items: center;
    column-gap: 10px;
    row-gap: 4px;
    padding: 6px 0 7px;
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: transparent;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets {
    grid-template-columns: auto minmax(0, 1fr);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets-label,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-label {
    grid-column: 1;
    grid-row: 1;
    white-space: nowrap;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-head {
    display: contents;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-list {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-save {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: auto;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-empty {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief {
    gap: 0;
    padding: 7px 0 8px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip {
    min-height: 32px;
    padding: 0 10px;
    border: 0;
    border-left: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: transparent;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip:first-child {
    border-left: 0;
    padding-left: 1px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section {
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section > summary {
    min-height: 35px;
    padding: 0 2px;
    grid-template-columns: minmax(94px, 0.26fr) minmax(0, 1fr) 15px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section-body {
    gap: 7px 12px;
    padding: 0 0 8px;
    border-top: 0;
    background: transparent;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-check {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-field {
    padding: 0;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-check {
    padding: 0;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-input,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-color {
    min-height: 29px;
    border-color: rgba(148, 163, 184, 0.32);
    border-radius: 5px;
    background: #f9fafb;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    margin: 1px -12px -12px;
    padding: 7px 12px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(248, 250, 252, 0.97);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-btn,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-save,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-btn {
    min-height: 27px;
    padding: 0 9px;
    font-size: 11px;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-head {
    padding: 10px 14px 9px;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-kicker {
    margin-bottom: 1px;
    font-size: 10px;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-copy strong {
    font-size: 14px;
    line-height: 1.22;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-copy p {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.25;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-close {
    width: 28px;
    height: 28px;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-content {
    padding: 8px 12px 10px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets-row,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-list,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-head,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    gap: 5px;
}

/* Refined layered parameter tone: softer surfaces, quieter text, lighter controls. */
.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-overlay {
    border-color: rgba(203, 213, 225, 0.72);
    background: #f8fafc;
    box-shadow: 0 24px 72px rgba(15, 23, 42, 0.22), 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-head {
    border-bottom-color: rgba(226, 232, 240, 0.86);
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-kicker,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets-label,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-label,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-label,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip b {
    color: #66768a;
    font-weight: 650;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-copy strong,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section-title,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip em {
    color: #101828;
    font-weight: 760;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-copy p,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section-summary {
    color: #58677d;
    font-weight: 650;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-close {
    border-color: rgba(203, 213, 225, 0.82);
    background: #ffffff;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-content {
    background: #f7f9fc;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section {
    border-bottom-color: rgba(226, 232, 240, 0.92);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip {
    border-left-color: rgba(226, 232, 240, 0.92);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-empty {
    color: #8b9ab0;
    font-size: 11px;
    font-style: normal;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section > summary:hover {
    background: rgba(255, 255, 255, 0.54);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-input,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-color {
    border-color: #d8e1ec;
    background: #ffffff;
    color: #101828;
    font-weight: 650;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-select:focus-visible,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-input:focus-visible {
    border-color: rgba(20, 184, 166, 0.54);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
    outline: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-btn,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-save,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-btn {
    border-color: #d9e2ec;
    background: #ffffff;
    color: #2d3b4f;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn:hover,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-save:hover,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-btn:hover {
    border-color: rgba(20, 184, 166, 0.34);
    background: #fbfefd;
    color: #0f766e;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn.is-active {
    border-color: rgba(20, 184, 166, 0.46);
    background: #ecfdf8;
    color: #0f766e;
    box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.1), 0 1px 2px rgba(15, 23, 42, 0.04);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.72), rgba(255, 255, 255, 0.98));
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-btn--primary {
    border-color: rgba(15, 118, 110, 0.86);
    background: #0f8b7d;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.18);
}

/* More distinctive compact table layout for professional parameter scanning. */
.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-overlay {
    background: #fbfcfe;
}

.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-content {
    background: #f4f7fb;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets {
    margin: 0 0 4px;
    padding: 6px 8px;
    border-bottom: 0;
    border-radius: 6px;
    background: #eef3f8;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets-row {
    padding: 2px;
    border-radius: 6px;
    background: #e7edf5;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn {
    min-height: 24px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: #334155;
    font-weight: 720;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn:hover {
    background: rgba(255, 255, 255, 0.62);
    color: #0f766e;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-preset-btn.is-active {
    border-color: rgba(20, 184, 166, 0.26);
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates {
    padding: 4px 0 6px;
    border-bottom-color: rgba(226, 232, 240, 0.8);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-template-save {
    min-height: 24px;
    border-color: rgba(203, 213, 225, 0.78);
    background: #ffffff;
    box-shadow: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief {
    margin: 5px 0 7px;
    padding: 6px 8px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 6px;
    background: #ffffff;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip {
    min-height: 28px;
    padding: 0 12px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip em {
    margin-top: 1px;
    font-size: 12px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section {
    background: transparent;
    border-bottom-color: rgba(226, 232, 240, 0.86);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section > summary {
    min-height: 31px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section[open] > summary {
    background: linear-gradient(90deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0));
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section[open] .td-vip-indicator-settings-section-title {
    color: #0f766e;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section-body {
    gap: 5px 14px;
    padding: 2px 0 9px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-field {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 31px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b7a90;
    font-size: 11px;
    line-height: 1.2;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-input {
    min-height: 28px;
    border-radius: 4px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    padding: 6px 12px;
    background: rgba(251, 252, 254, 0.98);
}

@media (max-width: 640px) {
    .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets,
    .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates {
        grid-template-columns: minmax(0, 1fr);
    }

    .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates-head {
        display: flex;
    }

    .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-field {
        grid-template-columns: 82px minmax(0, 1fr);
    }
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-presets,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-templates,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-section,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-settings-brief-chip,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-field,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings.td-vip-indicator-settings--layered .td-vip-indicator-setting-check {
    background: transparent;
}

/* D+ settings overlay: keep the first-level panel compact and move heavy controls out. */
.td-vip-dplus-settings-shell[hidden] {
    display: none !important;
}

body.td-vip-dplus-settings-open {
    overflow: hidden;
}

.td-vip-dplus-settings-shell {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 72px 16px 24px;
    background: rgba(15, 23, 42, 0.34);
    backdrop-filter: blur(8px);
}

.td-vip-dplus-settings-overlay {
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 108px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 24px 72px rgba(15, 23, 42, 0.24);
}

.td-vip-dplus-settings-shell--medium .td-vip-dplus-settings-overlay {
    width: min(640px, calc(100vw - 32px));
}

.td-vip-dplus-settings-shell--wide .td-vip-dplus-settings-overlay,
.td-vip-dplus-settings-shell--smc .td-vip-dplus-settings-overlay,
.td-vip-dplus-settings-shell--vrvp .td-vip-dplus-settings-overlay,
.td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-overlay {
    width: min(760px, calc(100vw - 32px));
}

.td-vip-dplus-settings-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 13px 14px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.95));
}

.td-vip-dplus-settings-copy {
    min-width: 0;
}

.td-vip-dplus-settings-kicker {
    display: block;
    margin-bottom: 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.td-vip-dplus-settings-copy strong {
    display: block;
    color: #111827;
    font-size: 15px;
    line-height: 1.35;
}

.td-vip-dplus-settings-copy p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.td-vip-dplus-settings-close {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.td-vip-dplus-settings-close:hover,
.td-vip-dplus-settings-close:focus-visible {
    border-color: rgba(20, 184, 166, 0.42);
    color: #0f766e;
    outline: none;
}

.td-vip-dplus-settings-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings--layered {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.td-vip-dplus-settings-content .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-templates,
.td-vip-dplus-settings-content .td-vip-indicator-settings-brief,
.td-vip-dplus-settings-content .td-vip-indicator-settings-section,
.td-vip-dplus-settings-content .td-vip-indicator-setting-actions {
    grid-column: 1 / -1;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-indicator-setting-check,
.td-vip-dplus-settings-content .td-vip-ta-field {
    min-width: 0;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: #ffffff;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-ta-field {
    display: grid;
    gap: 5px;
    padding: 8px;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    color: #334155;
    font-size: 12px;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-label,
.td-vip-dplus-settings-content .td-vip-ta-field-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-setting-input,
.td-vip-dplus-settings-content .td-vip-ta-input,
.td-vip-dplus-settings-content .td-vip-ta-select {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 6px;
    background: #f8fafc;
    color: #111827;
    font-size: 12px;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-color,
.td-vip-dplus-settings-content .td-vip-ta-color {
    width: 100%;
    min-height: 30px;
    padding: 2px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 6px;
    background: #f8fafc;
}

.td-vip-dplus-settings-content .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-templates {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: #ffffff;
    box-shadow: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings--layered .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-settings--layered .td-vip-indicator-templates {
    padding: 7px 8px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-brief {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    background: #ffffff;
    padding: 6px 7px;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip b,
.td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip b {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip em {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: #ffffff;
    overflow: hidden;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section > summary {
    display: grid;
    grid-template-columns: minmax(100px, 0.35fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    list-style: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section > summary::-webkit-details-marker {
    display: none;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section > summary::after {
    content: "";
    justify-self: end;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #64748b;
    border-bottom: 1.5px solid #64748b;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section[open] > summary::after {
    transform: rotate(225deg);
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section-title {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section-summary {
    min-width: 0;
    overflow: hidden;
    color: #64748b;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings-section-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    background: #f8fafc;
}

.td-vip-dplus-settings-content .td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    position: sticky;
    bottom: -12px;
    z-index: 2;
    margin: 2px -12px -12px;
    padding: 9px 12px;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(248, 250, 252, 0.96);
    backdrop-filter: blur(12px);
}

.td-vip-dplus-settings-content .td-vip-ta-settings-panel {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

.td-vip-dplus-settings-content .td-vip-ta-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.td-vip-dplus-settings-content .td-vip-ta-badges {
    margin: 0;
}

.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body,
.td-vip-dplus-settings-content .td-vip-vrvp-settings-overlay-body {
    display: grid;
    gap: 8px;
}

.td-vip-dplus-settings-content .td-vip-smc-indicator-card,
.td-vip-dplus-settings-content .td-vip-vrvp-card {
    margin: 0;
    border-radius: 7px;
    box-shadow: none;
}

.td-vip-dplus-settings-content .td-vip-smc-indicator-card--toggle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.td-vip-dplus-settings-content .td-vip-smc-indicator-card--toggle .td-vip-indicator-actions {
    margin: 0;
}

.td-vip-dplus-settings-content .td-vip-smc-indicator-mode-row,
.td-vip-dplus-settings-content .td-vip-smc-indicator-preset-row,
.td-vip-dplus-settings-content .td-vip-vrvp-tab-row,
.td-vip-dplus-settings-content .td-vip-vrvp-preset-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 7px;
}

.td-vip-dplus-settings-content .td-vip-vrvp-grid,
.td-vip-dplus-settings-content .td-vip-vrvp-toggle-grid,
.td-vip-dplus-settings-content .td-vip-vrvp-range-grid,
.td-vip-dplus-settings-content .td-vip-vrvp-range-inline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.td-vip-dplus-settings-content .td-vip-vrvp-overlay-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 9px;
}

.td-vip-dplus-settings-content .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-templates {
    display: grid;
    gap: 8px;
    padding: 9px;
}

.td-vip-dplus-settings-content .td-vip-indicator-presets-row,
.td-vip-dplus-settings-content .td-vip-indicator-templates-list,
.td-vip-dplus-settings-content .td-vip-indicator-templates-head,
.td-vip-dplus-settings-content .td-vip-indicator-setting-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

.td-vip-dplus-settings-content .td-vip-indicator-templates-head,
.td-vip-dplus-settings-content .td-vip-indicator-setting-actions {
    justify-content: space-between;
}

.td-vip-dplus-settings-content .td-vip-indicator-preset-btn,
.td-vip-dplus-settings-content .td-vip-indicator-template-btn,
.td-vip-dplus-settings-content .td-vip-indicator-template-save,
.td-vip-dplus-settings-content .td-vip-indicator-setting-btn,
.td-vip-dplus-settings-content .td-vip-ta-info-btn,
.td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn,
.td-vip-dplus-settings-content .td-vip-smc-indicator-preset-btn,
.td-vip-dplus-settings-content .td-vip-vrvp-tab,
.td-vip-dplus-settings-content .td-vip-vrvp-preset-btn,
.td-vip-dplus-settings-content .td-vip-indicator-settings-trigger {
    min-height: 30px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.td-vip-dplus-settings-content .td-vip-indicator-preset-btn:hover,
.td-vip-dplus-settings-content .td-vip-indicator-template-btn:hover,
.td-vip-dplus-settings-content .td-vip-indicator-template-save:hover,
.td-vip-dplus-settings-content .td-vip-indicator-setting-btn:hover,
.td-vip-dplus-settings-content .td-vip-ta-info-btn:hover,
.td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn:hover,
.td-vip-dplus-settings-content .td-vip-smc-indicator-preset-btn:hover,
.td-vip-dplus-settings-content .td-vip-vrvp-tab:hover,
.td-vip-dplus-settings-content .td-vip-vrvp-preset-btn:hover,
.td-vip-dplus-settings-content .td-vip-indicator-settings-trigger:hover,
.td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn.is-active,
.td-vip-dplus-settings-content .td-vip-vrvp-tab.is-active {
    border-color: rgba(20, 184, 166, 0.46);
    background: #ecfeff;
    color: #0f766e;
}

.td-vip-dplus-settings-content .td-vip-indicator-preset-btn.is-active {
    border-color: rgba(15, 118, 110, 0.58);
    background: #ecfeff;
    color: #0f766e;
    box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.18);
    font-weight: 800;
}

.td-vip-dplus-settings-content .td-vip-indicator-preset-btn.is-active:hover {
    border-color: rgba(13, 99, 94, 0.7);
    background: #dffdfb;
    color: #0d5c56;
}

.td-vip-dplus-settings-content .td-vip-indicator-setting-btn--primary {
    border-color: rgba(20, 184, 166, 0.45);
    background: #0f766e;
    color: #ffffff;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-shell {
    background: rgba(2, 6, 23, 0.58);
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-overlay {
    border-color: rgba(148, 163, 184, 0.18);
    background: #0f172a;
    color: #e5e7eb;
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.38);
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-head {
    border-bottom-color: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.92));
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-copy strong {
    color: #f8fafc;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-kicker,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-copy p {
    color: #94a3b8;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-close,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-field,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-check,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-field,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-section,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-presets,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-templates {
    border-color: rgba(148, 163, 184, 0.18);
    background: #111827;
    color: #e5e7eb;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-section-body {
    border-top-color: rgba(148, 163, 184, 0.16);
    background: #0b1120;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-section-title,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip em {
    color: #f8fafc;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-section-summary,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-brief-chip b {
    color: #94a3b8;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings--layered .td-vip-indicator-setting-actions {
    border-top-color: rgba(148, 163, 184, 0.18);
    background: rgba(11, 17, 32, 0.94);
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-select,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-input,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-input,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-select,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-color,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-color {
    border-color: rgba(148, 163, 184, 0.2);
    background: #0b1120;
    color: #f8fafc;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-preset-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-template-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-template-save,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-info-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-smc-indicator-preset-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-vrvp-tab,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-vrvp-preset-btn,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-trigger {
    border-color: rgba(148, 163, 184, 0.22);
    background: #0b1120;
    color: #cbd5e1;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-preset-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-template-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-template-save:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-ta-info-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-smc-indicator-preset-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-vrvp-tab:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-vrvp-preset-btn:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-settings-trigger:hover,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-smc-indicator-mode-btn.is-active,
body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-vrvp-tab.is-active {
    border-color: rgba(45, 212, 191, 0.42);
    background: rgba(20, 184, 166, 0.14);
    color: #99f6e4;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-preset-btn.is-active {
    border-color: rgba(45, 212, 191, 0.55);
    background: rgba(6, 78, 59, 0.42);
    color: #5eead4;
    box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.22);
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-preset-btn.is-active:hover {
    border-color: rgba(94, 234, 212, 0.55);
    background: rgba(6, 95, 70, 0.5);
    color: #ccfbf1;
}

body.td-vip-body.is-night-mode .td-vip-dplus-settings-content .td-vip-indicator-setting-btn--primary {
    border-color: rgba(45, 212, 191, 0.4);
    background: #0f766e;
    color: #ffffff;
}

@media (max-width: 640px) {
    .td-vip-dplus-settings-shell {
        align-items: stretch;
        padding: 10px 8px;
    }

    .td-vip-dplus-settings-overlay,
    .td-vip-dplus-settings-shell--medium .td-vip-dplus-settings-overlay,
    .td-vip-dplus-settings-shell--wide .td-vip-dplus-settings-overlay,
    .td-vip-dplus-settings-shell--smc .td-vip-dplus-settings-overlay,
    .td-vip-dplus-settings-shell--vrvp .td-vip-dplus-settings-overlay,
    .td-vip-dplus-settings-shell--layer .td-vip-dplus-settings-overlay {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 20px);
    }

    .td-vip-dplus-settings-content .td-vip-indicator-settings,
    .td-vip-dplus-settings-content .td-vip-ta-settings-grid,
    .td-vip-dplus-settings-content .td-vip-vrvp-grid,
    .td-vip-dplus-settings-content .td-vip-vrvp-toggle-grid,
    .td-vip-dplus-settings-content .td-vip-vrvp-range-grid,
    .td-vip-dplus-settings-content .td-vip-vrvp-range-inline {
        grid-template-columns: minmax(0, 1fr);
    }

    .td-vip-dplus-settings-content .td-vip-indicator-settings-brief,
    .td-vip-dplus-settings-content .td-vip-indicator-settings-section-body {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* D+ layout width pass 5: restore the compact first-level panel. */
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: min(420px, calc(100vw - 24px)) !important;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--indicators .td-vip-dplus-section-body {
    grid-template-columns: minmax(0, 1fr);
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-dplus-section--structure-pro .td-vip-dplus-section-body {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid,
#tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-ta-card-grid.is-compact {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

@media (max-width: 520px) {
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus.td-vip-indicator-popover--floating {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
    }

    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-toggle-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-grid,
    #tdVipIndicatorPopover.td-vip-indicator-popover--d-plus .td-vip-vrvp-range-inline {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* ============================================================
   海龟趋势突破系统 — 浅色高级感重设计（2026-05，一比一对齐 mockup）
   宿主为 .td-vip-dplus-settings-content，作用域叠加 --turtle，
   置于本文件末尾以压过上方 --layered 规则（特异性相同则后者胜）。
   设计：纯白底 + 发丝线分组 + 一行灰字总览 + 分段控件 / 数字输入框+快捷档位 / toggle。
   ============================================================ */

/* —— 容器：纯白、留白 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle {
    background: #ffffff;
    gap: 0;
}

/* —— 顶部配置总览：4宫格 → 一行安静灰字 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-brief {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    grid-template-columns: none !important;
    gap: 0;
    margin: 2px 0 0;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    background: transparent;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-brief-chip {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-height: 0;
    margin: 0 9px 0 0;
    padding: 0 9px 0 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-brief-chip + .td-vip-indicator-settings-brief-chip::before {
    content: "\00b7";
    position: absolute;
    left: -9px;
    color: #cbd5e1;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-brief-chip b {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-brief-chip em {
    margin: 0;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 600;
    font-style: normal;
}

/* —— 预设区：灰底条 → small-caps 小标题 + segmented —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-presets {
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-presets-label {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-presets-row {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 10px;
    background: #f7f9fb;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-preset-btn {
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
    padding: 6px 13px;
    box-shadow: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-preset-btn:hover {
    color: #0f172a;
    background: transparent;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-preset-btn.is-active {
    background: #ffffff;
    color: #047857;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}

/* —— 我的模板：拉开距离、发丝线分隔 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-templates {
    margin: 14px 0 0;
    padding: 14px 0 0;
    border: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: transparent;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-templates-label {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-templates-empty {
    color: #cbd5e1;
    font-size: 12.5px;
    font-style: normal;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-template-save {
    border: 1px solid rgba(15, 23, 42, 0.13);
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
    padding: 7px 14px;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-template-save:hover {
    border-color: #10b981;
    color: #047857;
}

/* —— 分组：去蓝色块/青绿渐变 → small-caps 灰标题 + 发丝线 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section {
    border: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0;
    background: transparent;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section > summary {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 30px;
    padding: 15px 2px 13px;
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section[open] > summary {
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section > summary:hover {
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section-title,
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section[open] .td-vip-indicator-settings-section-title {
    color: #94a3b8;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}
/* 删掉重复的分组摘要 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section-summary {
    display: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section-body {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 0 0 14px;
    background: transparent;
}
/* 「显示」分组：开关/颜色控件窄，排两列充分利用空间 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section--cols .td-vip-indicator-settings-section-body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 24px !important;
}
/* 两列模式下，参数行不再强制占满整行 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section--cols .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section--cols .td-vip-indicator-setting-check {
    grid-column: auto;
}
/* 首个较长的开关单独占满一行，避免文字挤压 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-settings-section--cols .td-vip-indicator-setting-check:first-child {
    grid-column: 1 / -1;
}

/* —— 参数行：标签列 + 控件，去单元格边框 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-field {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    grid-column: 1 / -1;
    min-height: 34px;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-label {
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-select {
    min-height: 32px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 500;
    box-shadow: none;
    width: 100%;
    max-width: 280px;
    justify-self: start;
}

/* —— 数字输入框 + 步进 + 快捷档位 —— */
.td-vip-dplus-settings-content .td-vip-indicator-setting-numwrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    justify-self: start;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-numbox {
    display: inline-flex;
    align-items: center;
    width: 118px;
    height: 32px;
    border: 1px solid rgba(15, 23, 42, 0.13);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    flex: 0 0 auto;
    transition: border-color .15s, box-shadow .15s;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-numbox:focus-within {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-num {
    width: 0;
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    background: transparent;
    font-variant-numeric: tabular-nums;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-unit {
    padding-right: 8px;
    font-size: 11px;
    color: #94a3b8;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-step {
    width: 26px;
    align-self: stretch;
    border: 0;
    background: #f7f9fb;
    color: #475569;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .12s, color .12s;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-step:first-child {
    border-right: 1px solid rgba(15, 23, 42, 0.07);
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-step:last-child {
    border-left: 1px solid rgba(15, 23, 42, 0.07);
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-step:hover {
    background: rgba(16, 185, 129, 0.1);
    color: #047857;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-chips {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 0;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-chip {
    border: 1px solid rgba(15, 23, 42, 0.07);
    background: #fafbfc;
    color: #94a3b8;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 11px;
    cursor: pointer;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    transition: color .12s, border-color .12s, background .12s;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-chip:hover {
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.12);
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-chip.is-on {
    background: rgba(16, 185, 129, 0.1);
    border-color: transparent;
    color: #047857;
    font-weight: 600;
}

/* —— segmented 分段按钮 —— */
.td-vip-dplus-settings-content .td-vip-indicator-setting-segmented {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 2px;
    padding: 2px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 9px;
    background: #fafbfc;
    justify-self: start;
    max-width: 100%;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-seg-btn {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 5px 11px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
    transition: background .13s, color .13s, box-shadow .13s;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-seg-btn:hover {
    color: #0f172a;
}
.td-vip-dplus-settings-content .td-vip-indicator-setting-seg-btn.is-active {
    background: #fff;
    color: #047857;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}

/* —— 显示开关 → toggle —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    grid-column: 1 / -1;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check > span {
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 38px;
    height: 22px;
    flex: 0 0 auto;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    cursor: pointer;
    transition: background .2s;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check > input[type="checkbox"]::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    transition: transform .2s;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check > input[type="checkbox"]:checked {
    background: #10b981;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-check > input[type="checkbox"]:checked::after {
    transform: translateX(16px);
}

/* —— 颜色 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-color {
    width: 30px;
    height: 26px;
    min-height: 26px;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.13);
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    justify-self: start;
}

/* —— 底部操作条 —— */
.td-vip-dplus-settings-content .td-vip-indicator-settings--turtle .td-vip-indicator-setting-actions {
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    background: transparent;
}


/* 顶部 "指标设定" 小字 eyebrow 多余（下方大标题已说明），全局隐藏 */
.td-vip-dplus-settings-head .td-vip-dplus-settings-kicker {
    display: none !important;
}


/* ============================================================
   统一浅色高级视觉语言 — 套用到所有指标设置面板（--refined）
   仅视觉层：纯白底、发丝线、label 左 / 控件右、toggle 开关、干净 select/color。
   不改 name 与参数；turtle 专属规则特异性更高，按需自行覆盖。
   ============================================================ */

/* 面板容器：纯白、统一行间距 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined {
    background: #ffffff;
    gap: 12px;
}

/* 参数行：去卡片边框，标签列 + 控件列横排对齐 */
/* 参数行：去卡片边框。默认竖排（标签上/控件下）适配平铺 2 列面板（K线形态/缠论）；
   分组 section 内则横排（标签左/控件右），见下方 section 覆盖。 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 5px;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    min-height: 0;
}
/* 分组 section 内的参数行：横排对齐（已完成的 6 个分组面板） */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section .td-vip-indicator-setting-field {
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 34px;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-label {
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

/* select / 文本输入：干净浅色 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-input {
    min-height: 32px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 500;
    box-shadow: none;
    width: 100%;
    max-width: 280px;
    justify-self: start;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-select:focus,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-input:focus {
    outline: 0;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* 颜色块：小色块左对齐 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-color {
    width: 30px;
    min-height: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    justify-self: start;
}

/* 复选框 → iOS toggle 开关 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check > span {
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 38px;
    height: 22px;
    flex: 0 0 auto;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    cursor: pointer;
    transition: background .2s;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check > input[type="checkbox"]::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    transition: transform .2s;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check > input[type="checkbox"]:checked {
    background: #10b981;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check > input[type="checkbox"]:checked::after {
    transform: translateX(16px);
}

/* 预设 / 模板区：去重卡片化，发丝线分隔 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-presets,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-templates {
    border: 0;
    background: transparent;
    box-shadow: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-templates {
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    padding-top: 12px;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-presets-row {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 10px;
    background: #fafbfc;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-preset-btn {
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
    padding: 6px 13px;
    box-shadow: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-preset-btn.is-active {
    background: #fff;
    color: #047857;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-presets-label,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-templates-label {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* ============================================================
   分组 section 样式 — 通用版（套到所有 --refined 面板，使其与海龟一致）
   ============================================================ */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section {
    border: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0;
    background: transparent;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section > summary {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 30px;
    padding: 15px 2px 13px;
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section[open] > summary,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section > summary:hover {
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section-title,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section[open] .td-vip-indicator-settings-section-title {
    color: #94a3b8;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section-summary {
    display: none;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section-body {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 0 0 14px;
    background: transparent;
}
/* 「显示」类分组两列排布 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section--cols .td-vip-indicator-settings-section-body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 24px !important;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section--cols .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-settings-section--cols .td-vip-indicator-setting-check {
    grid-column: auto;
}


/* 防止任何参数行内容撑出容器导致底部出现横向滚动条 */
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-field,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-check {
    min-width: 0;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-select,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-input {
    max-width: 100%;
}
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-numwrap,
.td-vip-dplus-settings-content .td-vip-indicator-settings--refined .td-vip-indicator-setting-segmented {
    max-width: 100%;
}


/* ============================================================
   SMC 市场结构 设置面板 — 浅色高级感重设计（2026-05）
   纯 CSS 覆盖，不改 markup/事件绑定。把大卡片压成发丝线紧凑行 + 两列，
   模式/预设按钮做成 segmented 药丸，视觉与海龟等面板统一。
   ============================================================ */

/* 容器：纯白 */
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body {
    background: #ffffff;
}

/* 显示模式控制卡：去卡片化 → 干净分组 */
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--controls {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 14px !important;
    margin: 0 0 4px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
    display: block !important;
}
/* 模式按钮 + 预设按钮 → segmented 药丸条 */
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-mode-row,
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-preset-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 10px;
    background: #fafbfc;
    margin-bottom: 8px;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-mode-btn,
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-preset-btn {
    flex: 1 1 auto;
    min-height: 30px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: background .13s, color .13s, box-shadow .13s;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-mode-btn:hover,
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-preset-btn:hover {
    color: #0f172a !important;
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-mode-btn.is-active {
    background: #fff !important;
    color: #047857 !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1) !important;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-caption {
    color: #94a3b8;
    font-size: 11.5px;
    margin: 2px 0 0;
}

/* 7 个结构开关：大卡片 → 发丝线紧凑行，两列排布 */
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body {
    /* 用 grid 让 controls 占满整行，toggle 卡片两列 */
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    align-items: start;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--controls {
    grid-column: 1 / -1;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--toggle {
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 2px !important;
    margin: 0 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--toggle .td-vip-indicator-title {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--toggle .td-vip-indicator-subtitle {
    font-size: 11.5px;
    color: #94a3b8;
    margin-top: 2px;
}
/* toggle 按钮：紧凑药丸 */
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--toggle .td-vip-indicator-toggle {
    min-height: 26px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: #fff !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}
.td-vip-dplus-settings-content .td-vip-smc-settings-overlay-body .td-vip-smc-indicator-card--toggle .td-vip-indicator-toggle.is-on {
    border-color: transparent !important;
    background: rgba(16, 185, 129, 0.1) !important;
    color: #047857 !important;
    font-weight: 600 !important;
}


/* ============================================================
   SMC 设置面板 — 彻底重制（2026-05）
   分组：显示密度（segmented）+ 结构元素（两列 toggle 行）。
   .td-vip-smc-settings--refined 复用 --refined 的 section/segmented 样式，
   下面只补结构元素的整行 toggle 行。
   ============================================================ */
.td-vip-dplus-settings-content .td-vip-smc-settings--refined {
    display: block;
    background: #ffffff;
}

/* 结构元素：整行可点的 toggle 行 */
.td-vip-dplus-settings-content .td-vip-smc-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    padding: 8px 2px;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    border-radius: 0;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-row.is-locked {
    cursor: not-allowed;
    opacity: 0.6;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-text strong {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.2;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-text em {
    font-size: 11.5px;
    font-style: normal;
    color: #94a3b8;
    line-height: 1.2;
}
/* iOS 风开关 */
.td-vip-dplus-settings-content .td-vip-smc-toggle-switch {
    position: relative;
    flex: 0 0 auto;
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #e2e8f0;
    transition: background .2s;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-switch::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    transition: transform .2s;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-row.is-on .td-vip-smc-toggle-switch {
    background: #10b981;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-row.is-on .td-vip-smc-toggle-switch::after {
    transform: translateX(16px);
}
/* 结构元素两列排布（继承 --cols，但 toggle-row 不是 setting-field，需显式两列项） */
.td-vip-dplus-settings-content .td-vip-smc-settings--refined .td-vip-indicator-settings-section--cols .td-vip-indicator-settings-section-body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 24px !important;
}
.td-vip-dplus-settings-content .td-vip-smc-toggle-row + .td-vip-smc-toggle-row,
.td-vip-dplus-settings-content .td-vip-smc-settings--refined .td-vip-indicator-settings-section--cols .td-vip-smc-toggle-row {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}
/* 顶部两行（前两个）不要上边线，避免与标题挤 */
.td-vip-dplus-settings-content .td-vip-smc-settings--refined .td-vip-indicator-settings-section--cols .td-vip-smc-toggle-row:nth-child(1),
.td-vip-dplus-settings-content .td-vip-smc-settings--refined .td-vip-indicator-settings-section--cols .td-vip-smc-toggle-row:nth-child(2) {
    border-top: 0;
}
.td-vip-dplus-settings-content .td-vip-smc-indicator-caption {
    margin: 12px 0 0;
    color: #94a3b8;
    font-size: 11.5px;
}


/* ============================================================
   VRVP 设置面板 — 视觉统一重制（2026-05）
   保留 tab 架构（输入/样式/范围统计，参数多有存在价值）；
   tab/preset → segmented 药丸，字段 → refined 干净控件 + toggle。
   纯 CSS + 外层 class，不改 data-vrvp-* 事件绑定。
   ============================================================ */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined {
    background: #ffffff;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-card--tabs {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* tab / preset → segmented 药丸条 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-segmented {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 10px;
    background: #fafbfc;
    grid-template-columns: none !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-tab,
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-preset-btn {
    flex: 1 1 auto;
    min-height: 30px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: background .13s, color .13s, box-shadow .13s;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-tab:hover,
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-preset-btn:hover {
    color: #0f172a !important;
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-tab.is-active {
    background: #fff !important;
    color: #047857 !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1) !important;
}

/* 预设区：标签 + segmented，发丝线与 tab 分隔 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-preset-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-preset-label {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-preset-row {
    flex: 1 1 auto;
}

/* tab 面板：去卡片化 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-tab-panel {
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* 字段网格：两列干净行 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 24px !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-toggle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 24px !important;
    margin-top: 12px !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field {
    display: flex !important;
    flex-direction: column;
    gap: 5px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field > span {
    color: #475569;
    font-size: 12px;
    font-weight: 500;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field select,
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field input[type="number"] {
    min-height: 32px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 600;
    padding: 0 10px;
    width: 100%;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field input[type="number"]:focus,
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field select:focus {
    outline: 0;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-field input[type="color"] {
    width: 36px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
}

/* checkbox → iOS toggle */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check > span {
    color: #475569;
    font-size: 12.5px;
    font-weight: 500;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 38px;
    height: 22px;
    flex: 0 0 auto;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    cursor: pointer;
    transition: background .2s;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check > input[type="checkbox"]::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    transition: transform .2s;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check > input[type="checkbox"]:checked {
    background: #10b981;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-check > input[type="checkbox"]:checked::after {
    transform: translateX(16px);
}

/* 范围统计：只读统计卡，发丝线两列 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-range-grid,
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-range-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 24px !important;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-stat span {
    color: #94a3b8;
    font-size: 11.5px;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-stat strong {
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 600;
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-note {
    margin: 12px 0 0;
    color: #94a3b8;
    font-size: 11.5px;
    line-height: 1.6;
}

/* 重置按钮 */
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-overlay-actions {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.td-vip-dplus-settings-content .td-vip-vrvp-settings--refined .td-vip-vrvp-overlay-actions .td-vip-indicator-settings-trigger {
    min-height: 32px;
    padding: 0 16px;
    border: 1px solid rgba(15, 23, 42, 0.13);
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 12.5px;
}