:root {
    --sdb-black: #020704;
    --sdb-panel: rgba(5, 18, 10, 0.88);
    --sdb-panel-2: rgba(9, 30, 17, 0.92);
    --sdb-green: #00e676;
    --sdb-green-soft: rgba(0, 230, 118, 0.16);
    --sdb-gold: #ffd86b;
    --sdb-gold-soft: rgba(255, 216, 107, 0.18);
    --sdb-border: rgba(0, 230, 118, 0.22);
    --sdb-border-gold: rgba(255, 216, 107, 0.24);
    --sdb-text: #f2fff7;
    --sdb-muted: rgba(226, 255, 237, 0.68);
    --sdb-shadow: 0 24px 70px rgba(0, 0, 0, 0.55), 0 0 34px rgba(0, 230, 118, 0.08);
    --general-main-1: #030905;
    --general-main-2: #07140c;
    --general-section-1: #0b1c11;
    --general-section-2: #0f2618;
    --general-section-3: #143420;
    --text-general: #eafff1;
    --text-prominent: #ffffff;
    --text-less-prominent: rgba(234, 255, 241, 0.72);
    --text-disabled: rgba(234, 255, 241, 0.38);
    --brand-red-coral: #00e676;
    --brand-secondary: #ffd86b;
    --button-primary-default: #00c853;
    --button-primary-hover: #00e676;
    --button-primary-disabled: #14532d;
    --border-normal: rgba(0, 230, 118, 0.22);
    --shadow-menu: rgba(0, 0, 0, 0.58);
}

html,
body,
body.body,
body.theme--dark {
    background:
        radial-gradient(circle at 18% -12%, rgba(0, 230, 118, 0.18), transparent 36rem),
        radial-gradient(circle at 88% 8%, rgba(255, 216, 107, 0.12), transparent 34rem),
        linear-gradient(140deg, #010302 0%, #030905 42%, #06150c 100%) !important;
    color: var(--sdb-text) !important;
    font-family: Inter, "IBM Plex Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-rendering: geometricPrecision;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(0, 230, 118, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 230, 118, 0.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent 85%);
}

#pre-loader,
.sdb-loader {
    background:
        radial-gradient(circle at 48% 42%, rgba(0, 230, 118, 0.18), transparent 24rem),
        radial-gradient(circle at 70% 72%, rgba(255, 216, 107, 0.1), transparent 22rem),
        linear-gradient(145deg, #000 0%, #031007 58%, #010302 100%) !important;
}

#pl-bg {
    background:
        radial-gradient(ellipse 80% 60% at 22% 82%, rgba(0, 230, 118, 0.28) 0%, transparent 62%),
        radial-gradient(ellipse 70% 55% at 82% 12%, rgba(255, 216, 107, 0.18) 0%, transparent 58%),
        linear-gradient(160deg, #000 0%, #041008 42%, #081c10 72%, #010302 100%) !important;
}

#pl-logo-ring,
.sdb-card {
    filter: drop-shadow(0 0 28px rgba(0, 230, 118, 0.16));
}

#pl-brand,
.sdb-brand__name {
    letter-spacing: 0.16em !important;
    text-shadow: 0 0 24px rgba(0, 230, 118, 0.38) !important;
}

#pl-bar,
.sdb-progress-fill {
    background: linear-gradient(90deg, #00e676, #5cff9b 45%, #ffd86b) !important;
    box-shadow: 0 0 18px rgba(0, 230, 118, 0.55), 0 0 24px rgba(255, 216, 107, 0.2) !important;
}

.sdb-loader-card,
#pl-center {
    transform: translateZ(0);
}

.dc-page-overlay,
.dc-page-overlay__content,
.dc-dialog__dialog,
.dc-modal__container,
.dc-themed-scrollbars,
.dashboard,
.dashboard__main,
.dashboard__chart-wrapper,
.bot,
.bot-dashboard,
.load-strategy__container,
.quick-strategy__wrapper,
.run-panel,
.run-panel-tab,
.journal,
.transactions,
.statistics,
.summary,
.chart-modal-dialog,
.dc-tabs,
.dc-tabs__content {
    background-color: var(--sdb-panel) !important;
    color: var(--sdb-text) !important;
}

.dc-page-overlay__header,
.dashboard__header,
.dashboard__sidebar,
.dashboard__sidebar-wrapper,
.toolbar,
.bot-builder,
.run-panel__container,
.journal__container,
.transactions__container,
.summary__content,
.statistics__content {
    background:
        linear-gradient(180deg, rgba(10, 34, 18, 0.96), rgba(3, 10, 5, 0.94)) !important;
    border-color: var(--sdb-border) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.38) !important;
}

.toolbar {
    height: 6.2rem !important;
    padding: 0.8rem 1rem !important;
    border-bottom: 1px solid var(--sdb-border) !important;
    backdrop-filter: blur(18px);
}

.toolbar__section,
.toolbar__group {
    gap: 0.8rem !important;
}

.toolbar button,
.toolbar .dc-btn,
.dc-btn,
button,
[role="button"] {
    border-radius: 1rem !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, opacity 0.18s ease !important;
}

.toolbar button:hover,
.toolbar .dc-btn:hover,
.dc-btn:hover,
button:hover,
[role="button"]:hover {
    transform: translateY(-1px);
}

.dc-btn--primary,
.dc-btn__effect-detail,
.btn-primary,
.bg-green-500,
.bg-blue-700 {
    background: linear-gradient(135deg, #00b85c 0%, #00e676 55%, #ffd86b 150%) !important;
    border: 1px solid rgba(255, 216, 107, 0.28) !important;
    color: #031007 !important;
    box-shadow: 0 12px 28px rgba(0, 230, 118, 0.22) !important;
    font-weight: 800 !important;
}

.dc-btn--secondary,
.dc-btn--tertiary,
.btn-secondary {
    background: rgba(6, 22, 12, 0.78) !important;
    border: 1px solid var(--sdb-border) !important;
    color: var(--sdb-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.dc-btn--primary:hover,
.btn-primary:hover,
.bg-green-500:hover,
.bg-blue-700:hover {
    box-shadow: 0 16px 34px rgba(0, 230, 118, 0.32), 0 0 26px rgba(255, 216, 107, 0.14) !important;
}

.dc-input__field,
input,
select,
textarea,
.flyout__input {
    background: rgba(2, 8, 4, 0.72) !important;
    border: 1px solid var(--sdb-border) !important;
    border-radius: 1rem !important;
    color: var(--sdb-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.dc-input__field:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(255, 216, 107, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    outline: none !important;
}

.dc-tabs__list {
    background: rgba(2, 8, 4, 0.68) !important;
    border: 1px solid var(--sdb-border) !important;
    border-radius: 1.4rem !important;
    padding: 0.4rem !important;
}

.dc-tabs__item {
    border-radius: 1rem !important;
    color: var(--sdb-muted) !important;
}

.dc-tabs__item.dc-tabs__active,
.dc-tabs__item--active {
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.22), rgba(255, 216, 107, 0.16)) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 216, 107, 0.18), 0 10px 26px rgba(0, 0, 0, 0.28) !important;
}

.strategy-library {
    background:
        radial-gradient(circle at top left, rgba(0, 230, 118, 0.18), transparent 34rem),
        radial-gradient(circle at bottom right, rgba(255, 216, 107, 0.12), transparent 34rem),
        #020704 !important;
    padding: clamp(16px, 2vw, 32px) !important;
}

.strategy-library__container {
    max-width: 1500px !important;
}

.strategy-library__grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: clamp(18px, 2.2vw, 34px) !important;
}

.strategy-library__loading,
.strategy-library__empty {
    color: var(--sdb-muted) !important;
    background: rgba(7, 20, 12, 0.7) !important;
    border: 1px solid var(--sdb-border) !important;
    border-radius: 2rem !important;
    box-shadow: var(--sdb-shadow) !important;
}

.free-bot-card {
    background:
        linear-gradient(145deg, rgba(9, 30, 17, 0.96), rgba(2, 8, 4, 0.94)) !important;
    border: 1px solid rgba(0, 230, 118, 0.22) !important;
    border-radius: 2.2rem !important;
    color: var(--sdb-text) !important;
    padding: 2.2rem !important;
    min-height: 24rem !important;
    box-shadow: var(--sdb-shadow) !important;
    overflow: hidden !important;
}

.free-bot-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.07) 42%, transparent 58%);
    transform: translateX(-120%);
    transition: transform 0.65s ease;
}

.free-bot-card:hover {
    border-color: rgba(255, 216, 107, 0.55) !important;
    transform: translateY(-7px) !important;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.62), 0 0 42px rgba(0, 230, 118, 0.18) !important;
}

.free-bot-card:hover::after {
    transform: translateX(120%);
}

.free-bot-card::before {
    background: linear-gradient(135deg, #ffd86b, #00e676) !important;
    border-radius: 0 2.2rem 0 1.2rem !important;
    color: #031007 !important;
    box-shadow: 0 10px 24px rgba(255, 216, 107, 0.24) !important;
}

.free-bot-card__title,
.free-bot-card__name {
    color: #ffffff !important;
    font-size: 1.75rem !important;
    letter-spacing: -0.01em !important;
}

.free-bot-card__title::before {
    content: "◆" !important;
    color: var(--sdb-gold);
    text-shadow: 0 0 16px rgba(255, 216, 107, 0.5);
}

.free-bot-card__description,
.free-bot-card__meta,
.free-bot-card p {
    color: var(--sdb-muted) !important;
    line-height: 1.6 !important;
}

.free-bot-card__button,
.free-bot-card button {
    background: linear-gradient(135deg, #00c853, #00e676 58%, #ffd86b 160%) !important;
    border: 0 !important;
    color: #021008 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(0, 230, 118, 0.25) !important;
}

.bot-list__wrapper {
    background: rgba(7, 20, 12, 0.8) !important;
    border: 1px solid var(--sdb-border) !important;
    border-radius: 1.8rem !important;
    padding: 1.2rem !important;
    box-shadow: var(--sdb-shadow) !important;
}

.bot-list__header,
.bot-list__item {
    border-color: rgba(0, 230, 118, 0.14) !important;
}

.bot-list__item {
    border-radius: 1.2rem !important;
    margin: 0.5rem 0 !important;
    padding: 1rem !important;
}

.bot-list__item:hover {
    background: rgba(0, 230, 118, 0.08) !important;
}

.run-panel__stat,
.run-panel__stat--header,
.summary-card,
.transactions__item,
.journal__item,
.digit-chart-container,
.matches-controls,
.draggable,
.draggable .draggable-content {
    background: linear-gradient(145deg, rgba(10, 31, 18, 0.94), rgba(3, 10, 5, 0.94)) !important;
    border: 1px solid var(--sdb-border) !important;
    border-radius: 1.6rem !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35) !important;
}

.digit-bars-chart {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
        rgba(1, 6, 3, 0.82) !important;
    border: 1px solid rgba(255, 216, 107, 0.12) !important;
    border-radius: 1.4rem !important;
}

.bar-vertical,
.digit-bar {
    border-color: rgba(0, 0, 0, 0.55) !important;
    box-shadow: 0 0 18px rgba(0, 230, 118, 0.16) !important;
}

.dc-dialog__dialog,
.dc-modal__container {
    border: 1px solid var(--sdb-border-gold) !important;
    border-radius: 2rem !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.72), 0 0 42px rgba(0, 230, 118, 0.1) !important;
    overflow: hidden !important;
}

.dc-dialog__header,
.dc-modal-header {
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.12), rgba(255, 216, 107, 0.08)) !important;
    border-bottom: 1px solid var(--sdb-border) !important;
}

.blocklyToolboxDiv,
.flyout,
.blocklyFlyoutBackground {
    background: #06120a !important;
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyMainBackground,
.theme--dark .load-strategy__container .blocklyMainBackground {
    fill: #050b07 !important;
}

.theme--dark .flyout rect.blocklyFieldRect.blocklyDropdownRect,
.theme--dark .flyout .zelos-renderer.classic-theme .blocklyMainBackground {
    fill: #08150d !important;
}

.risk-disclaimer-button__btn {
    background: linear-gradient(135deg, #ffd86b, #00e676) !important;
    border-radius: 999px !important;
    color: #031007 !important;
    box-shadow: 0 14px 30px rgba(255, 216, 107, 0.22) !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(1, 6, 3, 0.82);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(0, 230, 118, 0.78), rgba(255, 216, 107, 0.72));
    border: 2px solid rgba(1, 6, 3, 0.9);
    border-radius: 999px;
}

.dark body,
body .min-h-screen {
    background:
        radial-gradient(circle at 20% 0%, rgba(0, 230, 118, 0.16), transparent 28rem),
        linear-gradient(145deg, #010302, #05140a) !important;
    color: var(--sdb-text) !important;
}

.bg-blue-900,
.bg-blue-800,
.bg-white,
.bg-gray-50 {
    background: rgba(7, 20, 12, 0.9) !important;
    color: var(--sdb-text) !important;
    border-color: var(--sdb-border) !important;
}

.text-gray-900,
.text-gray-800,
.text-gray-700,
.text-gray-600,
.text-blue-200,
.text-blue-300 {
    color: var(--sdb-muted) !important;
}

.text-3xl,
.text-lg,
h1,
h2,
h3 {
    color: #ffffff !important;
    letter-spacing: -0.03em;
}

.rounded,
.rounded-lg {
    border-radius: 1.2rem !important;
}

.border-blue-600,
.border {
    border-color: var(--sdb-border) !important;
}

@media (max-width: 768px) {
    #pl-logo-ring {
        width: 118px !important;
        height: 118px !important;
    }

    #pl-brand {
        font-size: clamp(24px, 8vw, 34px) !important;
        letter-spacing: 0.11em !important;
    }

    #pl-tagline {
        letter-spacing: 0.22em !important;
        text-align: center !important;
        padding: 0 18px !important;
    }

    .toolbar {
        height: auto !important;
        min-height: 5.8rem !important;
        flex-wrap: wrap !important;
        gap: 0.6rem !important;
    }
}

/* TradingView & Charts compatibility */
.chart-container,
.tradingview-widget-container,
.tv-lightweight-charts,
.smartcharts-container,
canvas:not([style*="display:none"]) {
    filter: invert(0) !important;
}

/* Prevent green theme override on charts */
.chart-container *,
.tradingview-widget-container *,
.tv-lightweight-charts *,
.smartcharts-container *,
canvas + * {
    color: inherit !important;
    border-color: inherit !important;
}

/* Ensure chart SVG elements render properly */
.chart-container svg,
.tradingview-widget-container svg,
.tv-lightweight-charts svg {
    filter: none !important;
}

/* Canvas-based charts must keep their own renderer surfaces. */
.chart-container canvas,
.tradingview-widget-container canvas,
.tv-lightweight-charts canvas {
    filter: none !important;
    background: transparent !important;
}

    .strategy-library {
        padding: 1.2rem !important;
    }

    .strategy-library__grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.6rem !important;
        padding: 0 0 8rem !important;
    }

    .free-bot-card {
        min-height: 20rem !important;
        padding: 1.8rem !important;
        border-radius: 1.8rem !important;
    }

    .bot-list__wrapper {
        width: auto !important;
        margin: 0 1rem !important;
    }
}

.w-80.bg-blue-900,
.fixed.bg-blue-900,
.flex-col.bg-blue-900 {
    background:
        linear-gradient(180deg, rgba(8, 28, 15, 0.96), rgba(2, 8, 4, 0.94)) !important;
    border-right: 1px solid rgba(0, 230, 118, 0.22) !important;
    box-shadow: 18px 0 50px rgba(0, 0, 0, 0.34) !important;
}

.space-y-2 button,
.space-y-4 button,
.w-full.text-left {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(0, 230, 118, 0.18) !important;
    color: #f2fff7 !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.space-y-2 button:hover,
.space-y-4 button:hover,
.w-full.text-left:hover {
    background: rgba(0, 230, 118, 0.18) !important;
    border-color: rgba(255, 216, 107, 0.34) !important;
    color: #ffffff !important;
}

.space-y-2 button.bg-blue-700,
.space-y-4 button.bg-blue-700 {
    background: linear-gradient(135deg, #00c853, #71ff8f) !important;
    color: #031007 !important;
    box-shadow: 0 14px 30px rgba(0, 230, 118, 0.28) !important;
}

.h-64,
canvas {
    border-radius: 1.4rem !important;
}

.grid .bg-gray-50,
.grid > div {
    background: rgba(7, 20, 12, 0.54) !important;
    border: 1px solid rgba(0, 230, 118, 0.13) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.26) !important;
}

.bg-red-500 {
    background: linear-gradient(135deg, #ff2f63, #ff4f8b) !important;
    box-shadow: 0 14px 30px rgba(255, 47, 99, 0.24) !important;
}

.font-mono {
    color: rgba(242, 255, 247, 0.78) !important;
}

/* ===== ANALYSIS TOOL TAB - PREMIUM GREEN/GOLD THEME ===== */
.analysis-tools__wrapper,
[class*="analysis-tools__"],
.analysis-tool-page,
.dc-tabs--top .dc-tabs__content {
    background: #020a04 !important;
}

/* Card grid → horizontal scrollable pill-tab row */
.analysis-tools__cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding: 16px 20px !important;
    background: linear-gradient(90deg, rgba(3,14,7,0.98), rgba(6,22,12,0.98)) !important;
    border-bottom: 1px solid rgba(0,230,118,0.18) !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.analysis-tools__cards::-webkit-scrollbar { display: none !important; }

/* Each card → slim pill tab */
.analysis-tools__card {
    flex: 0 0 auto !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(0,230,118,0.2) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    overflow: visible !important;
    min-height: unset !important;
}
.analysis-tools__card:hover {
    background: rgba(0,230,118,0.1) !important;
    border-color: rgba(0,230,118,0.5) !important;
    box-shadow: 0 0 18px rgba(0,230,118,0.18) !important;
    transform: none !important;
}
.analysis-tools__card--active {
    background: linear-gradient(135deg, rgba(0,200,83,0.28), rgba(255,216,107,0.18)) !important;
    border-color: rgba(255,216,107,0.7) !important;
    box-shadow: 0 0 0 2px rgba(0,230,118,0.22), 0 4px 18px rgba(0,230,118,0.18) !important;
}

.analysis-tools__card-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 20px !important;
    height: auto !important;
    min-height: unset !important;
    white-space: nowrap !important;
}

.analysis-tools__card-label {
    color: rgba(226,255,237,0.7) !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.analysis-tools__card--active .analysis-tools__card-label {
    background: linear-gradient(135deg, #00e676, #ffd86b) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 900 !important;
}

.analysis-tools__actions {
    padding: 14px 20px !important;
    background: linear-gradient(90deg, rgba(3,14,7,0.98), rgba(6,22,12,0.98)) !important;
    border-top: 1px solid rgba(0,230,118,0.14) !important;
    display: flex !important;
    gap: 8px !important;
}
.analysis-tools__actions button {
    background: rgba(0,230,118,0.1) !important;
    border: 1px solid rgba(0,230,118,0.3) !important;
    color: #a0ffc8 !important;
    border-radius: 999px !important;
    padding: 7px 16px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    cursor: pointer !important;
    letter-spacing: 0.04em !important;
}
.analysis-tools__actions button:hover {
    background: rgba(0,230,118,0.22) !important;
    border-color: rgba(255,216,107,0.5) !important;
}

.analysis-tool-container,
.dp-tools-container,
.dcircles-container,
.smart-analysis-container,
.xenon-ai-container {
    background: #020a04 !important;
    border: none !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.tab-content--active [class*="analysis-tool"],
.dc-tabs__content [class*="analysis-tool"] {
    background: #020a04 !important;
}

.analysis-tools__tab-bar,
[class*="analysis-tools__header"],
[class*="analysis-tool__nav"] {
    background: linear-gradient(90deg, rgba(3,14,7,0.98), rgba(6,22,12,0.98)) !important;
    border-bottom: 1px solid rgba(0,230,118,0.18) !important;
}

#sdb-circles-panel{border-radius:22px!important;background:#020a04!important;border:1px solid rgba(0,230,118,.28)!important;box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(0,230,118,.1)!important;overflow:hidden!important;backdrop-filter:blur(18px)!important}#sdb-circles-panel:before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#00e676,#ffd86b,transparent);z-index:2;pointer-events:none}#sdb-circles-panel .sdb-circles-header{height:52px!important;padding:0 16px!important;background:linear-gradient(90deg,rgba(3,14,7,.98),rgba(6,22,12,.98))!important;border-bottom:1px solid rgba(0,230,118,.2)!important;color:#f2fff7!important;font:700 13px Inter,"Segoe UI",sans-serif!important;letter-spacing:.04em!important;position:relative;z-index:3}#sdb-circles-panel .sdb-circles-header span{background:linear-gradient(135deg,#00e676,#ffd86b)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#sdb-circles-panel button{background:rgba(0,230,118,.1)!important;border:1px solid rgba(0,230,118,.3)!important;color:#a0ffc8!important;border-radius:999px!important;padding:6px 14px!important;font-weight:700!important;font-size:12px!important;cursor:pointer!important;box-shadow:none!important}#sdb-circles-panel iframe{position:relative;z-index:1;background:#020a04!important}

/* ===== MOBILE FREE BOTS SCROLL FIX ===== */
.free-bots,
.free-bots__container {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.free-bots__grid {
    padding-bottom: max(14rem, calc(env(safe-area-inset-bottom, 0px) + 14rem)) !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .dc-tabs__content .free-bots,
    .dc-tabs__content .free-bots__container,
    .tab-content--active .free-bots,
    .tab-content--active .free-bots__container {
        max-height: calc(100vh - 16rem) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    .free-bots__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.4rem !important;
        padding: 0 1rem max(18rem, calc(env(safe-area-inset-bottom, 0px) + 18rem)) !important;
    }

    .free-bot-card:last-child {
        margin-bottom: 2rem !important;
    }
}

/* ===== BOT ENHANCER — JSON-DRIVEN CARD CONTENT ===== */

/* Premium badge via data attribute — set by bot-enhancer.js from bots.json */
.free-bot-card[data-sdb-premium="true"] {
    position: relative !important;
}
.free-bot-card[data-sdb-premium="true"]::before {
    content: "PREMIUM" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 0.45rem 1.1rem !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.13em !important;
    z-index: 10 !important;
    border-radius: 0 2.2rem 0 1.4rem !important;
}
.free-bot-card[data-sdb-premium="false"]::before {
    content: none !important;
}

/* Enhancer block container */
.sdb-enhancer-block {
    margin: 0.6rem 0 0.4rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

/* Stars */
.sdb-stars {
    display: flex !important;
    gap: 2px !important;
    margin-bottom: 0.1rem !important;
}
.sdb-star {
    font-size: 1.1rem !important;
    color: rgba(226, 255, 237, 0.22) !important;
    line-height: 1 !important;
    transition: color 0.15s ease !important;
}
.sdb-star--on {
    color: #ffd86b !important;
    text-shadow: 0 0 8px rgba(255, 216, 107, 0.55) !important;
}

/* Description text */
.sdb-desc {
    color: rgba(226, 255, 237, 0.7) !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

/* Tags */
.sdb-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    margin-top: 0.2rem !important;
}
.sdb-tag {
    background: rgba(0, 230, 118, 0.1) !important;
    border: 1px solid rgba(0, 230, 118, 0.28) !important;
    border-radius: 999px !important;
    color: rgba(0, 230, 118, 0.9) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    padding: 0.18rem 0.65rem !important;
}

/* ===== PREMIUM COLOR REFRESH ===== */
:root {
    --sdb-black: #090d12;
    --sdb-panel: rgba(15, 22, 28, 0.92);
    --sdb-panel-2: rgba(20, 30, 38, 0.94);
    --sdb-green: #35d49a;
    --sdb-green-soft: rgba(53, 212, 154, 0.14);
    --sdb-gold: #f4c86a;
    --sdb-gold-soft: rgba(244, 200, 106, 0.18);
    --sdb-border: rgba(112, 183, 170, 0.24);
    --sdb-border-gold: rgba(244, 200, 106, 0.34);
    --sdb-text: #f6faf8;
    --sdb-muted: rgba(223, 234, 230, 0.72);
    --sdb-shadow: 0 26px 80px rgba(0, 0, 0, 0.52), 0 0 38px rgba(53, 212, 154, 0.07);
    --general-main-1: #0a0f14;
    --general-main-2: #101820;
    --general-section-1: #151f27;
    --general-section-2: #192631;
    --general-section-3: #20313d;
    --text-general: #dfeae6;
    --text-prominent: #ffffff;
    --text-less-prominent: rgba(223, 234, 230, 0.7);
    --brand-red-coral: #35d49a;
    --brand-secondary: #f4c86a;
    --button-primary-default: #27b984;
    --button-primary-hover: #35d49a;
    --button-toggle-primary: #27b984;
    --border-normal: rgba(112, 183, 170, 0.24);
    --status-success: #35d49a;
    --transparent-success: rgba(53, 212, 154, 0.88);
}

html,
body,
body.body,
body.theme--dark,
.dark body,
body .min-h-screen {
    background:
        radial-gradient(circle at 16% -10%, rgba(53, 212, 154, 0.13), transparent 34rem),
        radial-gradient(circle at 88% 6%, rgba(244, 200, 106, 0.12), transparent 32rem),
        radial-gradient(circle at 50% 110%, rgba(78, 126, 255, 0.08), transparent 36rem),
        linear-gradient(140deg, #070a0f 0%, #0b1117 43%, #111c24 100%) !important;
    color: var(--sdb-text) !important;
}

body::before {
    background-image:
        linear-gradient(rgba(112, 183, 170, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 183, 170, 0.035) 1px, transparent 1px) !important;
}

#pre-loader,
.sdb-loader {
    background:
        radial-gradient(circle at 46% 42%, rgba(53, 212, 154, 0.16), transparent 24rem),
        radial-gradient(circle at 70% 72%, rgba(244, 200, 106, 0.12), transparent 22rem),
        linear-gradient(145deg, #05070a 0%, #0b1218 58%, #070a0f 100%) !important;
}

#pl-bg {
    background:
        radial-gradient(ellipse 80% 60% at 22% 82%, rgba(53, 212, 154, 0.18) 0%, transparent 62%),
        radial-gradient(ellipse 70% 55% at 82% 12%, rgba(244, 200, 106, 0.16) 0%, transparent 58%),
        linear-gradient(160deg, #05070a 0%, #0b1218 42%, #12202a 72%, #070a0f 100%) !important;
}

#pl-grid,
.sdb-bg-grid {
    background-image:
        linear-gradient(rgba(112, 183, 170, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 183, 170, 0.045) 1px, transparent 1px) !important;
}

#pl-brand,
.sdb-brand__name,
.sdb-brand__super,
#sdb-circles-panel .sdb-circles-header span,
.analysis-tools__card--active .analysis-tools__card-label {
    background: linear-gradient(135deg, #f6faf8 0%, #35d49a 42%, #f4c86a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: none !important;
}

#pl-ring-outer,
.sdb-logo-ring:before {
    border-top-color: #35d49a !important;
    border-right-color: rgba(53, 212, 154, 0.34) !important;
}

#pl-ring-mid,
.sdb-logo-ring:after {
    border-bottom-color: #f4c86a !important;
    border-left-color: rgba(244, 200, 106, 0.34) !important;
}

#pl-core {
    background: radial-gradient(circle at 40% 35%, #18392f, #0c151b) !important;
    box-shadow: 0 0 38px rgba(53, 212, 154, 0.16), inset 0 0 22px rgba(244, 200, 106, 0.08) !important;
}

#pl-bar,
.sdb-progress__fill,
.sdb-progress-fill {
    background: linear-gradient(90deg, #27b984 0%, #35d49a 50%, #f4c86a 100%) !important;
    box-shadow: 0 0 18px rgba(53, 212, 154, 0.38), 0 0 24px rgba(244, 200, 106, 0.18) !important;
}

#pl-dots span,
.sdb-particle,
.sdb-status__dot {
    background: #35d49a !important;
    box-shadow: 0 0 8px rgba(53, 212, 154, 0.72) !important;
}

#pl-dots span:nth-child(2),
#pl-dots span:nth-child(4),
.sdb-particle:nth-child(2n) {
    background: #f4c86a !important;
    box-shadow: 0 0 8px rgba(244, 200, 106, 0.72) !important;
}

.dc-page-overlay,
.dc-page-overlay__content,
.dc-dialog__dialog,
.dc-modal__container,
.dc-themed-scrollbars,
.dashboard,
.dashboard__main,
.dashboard__chart-wrapper,
.bot,
.bot-dashboard,
.load-strategy__container,
.quick-strategy__wrapper,
.run-panel,
.run-panel-tab,
.journal,
.transactions,
.statistics,
.summary,
.chart-modal-dialog,
.dc-tabs,
.dc-tabs__content,
.bg-blue-900,
.bg-blue-800,
.bg-white,
.bg-gray-50,
.strategy-library__loading,
.strategy-library__empty,
.bot-list__wrapper {
    background-color: var(--sdb-panel) !important;
    color: var(--sdb-text) !important;
    border-color: var(--sdb-border) !important;
}

.dc-page-overlay__header,
.dashboard__header,
.dashboard__sidebar,
.dashboard__sidebar-wrapper,
.toolbar,
.bot-builder,
.run-panel__container,
.journal__container,
.transactions__container,
.summary__content,
.statistics__content,
.w-80.bg-blue-900,
.fixed.bg-blue-900,
.flex-col.bg-blue-900,
.analysis-tools__cards,
.analysis-tools__actions,
.analysis-tools__tab-bar,
[class*="analysis-tools__header"],
[class*="analysis-tool__nav"],
#sdb-circles-panel .sdb-circles-header {
    background: linear-gradient(180deg, rgba(18, 29, 37, 0.96), rgba(10, 15, 20, 0.94)) !important;
    border-color: var(--sdb-border) !important;
}

.strategy-library,
.analysis-tools__wrapper,
[class*="analysis-tools__"],
.analysis-tool-page,
.analysis-tool-container,
.dp-tools-container,
.dcircles-container,
.smart-analysis-container,
.xenon-ai-container,
.tab-content--active [class*="analysis-tool"],
.dc-tabs__content [class*="analysis-tool"],
#sdb-circles-panel {
    background:
        radial-gradient(circle at top left, rgba(53, 212, 154, 0.12), transparent 34rem),
        radial-gradient(circle at bottom right, rgba(244, 200, 106, 0.1), transparent 34rem),
        #090d12 !important;
}

.free-bot-card,
.run-panel__stat,
.run-panel__stat--header,
.summary-card,
.transactions__item,
.journal__item,
.digit-chart-container,
.matches-controls,
.draggable,
.draggable .draggable-content,
.grid .bg-gray-50,
.grid > div {
    background: linear-gradient(145deg, rgba(20, 31, 39, 0.96), rgba(10, 15, 20, 0.94)) !important;
    border-color: var(--sdb-border) !important;
    box-shadow: var(--sdb-shadow) !important;
}

.free-bot-card:hover {
    border-color: var(--sdb-border-gold) !important;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.56), 0 0 42px rgba(53, 212, 154, 0.13) !important;
}

.dc-btn--primary,
.dc-btn__effect-detail,
.btn-primary,
.bg-green-500,
.bg-blue-700,
.free-bot-card__button,
.free-bot-card button,
.risk-disclaimer-button__btn,
.space-y-2 button.bg-blue-700,
.space-y-4 button.bg-blue-700 {
    background: linear-gradient(135deg, #27b984 0%, #35d49a 58%, #f4c86a 150%) !important;
    border-color: rgba(244, 200, 106, 0.32) !important;
    color: #07100d !important;
    box-shadow: 0 14px 32px rgba(39, 185, 132, 0.2) !important;
}

.dc-btn--primary:hover,
.btn-primary:hover,
.bg-green-500:hover,
.bg-blue-700:hover,
.free-bot-card__button:hover,
.free-bot-card button:hover {
    box-shadow: 0 18px 38px rgba(39, 185, 132, 0.28), 0 0 24px rgba(244, 200, 106, 0.14) !important;
}

.dc-btn--secondary,
.dc-btn--tertiary,
.btn-secondary,
.space-y-2 button,
.space-y-4 button,
.w-full.text-left,
.analysis-tools__card,
.analysis-tools__actions button,
#sdb-circles-panel button,
.sdb-tag {
    background: rgba(246, 250, 248, 0.06) !important;
    border-color: var(--sdb-border) !important;
    color: var(--sdb-text) !important;
}

.dc-tabs__item.dc-tabs__active,
.dc-tabs__item--active,
.analysis-tools__card--active {
    background: linear-gradient(135deg, rgba(53, 212, 154, 0.18), rgba(244, 200, 106, 0.16)) !important;
    border-color: var(--sdb-border-gold) !important;
    box-shadow: inset 0 0 0 1px rgba(244, 200, 106, 0.16), 0 10px 26px rgba(0, 0, 0, 0.28) !important;
}

.dc-input__field,
input,
select,
textarea,
.flyout__input {
    background: rgba(8, 13, 18, 0.76) !important;
    border-color: var(--sdb-border) !important;
    color: var(--sdb-text) !important;
}

.dc-input__field:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--sdb-border-gold) !important;
    box-shadow: 0 0 0 3px rgba(53, 212, 154, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.blocklyToolboxDiv,
.flyout,
.blocklyFlyoutBackground {
    background: #101820 !important;
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyMainBackground,
.theme--dark .load-strategy__container .blocklyMainBackground {
    fill: #0a0f14 !important;
}

.theme--dark .flyout rect.blocklyFieldRect.blocklyDropdownRect,
.theme--dark .flyout .zelos-renderer.classic-theme .blocklyMainBackground {
    fill: #111c24 !important;
}

::-webkit-scrollbar-track {
    background: rgba(8, 13, 18, 0.9) !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(53, 212, 154, 0.78), rgba(244, 200, 106, 0.72)) !important;
    border-color: rgba(8, 13, 18, 0.92) !important;
}

#sdb-circles-panel::before {
    background: linear-gradient(90deg, transparent, #35d49a, #f4c86a, transparent) !important;
}

.sdb-brand__dbot,
.sdb-star--on,
.free-bot-card__title::before {
    color: #f4c86a !important;
    text-shadow: 0 0 14px rgba(244, 200, 106, 0.44) !important;
}

.sdb-brand__tagline,
.sdb-status__text,
.sdb-progress__pct,
#sdb-circles-panel button,
.analysis-tools__actions button,
.sdb-tag {
    color: #8ff0c7 !important;
}

.sdb-candle__wick.bull {
    background: #35d49a !important;
}

.sdb-candle__body.bull {
    background: linear-gradient(#65e0b3, #27b984) !important;
    box-shadow: 0 0 4px rgba(53, 212, 154, 0.5) !important;
}

/* ===== NON-GREEN PREMIUM PASS + DESKTOP THEME CONTROL ===== */
:root {
    --sdb-black: #090b12;
    --sdb-panel: rgba(15, 18, 28, 0.93);
    --sdb-panel-2: rgba(21, 25, 38, 0.95);
    --sdb-green: #6ea8ff;
    --sdb-green-soft: rgba(110, 168, 255, 0.15);
    --sdb-gold: #f2c76e;
    --sdb-gold-soft: rgba(242, 199, 110, 0.18);
    --sdb-border: rgba(139, 161, 205, 0.26);
    --sdb-border-gold: rgba(242, 199, 110, 0.34);
    --sdb-text: #f7f8fc;
    --sdb-muted: rgba(225, 230, 244, 0.72);
    --general-main-1: #090b12;
    --general-main-2: #111622;
    --general-section-1: #171d2b;
    --general-section-2: #1c2433;
    --general-section-3: #243047;
    --brand-red-coral: #6ea8ff;
    --brand-secondary: #f2c76e;
    --button-primary-default: #4f8cff;
    --button-primary-hover: #79adff;
    --button-toggle-primary: #4f8cff;
    --status-success: #6ea8ff;
    --transparent-success: rgba(110, 168, 255, 0.88);
    --text-green: #6ea8ff;
    --purchase-main-1: #6ea8ff;
    --purchase-section-1: #4f78c8;
}

:root .theme--dark,
body.theme--dark {
    --du-brand-red-coral: #6ea8ff;
    --du-brand-secondary: #f2c76e;
    --du-button-primary-default: #4f8cff;
    --du-button-primary-hover: #79adff;
    --du-button-toggle-primary: #4f8cff;
    --du-status-success: #6ea8ff;
    --du-text-green: #6ea8ff;
}

html,
body,
body.body,
body.theme--dark,
.dark body,
body .min-h-screen {
    background:
        radial-gradient(circle at 16% -10%, rgba(110, 168, 255, 0.15), transparent 34rem),
        radial-gradient(circle at 88% 6%, rgba(242, 199, 110, 0.13), transparent 32rem),
        radial-gradient(circle at 50% 110%, rgba(255, 122, 162, 0.07), transparent 34rem),
        linear-gradient(140deg, #070910 0%, #0b0f19 45%, #131a29 100%) !important;
}

body.sdb-force-light {
    --sdb-black: #f7f8fc;
    --sdb-panel: rgba(255, 255, 255, 0.94);
    --sdb-panel-2: rgba(242, 245, 251, 0.96);
    --sdb-text: #121722;
    --sdb-muted: rgba(42, 51, 69, 0.72);
    --general-main-1: #f7f8fc;
    --general-main-2: #ffffff;
    --general-section-1: #eef2f8;
    --general-section-2: #e8edf6;
    --text-general: #283246;
    --text-prominent: #111827;
    --text-less-prominent: rgba(42, 51, 69, 0.72);
    background:
        radial-gradient(circle at 14% -10%, rgba(110, 168, 255, 0.2), transparent 32rem),
        radial-gradient(circle at 88% 4%, rgba(242, 199, 110, 0.16), transparent 30rem),
        linear-gradient(140deg, #fbfcff 0%, #f2f5fa 48%, #e9eef7 100%) !important;
    color: #121722 !important;
}

#pre-loader,
.sdb-loader,
#pl-bg {
    background:
        radial-gradient(circle at 46% 42%, rgba(110, 168, 255, 0.17), transparent 24rem),
        radial-gradient(circle at 70% 72%, rgba(242, 199, 110, 0.13), transparent 22rem),
        linear-gradient(145deg, #05070d 0%, #0b101a 58%, #070910 100%) !important;
}

body::before,
#pl-grid,
.sdb-bg-grid {
    background-image:
        linear-gradient(rgba(139, 161, 205, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139, 161, 205, 0.045) 1px, transparent 1px) !important;
}

#pl-brand,
.sdb-brand__name,
.sdb-brand__super,
#sdb-circles-panel .sdb-circles-header span,
.analysis-tools__card--active .analysis-tools__card-label {
    background: linear-gradient(135deg, #f7f8fc 0%, #6ea8ff 46%, #f2c76e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#pl-ring-outer,
.sdb-logo-ring:before {
    border-top-color: #6ea8ff !important;
    border-right-color: rgba(110, 168, 255, 0.36) !important;
}

#pl-ring-mid,
.sdb-logo-ring:after {
    border-bottom-color: #f2c76e !important;
    border-left-color: rgba(242, 199, 110, 0.36) !important;
}

#pl-bar,
.sdb-progress__fill,
.sdb-progress-fill,
.dc-btn--primary,
.dc-btn__effect-detail,
.btn-primary,
.bg-green-500,
.bg-blue-700,
.free-bot-card__button,
.free-bot-card button,
.risk-disclaimer-button__btn,
.space-y-2 button.bg-blue-700,
.space-y-4 button.bg-blue-700 {
    background: linear-gradient(135deg, #4f8cff 0%, #79adff 58%, #f2c76e 150%) !important;
    border-color: rgba(242, 199, 110, 0.34) !important;
    color: #07101f !important;
    box-shadow: 0 14px 32px rgba(79, 140, 255, 0.22) !important;
}

#pl-dots span,
.sdb-particle,
.sdb-status__dot,
.sdb-candle__wick.bull {
    background: #6ea8ff !important;
    box-shadow: 0 0 8px rgba(110, 168, 255, 0.7) !important;
}

.sdb-candle__body.bull {
    background: linear-gradient(#9fc3ff, #4f8cff) !important;
    box-shadow: 0 0 5px rgba(110, 168, 255, 0.48) !important;
}

.sdb-brand__tagline,
.sdb-status__text,
.sdb-progress__pct,
#sdb-circles-panel button,
.analysis-tools__actions button,
.sdb-tag {
    color: #b7d0ff !important;
}

.dc-tabs__item.dc-tabs__active,
.dc-tabs__item--active,
.analysis-tools__card--active {
    background: linear-gradient(135deg, rgba(110, 168, 255, 0.2), rgba(242, 199, 110, 0.15)) !important;
    border-color: var(--sdb-border-gold) !important;
}

.free-bot-card,
.run-panel__stat,
.run-panel__stat--header,
.summary-card,
.transactions__item,
.journal__item,
.digit-chart-container,
.matches-controls,
.draggable,
.draggable .draggable-content,
.grid .bg-gray-50,
.grid > div {
    background: linear-gradient(145deg, rgba(21, 25, 38, 0.96), rgba(9, 11, 18, 0.94)) !important;
    border-color: var(--sdb-border) !important;
}

body.sdb-force-light .free-bot-card,
body.sdb-force-light .run-panel__stat,
body.sdb-force-light .run-panel__stat--header,
body.sdb-force-light .summary-card,
body.sdb-force-light .transactions__item,
body.sdb-force-light .journal__item,
body.sdb-force-light .digit-chart-container,
body.sdb-force-light .matches-controls,
body.sdb-force-light .draggable,
body.sdb-force-light .draggable .draggable-content,
body.sdb-force-light .grid .bg-gray-50,
body.sdb-force-light .grid > div {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 244, 251, 0.94)) !important;
    color: #121722 !important;
}

.sdb-theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 100000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 102px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(139, 161, 205, 0.32);
    border-radius: 999px;
    background: rgba(15, 18, 28, 0.88);
    color: #f7f8fc;
    font: 800 12px/1 Inter, "IBM Plex Sans", system-ui, sans-serif;
    letter-spacing: 0.02em;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
    cursor: pointer;
    pointer-events: auto;
}

.sdb-theme-toggle:hover {
    border-color: rgba(242, 199, 110, 0.48);
    transform: translateY(-1px);
}

.sdb-theme-toggle__icon {
    width: 18px;
    text-align: center;
    font-size: 15px;
}

body.sdb-force-light .sdb-theme-toggle {
    background: rgba(255, 255, 255, 0.9);
    color: #121722;
    border-color: rgba(139, 161, 205, 0.38);
}

@media (max-width: 768px) {
    .sdb-theme-toggle {
        display: none;
    }
}

/* ===== DESKTOP BOT CARD REFINEMENT ===== */
:root .theme--light,
body.sdb-force-light {
    --du-brand-red-coral: #4f8cff;
    --du-brand-secondary: #b4832f;
    --du-button-primary-default: #4f8cff;
    --du-button-primary-hover: #336fd9;
    --du-button-toggle-primary: #4f8cff;
    --du-status-success: #4f8cff;
    --du-text-green: #336fd9;
    --du-purchase-main-1: #4f8cff;
    --du-purchase-section-1: #336fd9;
}

.dc-btn--green,
.derivs-text__color--green,
.text-green-500,
.text-green-600,
.text-emerald-500,
.text-emerald-600 {
    color: #6ea8ff !important;
}

.dc-btn--green {
    background: linear-gradient(135deg, #4f8cff, #79adff) !important;
}

.strategy-library__container {
    max-width: 1320px !important;
}

@media (min-width: 769px) {
    .strategy-library {
        padding: clamp(14px, 1.5vw, 22px) !important;
    }

    .strategy-library__grid,
    .free-bots__grid {
        grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)) !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    .free-bot-card {
        min-height: 16.8rem !important;
        padding: 1.35rem !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%),
            linear-gradient(145deg, rgba(21, 25, 38, 0.97), rgba(9, 11, 18, 0.96)) !important;
        border: 1px solid rgba(139, 161, 205, 0.24) !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34) !important;
    }

    .free-bot-card:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(242, 199, 110, 0.44) !important;
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.42), 0 0 22px rgba(110, 168, 255, 0.12) !important;
    }

    .free-bot-card::after {
        background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.055) 45%, transparent 60%) !important;
    }

    .free-bot-card::before,
    .free-bot-card[data-sdb-premium="true"]::before {
        border-radius: 0 8px 0 8px !important;
        padding: 0.34rem 0.78rem !important;
        font-size: 0.62rem !important;
        letter-spacing: 0.1em !important;
        background: linear-gradient(135deg, #f2c76e, #79adff) !important;
        color: #07101f !important;
    }

    .free-bot-card__title,
    .free-bot-card__name {
        font-size: 1.42rem !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
    }

    .free-bot-card__description,
    .free-bot-card__meta,
    .free-bot-card p,
    .sdb-desc {
        font-size: 0.78rem !important;
        line-height: 1.45 !important;
    }

    .sdb-enhancer-block {
        gap: 0.36rem !important;
        margin: 0.42rem 0 0.25rem !important;
    }

    .sdb-stars {
        gap: 1px !important;
        margin-bottom: 0 !important;
    }

    .sdb-star {
        font-size: 0.98rem !important;
    }

    .sdb-tags {
        gap: 0.28rem !important;
        margin-top: 0.1rem !important;
    }

    .sdb-tag {
        border-radius: 999px !important;
        font-size: 0.58rem !important;
        padding: 0.13rem 0.48rem !important;
        background: rgba(110, 168, 255, 0.1) !important;
        border-color: rgba(139, 161, 205, 0.26) !important;
        color: #b7d0ff !important;
    }

    .free-bot-card__button,
    .free-bot-card button {
        min-height: 3rem !important;
        padding: 0.55rem 1rem !important;
        border-radius: 7px !important;
        font-size: 0.86rem !important;
        font-weight: 800 !important;
        box-shadow: 0 10px 22px rgba(79, 140, 255, 0.2) !important;
    }

    .bot-list__wrapper {
        border-radius: 8px !important;
        padding: 0.8rem !important;
    }

    .bot-list__item {
        border-radius: 7px !important;
        padding: 0.72rem !important;
    }

    body.sdb-force-light .free-bot-card {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.75), transparent 48%),
            linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 244, 251, 0.96)) !important;
        color: #121722 !important;
        box-shadow: 0 14px 34px rgba(44, 61, 92, 0.12) !important;
    }
}

@media (min-width: 1280px) {
    .strategy-library__grid,
    .free-bots__grid {
        grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)) !important;
    }
}

/* Final color sweep for utility classes and injected panels. */
#sdb-circles-panel {
    background: #090b12 !important;
    border-color: rgba(139, 161, 205, 0.28) !important;
    box-shadow: 0 28px 86px rgba(0, 0, 0, 0.62), 0 0 0 1px rgba(110, 168, 255, 0.1) !important;
}

#sdb-circles-panel::before {
    background: linear-gradient(90deg, transparent, #6ea8ff, #f2c76e, transparent) !important;
}

#sdb-circles-panel .sdb-circles-header {
    background: linear-gradient(90deg, rgba(10, 14, 24, 0.98), rgba(19, 26, 41, 0.98)) !important;
    border-color: rgba(139, 161, 205, 0.24) !important;
}

.border-green-500,
.border-emerald-500,
.border-green-600,
.border-emerald-600 {
    border-color: rgba(139, 161, 205, 0.32) !important;
}

.bg-green-50,
.bg-green-100,
.bg-green-500,
.bg-emerald-50,
.bg-emerald-100,
.bg-emerald-500 {
    background: linear-gradient(135deg, rgba(110, 168, 255, 0.16), rgba(242, 199, 110, 0.1)) !important;
}

.hover\:bg-green-500:hover,
.hover\:bg-emerald-500:hover {
    background: linear-gradient(135deg, #4f8cff, #79adff) !important;
}

body.sdb-force-light #sdb-circles-panel {
    background: #f7f8fc !important;
    border-color: rgba(139, 161, 205, 0.34) !important;
}

/* ===== FINAL PREMIUM CHROME AND CARD ACTION PASS ===== */
[data-sdb-hide-brand="true"] {
    display: none !important;
}

body .dashboard__header,
body .toolbar,
body .dc-page-overlay__header,
body .run-panel-tab,
body .dc-tabs__list,
body [class*="topbar"],
body [class*="navbar"],
body [class*="navigation"],
body [class*="header__"],
body [data-sdb-top-bar="true"] {
    background:
        linear-gradient(180deg, rgba(17, 23, 36, 0.98), rgba(8, 11, 18, 0.98)) !important;
    border-color: rgba(139, 161, 205, 0.3) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.38) !important;
}

body .dc-tabs__item.dc-tabs__active,
body .dc-tabs__item--active,
body .analysis-tools__card--active,
body [data-sdb-top-active="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 52%),
        linear-gradient(135deg, #2f5fd6 0%, #5d8df7 58%, #f2c76e 145%) !important;
    border: 1px solid rgba(242, 199, 110, 0.42) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(47, 95, 214, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

body [data-sdb-top-control="true"] {
    border-radius: 7px !important;
    letter-spacing: 0 !important;
}

@media (min-width: 769px) {
    .strategy-library__grid,
    .free-bots__grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    .free-bot-card {
        min-height: 13.75rem !important;
        padding: 1.1rem !important;
        border-radius: 8px !important;
    }

    .free-bot-card__title,
    .free-bot-card__name {
        font-size: 1.12rem !important;
        line-height: 1.25 !important;
    }

    .free-bot-card__description,
    .free-bot-card__meta,
    .free-bot-card p,
    .sdb-desc {
        font-size: 0.74rem !important;
        line-height: 1.45 !important;
    }
}

@media (min-width: 1440px) {
    .strategy-library__grid,
    .free-bots__grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    }
}

.free-bot-card__button,
.free-bot-card button {
    position: relative !important;
    overflow: hidden !important;
    min-height: 2.8rem !important;
    border-radius: 7px !important;
    border: 1px solid rgba(242, 199, 110, 0.36) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 48%),
        linear-gradient(90deg, #254aa9 0%, #4f8cff 46%, #8fb2ee 72%, #f2c76e 132%) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24) !important;
    box-shadow:
        0 12px 26px rgba(47, 95, 214, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.free-bot-card__button::after,
.free-bot-card button::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 6px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    opacity: 0.35 !important;
    transform: translateX(-75%) !important;
    transition: transform 0.35s ease !important;
}

.free-bot-card__button:hover,
.free-bot-card button:hover {
    border-color: rgba(242, 199, 110, 0.58) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 48%),
        linear-gradient(90deg, #315fce 0%, #6ea8ff 48%, #a8bee9 74%, #f2c76e 132%) !important;
    box-shadow:
        0 16px 34px rgba(47, 95, 214, 0.34),
        0 0 20px rgba(242, 199, 110, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.free-bot-card__button:hover::after,
.free-bot-card button:hover::after {
    transform: translateX(75%) !important;
}

body.sdb-force-light .dashboard__header,
body.sdb-force-light .toolbar,
body.sdb-force-light .dc-page-overlay__header,
body.sdb-force-light .run-panel-tab,
body.sdb-force-light .dc-tabs__list,
body.sdb-force-light [class*="topbar"],
body.sdb-force-light [class*="navbar"],
body.sdb-force-light [class*="navigation"],
body.sdb-force-light [class*="header__"],
body.sdb-force-light [data-sdb-top-bar="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 242, 250, 0.94)) !important;
    border-color: rgba(139, 161, 205, 0.34) !important;
    box-shadow: 0 12px 28px rgba(44, 61, 92, 0.12) !important;
}

body.sdb-force-light .free-bot-card__button,
body.sdb-force-light .free-bot-card button {
    color: #ffffff !important;
    border-color: rgba(180, 131, 47, 0.32) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 48%),
        linear-gradient(90deg, #315fce 0%, #5d8df7 50%, #8aaeea 74%, #d6a545 132%) !important;
    box-shadow: 0 12px 26px rgba(47, 95, 214, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* ===== 2026 BEAUTY SYSTEM: richer, responsive SUPERDBOT chrome ===== */
:root {
    --sdb-bg-0: #05070d;
    --sdb-bg-1: #09111f;
    --sdb-bg-2: #101827;
    --sdb-surface: rgba(13, 19, 32, 0.86);
    --sdb-surface-strong: rgba(18, 26, 42, 0.96);
    --sdb-stroke: rgba(143, 165, 210, 0.26);
    --sdb-stroke-bright: rgba(125, 211, 252, 0.38);
    --sdb-emerald: #34d399;
    --sdb-cyan: #22d3ee;
    --sdb-blue: #5b8cff;
    --sdb-violet: #a78bfa;
    --sdb-amber: #f8c96b;
    --sdb-rose: #fb7185;
    --sdb-ink: #f8fbff;
    --sdb-ink-soft: rgba(232, 239, 255, 0.74);
    --sdb-radius-sm: 8px;
    --sdb-radius-md: 12px;
    --sdb-radius-lg: 18px;
    --sdb-elevated: 0 24px 70px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html,
body,
body.body,
body.theme--dark,
body.bg-\[var\(--background-dark\)\] {
    background:
        radial-gradient(circle at 8% -8%, rgba(34, 211, 238, 0.17), transparent 30rem),
        radial-gradient(circle at 92% 0%, rgba(167, 139, 250, 0.13), transparent 28rem),
        radial-gradient(circle at 58% 112%, rgba(52, 211, 153, 0.14), transparent 34rem),
        linear-gradient(145deg, var(--sdb-bg-0) 0%, var(--sdb-bg-1) 48%, #0f172a 100%) !important;
    color: var(--sdb-ink) !important;
}

body::before {
    opacity: 0.65;
    background-image:
        linear-gradient(rgba(125, 211, 252, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 139, 250, 0.028) 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
}

#pre-loader,
.sdb-loader,
#pl-bg {
    background:
        radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.22), transparent 24rem),
        radial-gradient(circle at 82% 18%, rgba(167, 139, 250, 0.16), transparent 26rem),
        radial-gradient(circle at 50% 88%, rgba(52, 211, 153, 0.18), transparent 28rem),
        linear-gradient(150deg, #030712 0%, #07111f 52%, #101827 100%) !important;
}

#pl-brand,
.sdb-brand__name,
.header h1,
.free-bot-card__title,
.free-bot-card__name {
    background: linear-gradient(135deg, #ffffff 0%, #7dd3fc 38%, #34d399 72%, #f8c96b 112%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#pl-bar,
.sdb-progress-fill {
    background: linear-gradient(90deg, var(--sdb-cyan), var(--sdb-blue) 42%, var(--sdb-emerald) 72%, var(--sdb-amber)) !important;
    box-shadow: 0 0 22px rgba(34, 211, 238, 0.36), 0 0 30px rgba(52, 211, 153, 0.22) !important;
}

.dc-page-overlay,
.dc-page-overlay__content,
.dc-dialog__dialog,
.dc-modal__container,
.dashboard,
.dashboard__main,
.dashboard__chart-wrapper,
.bot,
.bot-dashboard,
.load-strategy__container,
.quick-strategy__wrapper,
.run-panel,
.run-panel-tab,
.journal,
.transactions,
.statistics,
.summary,
.chart-modal-dialog,
.dc-tabs,
.dc-tabs__content,
.bg-white,
.bg-gray-50,
.bg-blue-900,
.bg-blue-800 {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
        var(--sdb-surface) !important;
    border-color: var(--sdb-stroke) !important;
    color: var(--sdb-ink) !important;
}

.dashboard__header,
.dashboard__sidebar,
.dashboard__sidebar-wrapper,
.toolbar,
.bot-builder,
.run-panel__container,
.journal__container,
.transactions__container,
.summary__content,
.statistics__content,
.w-80 {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.015)),
        linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(8, 13, 24, 0.96)) !important;
    border-color: var(--sdb-stroke) !important;
    box-shadow: var(--sdb-elevated) !important;
}

.dc-btn--primary,
.btn-primary,
.bg-green-500,
.bg-blue-700,
.bg-pink-500 {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 52%),
        linear-gradient(105deg, var(--sdb-blue), var(--sdb-cyan) 46%, var(--sdb-emerald) 82%) !important;
    border: 1px solid rgba(125, 211, 252, 0.42) !important;
    color: #03101a !important;
    box-shadow: 0 14px 30px rgba(34, 211, 238, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

.dc-btn--secondary,
.dc-btn--tertiary,
.btn-secondary,
.btn-ghost,
.toolbar button,
.toolbar .dc-btn,
button,
[role="button"] {
    border-radius: var(--sdb-radius-sm) !important;
}

.dc-btn--secondary,
.dc-btn--tertiary,
.btn-secondary,
.btn-ghost {
    background: rgba(15, 23, 42, 0.78) !important;
    border: 1px solid var(--sdb-stroke) !important;
    color: var(--sdb-ink) !important;
}

.dc-input__field,
input,
select,
textarea,
.flyout__input {
    background: rgba(5, 10, 20, 0.78) !important;
    border: 1px solid var(--sdb-stroke) !important;
    border-radius: var(--sdb-radius-sm) !important;
    color: var(--sdb-ink) !important;
}

.dc-input__field:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--sdb-stroke-bright) !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.free-bot-card,
.strategy-library__card,
.bot-list__item,
.bg-gray-50,
.section,
.sdb-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
        linear-gradient(145deg, rgba(17, 25, 40, 0.94), rgba(10, 16, 29, 0.94)) !important;
    border: 1px solid var(--sdb-stroke) !important;
    border-radius: var(--sdb-radius-md) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

.free-bot-card__button,
.free-bot-card button {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 50%),
        linear-gradient(100deg, #4f7fff 0%, #22d3ee 42%, #34d399 76%, #f8c96b 132%) !important;
    border-color: rgba(248, 201, 107, 0.42) !important;
    color: #03101a !important;
    text-shadow: none !important;
}

.text-gray-900,
.text-gray-800,
.text-gray-700,
.text-gray-600,
.text-blue-200,
.text-blue-300 {
    color: var(--sdb-ink-soft) !important;
}

.text-green-600 { color: var(--sdb-emerald) !important; }
.text-red-600 { color: var(--sdb-rose) !important; }
.text-pink-600 { color: var(--sdb-violet) !important; }
.bar-rect-even { fill: var(--sdb-emerald) !important; }
.bar-rect-odd { fill: var(--sdb-rose) !important; }
.grid-line { stroke: rgba(143, 165, 210, 0.24) !important; }
.grid-label,
.bar-perc { fill: rgba(232, 239, 255, 0.76) !important; }

@media (max-width: 768px) {
    html { font-size: 58.5% !important; }

    .toolbar {
        min-height: 5.4rem !important;
        height: auto !important;
        padding: 0.7rem 0.8rem !important;
    }

    .dashboard,
    .dashboard__main,
    .bot,
    .bot-dashboard,
    .dc-tabs__content,
    .flex-1 {
        min-width: 0 !important;
    }

    .strategy-library__grid,
    .free-bots__grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding-inline: 0.8rem !important;
    }

    .free-bot-card {
        min-height: auto !important;
        padding: 1rem !important;
    }

    .w-80 {
        width: min(20rem, 84vw) !important;
    }

    .p-4,
    .md\:p-6 {
        padding: 1rem !important;
    }

    svg {
        max-width: 100% !important;
    }
}

/* ===== LIGHT THEME CONTRAST FIX ===== */
html.sdb-force-light,
body.sdb-force-light,
body.sdb-force-light.body,
body.sdb-force-light.theme--light {
    --sdb-light-bg: #f6f9fc;
    --sdb-light-bg-2: #edf3fa;
    --sdb-light-surface: rgba(255, 255, 255, 0.96);
    --sdb-light-surface-2: rgba(243, 247, 252, 0.98);
    --sdb-light-border: rgba(88, 113, 150, 0.2);
    --sdb-light-border-strong: rgba(37, 99, 235, 0.24);
    --sdb-light-text: #142033;
    --sdb-light-muted: #5f6f86;
    --sdb-light-blue: #2563eb;
    --sdb-light-cyan: #0891b2;
    --sdb-light-green: #059669;
    --sdb-light-amber: #b7791f;
    background:
        radial-gradient(circle at 10% -8%, rgba(34, 211, 238, 0.18), transparent 28rem),
        radial-gradient(circle at 94% 0%, rgba(91, 140, 255, 0.12), transparent 30rem),
        radial-gradient(circle at 52% 112%, rgba(52, 211, 153, 0.12), transparent 34rem),
        linear-gradient(145deg, var(--sdb-light-bg) 0%, #ffffff 48%, var(--sdb-light-bg-2) 100%) !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light::before {
    opacity: 0.55 !important;
    background-image:
        linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 145, 178, 0.035) 1px, transparent 1px) !important;
}

body.sdb-force-light #root,
body.sdb-force-light .app-content-visible,
body.sdb-force-light .dashboard,
body.sdb-force-light .dashboard__main,
body.sdb-force-light .bot,
body.sdb-force-light .bot-dashboard,
body.sdb-force-light .load-strategy__container,
body.sdb-force-light .quick-strategy__wrapper,
body.sdb-force-light .dc-tabs,
body.sdb-force-light .dc-tabs__content,
body.sdb-force-light .dc-page-overlay,
body.sdb-force-light .dc-page-overlay__content,
body.sdb-force-light .dc-modal__container,
body.sdb-force-light .dc-dialog__dialog,
body.sdb-force-light .run-panel,
body.sdb-force-light .journal,
body.sdb-force-light .transactions,
body.sdb-force-light .statistics,
body.sdb-force-light .summary,
body.sdb-force-light .chart-modal-dialog {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)),
        transparent !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light .dashboard__header,
body.sdb-force-light .dashboard__sidebar,
body.sdb-force-light .dashboard__sidebar-wrapper,
body.sdb-force-light .toolbar,
body.sdb-force-light .bot-builder,
body.sdb-force-light .run-panel__container,
body.sdb-force-light .dc-page-overlay__header,
body.sdb-force-light .run-panel-tab,
body.sdb-force-light .dc-tabs__list,
body.sdb-force-light [class*="topbar"],
body.sdb-force-light [class*="navbar"],
body.sdb-force-light [class*="navigation"],
body.sdb-force-light [class*="header__"],
body.sdb-force-light [data-sdb-top-bar="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(235, 241, 249, 0.96)) !important;
    border-color: var(--sdb-light-border) !important;
    color: var(--sdb-light-text) !important;
    box-shadow: 0 10px 30px rgba(35, 47, 68, 0.12) !important;
}

body.sdb-force-light .toolbar a,
body.sdb-force-light .toolbar button,
body.sdb-force-light .toolbar .dc-btn,
body.sdb-force-light [data-sdb-top-control="true"],
body.sdb-force-light [class*="navbar"] a,
body.sdb-force-light [class*="navigation"] a,
body.sdb-force-light [class*="header__"] a {
    color: #2b3748 !important;
    text-shadow: none !important;
}

body.sdb-force-light .toolbar svg,
body.sdb-force-light .toolbar path,
body.sdb-force-light [data-sdb-top-control="true"] svg,
body.sdb-force-light [data-sdb-top-control="true"] path {
    color: var(--sdb-light-amber) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.sdb-force-light .dc-tabs__item.dc-tabs__active,
body.sdb-force-light .dc-tabs__item--active,
body.sdb-force-light [data-sdb-top-active="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 52%),
        linear-gradient(135deg, #059669 0%, #10b981 58%, #22d3ee 132%) !important;
    color: #ffffff !important;
    border-color: rgba(5, 150, 105, 0.34) !important;
    box-shadow: 0 12px 26px rgba(5, 150, 105, 0.2) !important;
}

body.sdb-force-light [data-sdb-top-active="true"] *,
body.sdb-force-light .dc-tabs__item.dc-tabs__active *,
body.sdb-force-light .dc-tabs__item--active * {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.sdb-force-light .load-strategy__container h1,
body.sdb-force-light .load-strategy__container h2,
body.sdb-force-light .load-strategy__container h3,
body.sdb-force-light .load-strategy__container p,
body.sdb-force-light .load-strategy__container span,
body.sdb-force-light .load-strategy__container div,
body.sdb-force-light .quick-strategy__wrapper h1,
body.sdb-force-light .quick-strategy__wrapper h2,
body.sdb-force-light .quick-strategy__wrapper h3,
body.sdb-force-light .quick-strategy__wrapper p,
body.sdb-force-light .quick-strategy__wrapper span,
body.sdb-force-light .quick-strategy__wrapper div,
body.sdb-force-light .bot-list__wrapper,
body.sdb-force-light .bot-list__wrapper *,
body.sdb-force-light .dc-text,
body.sdb-force-light .text-gray-900,
body.sdb-force-light .text-gray-800,
body.sdb-force-light .text-gray-700,
body.sdb-force-light .text-gray-600 {
    color: var(--sdb-light-text) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

body.sdb-force-light .bot-list__wrapper,
body.sdb-force-light .load-strategy__container .bot-list__wrapper,
body.sdb-force-light .strategy-library__card,
body.sdb-force-light .free-bot-card,
body.sdb-force-light .bg-gray-50,
body.sdb-force-light .section,
body.sdb-force-light .sdb-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
    border: 1px solid var(--sdb-light-border) !important;
    color: var(--sdb-light-text) !important;
    box-shadow: 0 20px 56px rgba(35, 47, 68, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

body.sdb-force-light .bot-list__header,
body.sdb-force-light .bot-list__header *,
body.sdb-force-light [class*="table"] [class*="header"],
body.sdb-force-light [class*="table"] [class*="header"] * {
    background: rgba(241, 245, 249, 0.92) !important;
    color: #223047 !important;
    border-color: var(--sdb-light-border) !important;
}

body.sdb-force-light .bot-list__item,
body.sdb-force-light .bot-list__item *,
body.sdb-force-light .transactions__item,
body.sdb-force-light .journal__item,
body.sdb-force-light .run-panel__stat,
body.sdb-force-light .run-panel__stat--header,
body.sdb-force-light .summary-card,
body.sdb-force-light .digit-chart-container,
body.sdb-force-light .matches-controls,
body.sdb-force-light .draggable,
body.sdb-force-light .draggable .draggable-content,
body.sdb-force-light .grid > div {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 252, 0.96)) !important;
    color: var(--sdb-light-text) !important;
    border-color: var(--sdb-light-border) !important;
    text-shadow: none !important;
}

body.sdb-force-light .bot-list__item:hover {
    background:
        linear-gradient(180deg, rgba(239, 246, 255, 1), rgba(226, 241, 255, 0.94)) !important;
    border-color: var(--sdb-light-border-strong) !important;
}

body.sdb-force-light .bot-list__item svg,
body.sdb-force-light .bot-list__item path,
body.sdb-force-light .dc-icon,
body.sdb-force-light [class*="icon"] {
    color: #64748b !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.sdb-force-light .dc-btn,
body.sdb-force-light button,
body.sdb-force-light [role="button"] {
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light .dc-btn--primary,
body.sdb-force-light .btn-primary,
body.sdb-force-light .bg-green-500,
body.sdb-force-light .bg-blue-700,
body.sdb-force-light .free-bot-card__button,
body.sdb-force-light .free-bot-card button,
body.sdb-force-light .risk-disclaimer-button__btn {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 52%),
        linear-gradient(105deg, #2563eb, #0891b2 48%, #059669 88%) !important;
    border-color: rgba(37, 99, 235, 0.26) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.sdb-force-light .dc-btn--secondary,
body.sdb-force-light .dc-btn--tertiary,
body.sdb-force-light .btn-secondary,
body.sdb-force-light .btn-ghost {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: var(--sdb-light-border) !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light input,
body.sdb-force-light select,
body.sdb-force-light textarea,
body.sdb-force-light .dc-input__field,
body.sdb-force-light .flyout__input {
    background: #ffffff !important;
    border-color: var(--sdb-light-border) !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light input::placeholder,
body.sdb-force-light textarea::placeholder {
    color: #7a8798 !important;
}

body.sdb-force-light .sdb-theme-toggle {
    background: #ffffff !important;
    color: var(--sdb-light-text) !important;
    border-color: var(--sdb-light-border) !important;
    box-shadow: 0 12px 26px rgba(35, 47, 68, 0.16) !important;
}

body.sdb-force-light .bot-list__item *,
body.sdb-force-light .free-bot-card *,
body.sdb-force-light .strategy-library__card * {
    background-color: transparent !important;
    background-image: none !important;
}

body.sdb-force-light .bot-list__item,
body.sdb-force-light .free-bot-card,
body.sdb-force-light .strategy-library__card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 252, 0.96)) !important;
}

/* ===== LIGHT THEME BEAUTY PASS ===== */
html.sdb-force-light,
body.sdb-force-light,
body.sdb-force-light.body,
body.sdb-force-light.theme--light {
    --sdb-light-bg: #f7fbff;
    --sdb-light-bg-2: #edf7f5;
    --sdb-light-surface: rgba(255, 255, 255, 0.94);
    --sdb-light-surface-2: rgba(247, 251, 255, 0.96);
    --sdb-light-panel: #ffffff;
    --sdb-light-panel-tint: #f2f8fc;
    --sdb-light-border: rgba(81, 104, 135, 0.18);
    --sdb-light-border-strong: rgba(13, 148, 136, 0.28);
    --sdb-light-text: #17243a;
    --sdb-light-muted: #64748b;
    --sdb-light-blue: #2f6df6;
    --sdb-light-cyan: #0891b2;
    --sdb-light-green: #00a878;
    --sdb-light-mint: #5eead4;
    --sdb-light-amber: #d89a17;
    --sdb-light-rose: #e05267;
    background:
        radial-gradient(circle at 12% -12%, rgba(94, 234, 212, 0.24), transparent 28rem),
        radial-gradient(circle at 92% -8%, rgba(47, 109, 246, 0.14), transparent 30rem),
        radial-gradient(circle at 50% 112%, rgba(216, 154, 23, 0.11), transparent 34rem),
        linear-gradient(145deg, #fbfdff 0%, var(--sdb-light-bg) 48%, var(--sdb-light-bg-2) 100%) !important;
}

body.sdb-force-light #pre-loader,
body.sdb-force-light .sdb-loader {
    background:
        radial-gradient(circle at 16% -8%, rgba(94, 234, 212, 0.28), transparent 30rem),
        radial-gradient(circle at 86% 0%, rgba(47, 109, 246, 0.16), transparent 32rem),
        linear-gradient(145deg, #fbfdff 0%, #f2f8fc 50%, #eaf5f2 100%) !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light #pl-bg {
    background:
        radial-gradient(ellipse 74% 58% at 18% 12%, rgba(94, 234, 212, 0.24), transparent 62%),
        radial-gradient(ellipse 70% 55% at 84% 8%, rgba(47, 109, 246, 0.13), transparent 58%),
        radial-gradient(ellipse 62% 50% at 50% 98%, rgba(216, 154, 23, 0.11), transparent 62%),
        linear-gradient(145deg, #fbfdff 0%, #f6fbff 48%, #edf7f5 100%) !important;
}

body.sdb-force-light #pl-grid,
body.sdb-force-light .sdb-bg-grid {
    opacity: 0.85 !important;
    background-image:
        linear-gradient(rgba(8, 145, 178, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(13, 148, 136, 0.045) 1px, transparent 1px) !important;
}

body.sdb-force-light #pl-center,
body.sdb-force-light .sdb-card {
    filter: drop-shadow(0 24px 50px rgba(41, 72, 112, 0.18)) !important;
}

body.sdb-force-light #pl-brand,
body.sdb-force-light .sdb-brand__name,
body.sdb-force-light .sdb-brand__super,
body.sdb-force-light .free-bot-card__title,
body.sdb-force-light .free-bot-card__name {
    background: linear-gradient(135deg, #16223a 0%, var(--sdb-light-blue) 32%, var(--sdb-light-cyan) 58%, var(--sdb-light-green) 84%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: none !important;
}

body.sdb-force-light #pl-tagline,
body.sdb-force-light #pl-status,
body.sdb-force-light .sdb-brand__tagline,
body.sdb-force-light .sdb-status__text,
body.sdb-force-light .sdb-footer {
    color: var(--sdb-light-muted) !important;
    text-shadow: none !important;
}

body.sdb-force-light #pl-core,
body.sdb-force-light .sdb-logo-ring__inner {
    background: radial-gradient(circle at 36% 28%, #effdf8 0%, #dff8f0 46%, #edf4ff 100%) !important;
    border-color: rgba(13, 148, 136, 0.28) !important;
    box-shadow: 0 16px 38px rgba(13, 148, 136, 0.16), inset 0 0 18px rgba(255, 255, 255, 0.9) !important;
}

body.sdb-force-light #pl-ring-outer,
body.sdb-force-light .sdb-logo-ring:before {
    border-top-color: var(--sdb-light-green) !important;
    border-right-color: rgba(13, 148, 136, 0.32) !important;
}

body.sdb-force-light #pl-ring-mid,
body.sdb-force-light .sdb-logo-ring:after {
    border-bottom-color: var(--sdb-light-blue) !important;
    border-left-color: rgba(47, 109, 246, 0.28) !important;
}

body.sdb-force-light #pl-bar,
body.sdb-force-light .sdb-progress__fill,
body.sdb-force-light .sdb-progress-fill {
    background: linear-gradient(90deg, var(--sdb-light-green), var(--sdb-light-cyan) 46%, var(--sdb-light-blue) 78%, var(--sdb-light-amber)) !important;
    box-shadow: 0 0 16px rgba(13, 148, 136, 0.22), 0 0 24px rgba(47, 109, 246, 0.14) !important;
}

body.sdb-force-light #pl-bar-wrap,
body.sdb-force-light .sdb-progress__track {
    background: rgba(100, 116, 139, 0.16) !important;
    border-color: rgba(81, 104, 135, 0.14) !important;
}

body.sdb-force-light #pl-dots span,
body.sdb-force-light .sdb-particle,
body.sdb-force-light .sdb-status__dot {
    background: var(--sdb-light-green) !important;
    box-shadow: 0 0 10px rgba(0, 168, 120, 0.34) !important;
}

body.sdb-force-light #pl-dots span:nth-child(2),
body.sdb-force-light #pl-dots span:nth-child(4),
body.sdb-force-light .sdb-particle:nth-child(2n) {
    background: var(--sdb-light-blue) !important;
    box-shadow: 0 0 10px rgba(47, 109, 246, 0.28) !important;
}

body.sdb-force-light .dashboard__header,
body.sdb-force-light .dashboard__sidebar,
body.sdb-force-light .dashboard__sidebar-wrapper,
body.sdb-force-light .toolbar,
body.sdb-force-light .bot-builder,
body.sdb-force-light .run-panel__container,
body.sdb-force-light .dc-page-overlay__header,
body.sdb-force-light .run-panel-tab,
body.sdb-force-light .dc-tabs__list,
body.sdb-force-light [class*="topbar"],
body.sdb-force-light [class*="navbar"],
body.sdb-force-light [class*="navigation"],
body.sdb-force-light [class*="header__"],
body.sdb-force-light [data-sdb-top-bar="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 252, 0.94)) !important;
    border-color: rgba(81, 104, 135, 0.16) !important;
    box-shadow: 0 10px 28px rgba(41, 72, 112, 0.1), inset 0 -1px 0 rgba(13, 148, 136, 0.08) !important;
}

body.sdb-force-light .toolbar a,
body.sdb-force-light .toolbar button,
body.sdb-force-light .toolbar .dc-btn,
body.sdb-force-light [data-sdb-top-control="true"],
body.sdb-force-light [class*="navbar"] a,
body.sdb-force-light [class*="navigation"] a,
body.sdb-force-light [class*="header__"] a {
    color: #43536a !important;
}

body.sdb-force-light .toolbar a:hover,
body.sdb-force-light .toolbar button:hover,
body.sdb-force-light [data-sdb-top-control="true"]:hover {
    color: var(--sdb-light-blue) !important;
    background: rgba(47, 109, 246, 0.07) !important;
}

body.sdb-force-light .toolbar svg,
body.sdb-force-light .toolbar path,
body.sdb-force-light [data-sdb-top-control="true"] svg,
body.sdb-force-light [data-sdb-top-control="true"] path {
    color: var(--sdb-light-amber) !important;
}

body.sdb-force-light .dc-tabs__item.dc-tabs__active,
body.sdb-force-light .dc-tabs__item--active,
body.sdb-force-light [data-sdb-top-active="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 52%),
        linear-gradient(135deg, #00a878 0%, #0bb6a7 54%, #2f6df6 140%) !important;
    border-color: rgba(13, 148, 136, 0.34) !important;
    box-shadow: 0 12px 26px rgba(13, 148, 136, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.sdb-force-light .bot-list__wrapper,
body.sdb-force-light .load-strategy__container .bot-list__wrapper,
body.sdb-force-light .strategy-library__card,
body.sdb-force-light .free-bot-card,
body.sdb-force-light .bg-gray-50,
body.sdb-force-light .section,
body.sdb-force-light .sdb-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 253, 255, 0.95)) !important;
    border-color: rgba(81, 104, 135, 0.16) !important;
    box-shadow: 0 22px 62px rgba(41, 72, 112, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.sdb-force-light .bot-list__header,
body.sdb-force-light .bot-list__header *,
body.sdb-force-light [class*="table"] [class*="header"],
body.sdb-force-light [class*="table"] [class*="header"] * {
    background:
        linear-gradient(180deg, rgba(245, 249, 253, 0.98), rgba(234, 243, 249, 0.95)) !important;
    color: #26354d !important;
}

body.sdb-force-light .bot-list__item,
body.sdb-force-light .free-bot-card,
body.sdb-force-light .strategy-library__card {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #eef6fb 100%) !important;
    border-color: rgba(81, 104, 135, 0.18) !important;
    color: var(--sdb-light-text) !important;
    box-shadow: 0 12px 28px rgba(41, 72, 112, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.sdb-force-light .bot-list__item:hover,
body.sdb-force-light .free-bot-card:hover,
body.sdb-force-light .strategy-library__card:hover {
    background:
        linear-gradient(180deg, #ffffff 0%, #f1fbfa 54%, #e8f4ff 100%) !important;
    border-color: rgba(13, 148, 136, 0.28) !important;
    box-shadow: 0 18px 40px rgba(41, 72, 112, 0.15), 0 0 0 1px rgba(13, 148, 136, 0.08) !important;
}

body.sdb-force-light .bot-list__item *,
body.sdb-force-light .free-bot-card *,
body.sdb-force-light .strategy-library__card *,
body.sdb-force-light .load-strategy__container *,
body.sdb-force-light .quick-strategy__wrapper * {
    color: var(--sdb-light-text) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

body.sdb-force-light .dc-btn--primary,
body.sdb-force-light .btn-primary,
body.sdb-force-light .bg-green-500,
body.sdb-force-light .bg-blue-700,
body.sdb-force-light .free-bot-card__button,
body.sdb-force-light .free-bot-card button,
body.sdb-force-light .risk-disclaimer-button__btn {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 52%),
        linear-gradient(105deg, #2f6df6 0%, #0bb6a7 50%, #00a878 100%) !important;
    border-color: rgba(13, 148, 136, 0.3) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(47, 109, 246, 0.18), 0 0 20px rgba(13, 148, 136, 0.1) !important;
}

body.sdb-force-light .dc-btn--primary *,
body.sdb-force-light .btn-primary *,
body.sdb-force-light .bg-green-500 *,
body.sdb-force-light .bg-blue-700 *,
body.sdb-force-light .free-bot-card__button *,
body.sdb-force-light .free-bot-card button *,
body.sdb-force-light .risk-disclaimer-button__btn * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.sdb-force-light .dc-btn--secondary,
body.sdb-force-light .dc-btn--tertiary,
body.sdb-force-light .btn-secondary,
body.sdb-force-light .btn-ghost {
    background: linear-gradient(180deg, #ffffff, #f5f9fd) !important;
    border-color: rgba(81, 104, 135, 0.18) !important;
    color: #26354d !important;
}

body.sdb-force-light input,
body.sdb-force-light select,
body.sdb-force-light textarea,
body.sdb-force-light .dc-input__field,
body.sdb-force-light .flyout__input {
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    border-color: rgba(81, 104, 135, 0.2) !important;
    color: var(--sdb-light-text) !important;
}

body.sdb-force-light input:focus,
body.sdb-force-light select:focus,
body.sdb-force-light textarea:focus,
body.sdb-force-light .dc-input__field:focus,
body.sdb-force-light .flyout__input:focus {
    border-color: rgba(13, 148, 136, 0.38) !important;
    box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.2) !important;
}

body.sdb-force-light .sdb-theme-toggle {
    background: linear-gradient(180deg, #ffffff, #f6fafc) !important;
    color: #26354d !important;
    border-color: rgba(81, 104, 135, 0.18) !important;
    box-shadow: 0 12px 28px rgba(41, 72, 112, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* ===== FINAL LIGHT PREMIUM POLISH ===== */
html.sdb-force-light,
body.sdb-force-light,
body.sdb-force-light.body,
body.sdb-force-light.theme--light {
    --sdb-light-text: #18243a;
    --sdb-light-muted: #5a6981;
    --sdb-light-navy: #243047;
    --sdb-light-line: rgba(72, 98, 132, 0.17);
    --sdb-light-line-strong: rgba(13, 148, 136, 0.32);
    --sdb-light-card: #ffffff;
    --sdb-light-card-tint: #f6fbfd;
    --sdb-light-emerald: #00a878;
    --sdb-light-teal: #0bb6a7;
    --sdb-light-blue: #2f6df6;
    --sdb-light-gold: #d7a83a;
    background:
        radial-gradient(circle at 6% -10%, rgba(94, 234, 212, 0.23), transparent 30rem),
        radial-gradient(circle at 93% -8%, rgba(47, 109, 246, 0.14), transparent 34rem),
        radial-gradient(circle at 70% 108%, rgba(215, 168, 58, 0.12), transparent 32rem),
        linear-gradient(145deg, #fcfeff 0%, #f7fbff 46%, #edf7f5 100%) !important;
}

body.sdb-force-light .toolbar,
body.sdb-force-light .dashboard__header,
body.sdb-force-light [data-sdb-top-bar="true"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 252, 0.95)) !important;
    border-color: var(--sdb-light-line) !important;
    box-shadow:
        0 12px 30px rgba(36, 48, 71, 0.11),
        inset 0 -1px 0 rgba(13, 148, 136, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
}

body.sdb-force-light .toolbar *,
body.sdb-force-light [data-sdb-top-bar="true"] *,
body.sdb-force-light [data-sdb-top-control="true"] {
    color: var(--sdb-light-navy) !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.sdb-force-light .toolbar a,
body.sdb-force-light .toolbar button,
body.sdb-force-light [data-sdb-top-control="true"] {
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.sdb-force-light .toolbar svg,
body.sdb-force-light .toolbar path,
body.sdb-force-light [data-sdb-top-control="true"] svg,
body.sdb-force-light [data-sdb-top-control="true"] path {
    color: var(--sdb-light-gold) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    filter: drop-shadow(0 1px 2px rgba(215, 168, 58, 0.18)) !important;
}

body.sdb-force-light .toolbar a:hover,
body.sdb-force-light .toolbar button:hover,
body.sdb-force-light [data-sdb-top-control="true"]:hover {
    color: var(--sdb-light-blue) !important;
    -webkit-text-fill-color: currentColor !important;
    background: rgba(47, 109, 246, 0.075) !important;
}

body.sdb-force-light .dc-tabs__item.dc-tabs__active,
body.sdb-force-light .dc-tabs__item--active,
body.sdb-force-light [data-sdb-top-active="true"],
body.sdb-force-light .toolbar .dc-btn--primary,
body.sdb-force-light .toolbar button[class*="primary"],
body.sdb-force-light .toolbar button[class*="run"],
body.sdb-force-light .toolbar button[aria-label*="Run" i] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 50%),
        linear-gradient(135deg, #00a878 0%, #0bb6a7 54%, #2f6df6 142%) !important;
    border-color: rgba(13, 148, 136, 0.36) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow:
        0 14px 30px rgba(13, 148, 136, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

body.sdb-force-light .dc-tabs__item.dc-tabs__active *,
body.sdb-force-light .dc-tabs__item--active *,
body.sdb-force-light [data-sdb-top-active="true"] *,
body.sdb-force-light .toolbar .dc-btn--primary *,
body.sdb-force-light .toolbar button[class*="primary"] *,
body.sdb-force-light .toolbar button[class*="run"] *,
body.sdb-force-light .toolbar button[aria-label*="Run" i] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.sdb-force-light .load-strategy__container,
body.sdb-force-light .quick-strategy__wrapper,
body.sdb-force-light .bot-dashboard,
body.sdb-force-light .dashboard__main {
    background:
        radial-gradient(circle at 22% 0%, rgba(94, 234, 212, 0.09), transparent 24rem),
        radial-gradient(circle at 78% 0%, rgba(47, 109, 246, 0.07), transparent 28rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(247, 251, 253, 0.46)) !important;
}

body.sdb-force-light .bot-list__wrapper,
body.sdb-force-light .free-bot-card,
body.sdb-force-light .strategy-library__card,
body.sdb-force-light .summary,
body.sdb-force-light .summary__content,
body.sdb-force-light .transactions,
body.sdb-force-light .journal,
body.sdb-force-light .run-panel,
body.sdb-force-light .run-panel__container,
body.sdb-force-light .run-panel__stat,
body.sdb-force-light .run-panel__stat--header,
body.sdb-force-light .summary-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 253, 255, 0.96) 48%, rgba(239, 248, 248, 0.94)) !important;
    border: 1px solid var(--sdb-light-line) !important;
    color: var(--sdb-light-text) !important;
    box-shadow:
        0 22px 56px rgba(36, 48, 71, 0.13),
        0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

body.sdb-force-light .free-bot-card,
body.sdb-force-light .strategy-library__card {
    position: relative !important;
    overflow: hidden !important;
}

body.sdb-force-light .free-bot-card::after,
body.sdb-force-light .strategy-library__card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(0, 168, 120, 0.16), transparent 18%),
        linear-gradient(180deg, rgba(215, 168, 58, 0.12), transparent 22%) !important;
    opacity: 0.42 !important;
    transform: none !important;
}

body.sdb-force-light .free-bot-card__title,
body.sdb-force-light .free-bot-card__name,
body.sdb-force-light .strategy-library__card h1,
body.sdb-force-light .strategy-library__card h2,
body.sdb-force-light .strategy-library__card h3 {
    color: #13213a !important;
    -webkit-text-fill-color: #13213a !important;
    background: none !important;
    font-weight: 900 !important;
}

body.sdb-force-light .free-bot-card__description,
body.sdb-force-light .free-bot-card__meta,
body.sdb-force-light .free-bot-card p,
body.sdb-force-light .sdb-desc {
    color: #536177 !important;
    -webkit-text-fill-color: #536177 !important;
}

body.sdb-force-light .sdb-star,
body.sdb-force-light .sdb-star--on,
body.sdb-force-light .free-bot-card__title::before {
    color: var(--sdb-light-gold) !important;
    -webkit-text-fill-color: var(--sdb-light-gold) !important;
    text-shadow: 0 2px 8px rgba(215, 168, 58, 0.22) !important;
}

body.sdb-force-light .sdb-tag,
body.sdb-force-light .free-bot-card [class*="tag"],
body.sdb-force-light .load-strategy__container button:not(.dc-btn--primary):not([data-sdb-top-active="true"]) {
    background: linear-gradient(180deg, #ffffff, #f3f9fb) !important;
    border: 1px solid rgba(72, 98, 132, 0.16) !important;
    color: #31506a !important;
    -webkit-text-fill-color: #31506a !important;
    box-shadow: 0 8px 18px rgba(36, 48, 71, 0.055) !important;
}

body.sdb-force-light .free-bot-card__button,
body.sdb-force-light .free-bot-card button,
body.sdb-force-light .dc-btn--primary,
body.sdb-force-light .btn-primary,
body.sdb-force-light .bg-blue-700,
body.sdb-force-light .bg-green-500,
body.sdb-force-light .risk-disclaimer-button__btn {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 52%),
        linear-gradient(100deg, #2f6df6 0%, #0bb6a7 48%, #00a878 100%) !important;
    border: 1px solid rgba(13, 148, 136, 0.32) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow:
        0 14px 28px rgba(47, 109, 246, 0.18),
        0 0 22px rgba(13, 148, 136, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.sdb-force-light .free-bot-card__button *,
body.sdb-force-light .free-bot-card button *,
body.sdb-force-light .dc-btn--primary *,
body.sdb-force-light .btn-primary *,
body.sdb-force-light .bg-blue-700 *,
body.sdb-force-light .bg-green-500 *,
body.sdb-force-light .risk-disclaimer-button__btn * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Top chrome readability: inactive labels stay visible on pale bars. */
body.sdb-force-light [data-sdb-top-bar="true"],
body.sdb-force-light [data-sdb-top-bar="true"] * {
    color: #26354d !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.sdb-force-light [data-sdb-top-control="true"]:not([data-sdb-top-active="true"]),
body.sdb-force-light [data-sdb-top-control="true"]:not([data-sdb-top-active="true"]) * {
    color: #26354d !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}

body.sdb-force-light [data-sdb-top-control="true"]:not([data-sdb-top-active="true"]) svg,
body.sdb-force-light [data-sdb-top-control="true"]:not([data-sdb-top-active="true"]) path {
    color: #d7a83a !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.sdb-force-light [data-sdb-top-active="true"],
body.sdb-force-light [data-sdb-top-active="true"] *,
body.sdb-force-light [data-sdb-top-active="true"] svg,
body.sdb-force-light [data-sdb-top-active="true"] path {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}