:root{
    --bg:#060a12;
    --bg-soft:#09101d;

    --sidebar:#080e1a;
    --sidebar-soft:#0d1627;

    --panel:#0d1625;
    --panel-2:#111d30;
    --panel-3:#15243a;
    --panel-hover:#172943;

    --border:#24344c;
    --border-soft:#19283d;
    --border-strong:#365171;

    --text:#edf4ff;
    --text-soft:#c8d5e8;
    --muted:#8194af;
    --muted-2:#5f738f;

    --blue:#3b82f6;
    --blue-2:#2563eb;
    --cyan:#22d3ee;

    --buy:#16c784;
    --buy-soft:rgba(22,199,132,.14);

    --sell:#ea3943;
    --sell-soft:rgba(234,57,67,.14);

    --neutral:#f0b90b;
    --purple:#8b5cf6;

    --shadow-sm:0 8px 24px rgba(0,0,0,.20);
    --shadow-md:0 16px 45px rgba(0,0,0,.30);
    --shadow-lg:0 24px 70px rgba(0,0,0,.38);

    --radius-sm:9px;
    --radius-md:14px;
    --radius-lg:18px;
    --radius-xl:24px;

    --sidebar-width:270px;
}

/* =========================================================
   RESET
========================================================= */

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    min-height:100vh;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(59,130,246,.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(22,199,132,.08),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #060a12,
            #070c16 55%,
            #050810
        );

    color:var(--text);

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:14px;
    line-height:1.5;
}

button,
input,
select,
textarea{
    font:inherit;
}

button,
select{
    cursor:pointer;
}

button:disabled{
    cursor:not-allowed;
    opacity:.55;
}

input,
select,
textarea{
    outline:none;
}

::selection{
    background:rgba(59,130,246,.35);
    color:#ffffff;
}

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

::-webkit-scrollbar-track{
    background:#080d16;
}

::-webkit-scrollbar-thumb{
    background:#263851;
    border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{
    background:#365171;
}

/* =========================================================
   APPLICATION
========================================================= */

.app{
    display:flex;
    min-height:100vh;
}

/* =========================================================
   SIDEBAR
========================================================= */

.sidebar{
    position:fixed;
    left:0;
    top:0;
    bottom:0;

    width:var(--sidebar-width);

    display:flex;
    flex-direction:column;

    padding:18px 15px;

    background:
        linear-gradient(
            180deg,
            rgba(13,22,39,.98),
            rgba(6,10,18,.99)
        );

    border-right:1px solid var(--border);

    box-shadow:
        18px 0 45px rgba(0,0,0,.20);

    z-index:100;
    overflow-y:auto;
}

.brand-area{
    display:flex;
    align-items:center;
    gap:12px;

    padding:5px 7px 19px 7px;

    border-bottom:1px solid var(--border-soft);
}

.brand-logo{
    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--purple)
        );

    color:#ffffff;

    font-size:19px;
    font-weight:950;
    letter-spacing:.5px;

    box-shadow:
        0 10px 24px rgba(59,130,246,.27);
}

.brand-text{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.brand-text strong{
    color:#ffffff;
    font-size:16px;
    letter-spacing:.2px;
}

.brand-text span{
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:1px;
}

.sidebar-status{
    display:flex;
    align-items:center;
    gap:11px;

    margin:15px 2px 17px 2px;
    padding:12px;

    background:
        linear-gradient(
            135deg,
            rgba(22,199,132,.10),
            rgba(59,130,246,.07)
        );

    border:1px solid rgba(22,199,132,.22);
    border-radius:14px;
}

.status-dot{
    position:relative;

    width:11px;
    height:11px;

    flex:0 0 auto;

    border-radius:50%;
    background:var(--buy);

    box-shadow:
        0 0 0 5px rgba(22,199,132,.10),
        0 0 16px rgba(22,199,132,.75);
}

.status-dot::after{
    content:"";

    position:absolute;
    inset:-4px;

    border:1px solid rgba(22,199,132,.35);
    border-radius:50%;

    animation:statusPulse 1.8s infinite;
}

@keyframes statusPulse{
    0%{
        transform:scale(.8);
        opacity:.8;
    }

    100%{
        transform:scale(1.7);
        opacity:0;
    }
}

.sidebar-status div{
    display:flex;
    flex-direction:column;
}

.sidebar-status strong{
    color:#ffffff;
    font-size:12px;
}

.sidebar-status small{
    color:var(--buy);
    font-weight:800;
    font-size:11px;
}

.menu{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.menu-group-title{
    margin:15px 10px 6px 10px;

    color:var(--muted-2);

    font-size:10px;
    font-weight:950;
    letter-spacing:1.4px;
}

.menu-btn{
    position:relative;

    width:100%;

    display:flex;
    align-items:center;
    gap:11px;

    padding:11px 12px;

    border:1px solid transparent;
    border-radius:11px;

    background:transparent;
    color:var(--muted);

    text-align:left;
    font-weight:750;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.menu-btn::before{
    content:"";

    position:absolute;
    left:-1px;
    top:8px;
    bottom:8px;

    width:3px;

    border-radius:0 999px 999px 0;

    background:transparent;
}

.menu-btn:hover{
    background:rgba(255,255,255,.035);
    border-color:var(--border-soft);
    color:var(--text);
    transform:translateX(2px);
}

.menu-btn.active{
    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.19),
            rgba(139,92,246,.10)
        );

    border-color:rgba(59,130,246,.32);

    box-shadow:
        inset 0 0 24px rgba(59,130,246,.06);
}

.menu-btn.active::before{
    background:
        linear-gradient(
            180deg,
            var(--cyan),
            var(--blue)
        );

    box-shadow:
        0 0 13px rgba(59,130,246,.75);
}

.menu-icon{
    width:21px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    font-size:15px;
}

.menu-label{
    flex:1;
}

.menu-badge{
    padding:3px 7px;

    border-radius:999px;

    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.32);

    color:#9cc2ff;

    font-size:9px;
    font-weight:950;
    letter-spacing:.5px;
}

.sidebar-footer{
    margin-top:auto;
    padding-top:18px;
}

.sidebar-footer-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding:9px 3px;

    border-top:1px solid var(--border-soft);

    color:var(--muted);

    font-size:11px;
}

.sidebar-footer-row strong{
    color:var(--text-soft);
}

.status-warning{
    color:var(--neutral) !important;
}

/* =========================================================
   MAIN
========================================================= */

.main{
    width:calc(100% - var(--sidebar-width));
    min-height:100vh;

    margin-left:var(--sidebar-width);
    padding:20px;

    overflow-x:hidden;
}

/* =========================================================
   TOPBAR
========================================================= */

.topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:20px;
    padding:17px 19px;

    background:
        linear-gradient(
            135deg,
            rgba(17,29,48,.98),
            rgba(9,16,29,.98)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-md);

    position:sticky;
    top:12px;
    z-index:50;

    backdrop-filter:blur(14px);
}

.topbar-title{
    min-width:0;
}

.topbar-eyebrow{
    display:block;

    margin-bottom:2px;

    color:var(--blue);

    font-size:10px;
    font-weight:950;
    letter-spacing:1.25px;
}

.topbar h1{
    margin:0;

    color:#ffffff;

    font-size:22px;
    line-height:1.25;
}

#dashboard-time{
    margin-top:4px;

    color:var(--muted);

    font-size:12px;
    font-weight:650;
}

.top-info{
    display:flex;
    align-items:center;
    gap:10px;
}

.top-status-card{
    min-width:94px;

    padding:8px 11px;

    display:flex;
    flex-direction:column;

    background:#09111f;
    border:1px solid var(--border-soft);
    border-radius:10px;
}

.top-status-label{
    color:var(--muted-2);

    font-size:9px;
    font-weight:900;
    letter-spacing:.9px;
}

.top-status-value,
#connectionStatus{
    margin-top:2px;

    font-size:11px;
    font-weight:950;
}

.positive{
    color:var(--buy);
}

.online{
    color:var(--buy);
}

.offline{
    color:var(--sell);
}

.top-refresh-btn{
    display:flex;
    align-items:center;
    gap:7px;

    min-height:45px;
}

/* =========================================================
   BUTTONS
========================================================= */

button{
    border:none;
    border-radius:10px;

    padding:10px 14px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--blue-2)
        );

    font-weight:850;

    box-shadow:
        0 8px 20px rgba(37,99,235,.18);

    transition:
        transform .16s ease,
        opacity .16s ease,
        border-color .16s ease,
        background .16s ease;
}

button:hover{
    opacity:.94;
    transform:translateY(-1px);
}

button:active{
    transform:translateY(0);
}

.primary-btn{
    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--purple)
        );

    border:1px solid rgba(255,255,255,.07);
}

.secondary-btn{
    color:var(--text-soft);

    background:#0c1525;
    border:1px solid var(--border);

    box-shadow:none;
}

.secondary-btn:hover{
    background:#121f33;
    border-color:var(--border-strong);
}

.full-width-btn{
    width:100%;
}

/* =========================================================
   PAGE SYSTEM
========================================================= */

.page{
    display:none;
    animation:pageFade .22s ease;
}

.active-page{
    display:block;
}

@keyframes pageFade{
    from{
        opacity:0;
        transform:translateY(4px);
    }

    to{
        opacity:1;
        transform:none;
    }
}

.page-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;

    margin-bottom:18px;
    padding:4px 2px;
}

.page-kicker{
    display:block;

    margin-bottom:5px;

    color:var(--blue);

    font-size:10px;
    font-weight:950;
    letter-spacing:1.25px;
}

.page-heading h2{
    margin:0 0 4px 0;

    color:#ffffff;

    font-size:24px;
}

.page-heading p{
    margin:0;

    color:var(--muted);
}

.page-heading-actions{
    display:flex;
    align-items:center;
    gap:9px;
}

.page-heading-stats{
    display:flex;
    gap:10px;
}

.page-heading-stats > div{
    min-width:125px;

    display:flex;
    flex-direction:column;

    padding:11px 13px;

    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
}

.page-heading-stats span{
    color:var(--muted);
    font-size:11px;
}

.page-heading-stats strong{
    color:#ffffff;
    font-size:17px;
}

/* =========================================================
   AI BANNER
========================================================= */

.ai-banner{
    display:grid;
    grid-template-columns:2fr repeat(4,1fr);
    gap:12px;

    margin-bottom:18px;
    padding:13px;

    background:
        linear-gradient(
            135deg,
            rgba(22,199,132,.11),
            rgba(59,130,246,.11),
            rgba(139,92,246,.08)
        ),
        #0b1422;

    border:1px solid rgba(22,199,132,.27);
    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-md);
}

.ai-banner > div{
    min-height:86px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:13px;

    background:rgba(5,10,18,.48);
    border:1px solid rgba(255,255,255,.055);
    border-radius:13px;
}

.ai-banner-primary{
    flex-direction:row !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:14px;
}

.ai-orbit{
    width:52px;
    height:52px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(59,130,246,.34),
            rgba(139,92,246,.11)
        );

    border:1px solid rgba(96,165,250,.55);

    box-shadow:
        0 0 22px rgba(59,130,246,.25);
}

.ai-orbit span{
    margin:0 !important;

    color:#ffffff !important;

    font-size:17px !important;
    font-weight:950 !important;
}

.ai-banner span{
    display:block;

    margin-bottom:6px;

    color:var(--muted);

    font-size:10px;
    font-weight:900;
    letter-spacing:.8px;
}

.ai-banner h2{
    margin:0;

    color:var(--buy);

    font-size:23px;
}

.ai-banner b{
    color:#ffffff;
    font-size:17px;
}

/* =========================================================
   CARDS
========================================================= */

.cards{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:13px;

    margin-bottom:18px;
}

.card{
    padding:17px;

    background:
        linear-gradient(
            145deg,
            var(--panel-2),
            var(--panel)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);
}

.modern-card{
    position:relative;
    overflow:hidden;
}

.modern-card::before{
    content:"";

    position:absolute;
    right:-28px;
    top:-30px;

    width:90px;
    height:90px;

    background:rgba(59,130,246,.11);

    border-radius:50%;
}

.modern-card::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(59,130,246,.65),
            transparent
        );
}

.pro-card{
    min-height:132px;
}

.pro-card .mini-spark{
    position:absolute;
    right:10px;
    top:8px;

    width:90px;
    height:32px;

    opacity:.9;
    z-index:2;
}

.card span{
    position:relative;
    z-index:2;

    color:var(--muted);

    font-weight:750;
}

.card h2{
    position:relative;
    z-index:2;

    margin:12px 0 4px 0;

    color:#ffffff;

    font-size:24px;
}

.card small{
    position:relative;
    z-index:2;

    color:var(--muted-2);

    font-weight:650;
}

/* =========================================================
   PANELS
========================================================= */

.panel{
    margin-bottom:18px;
    padding:18px;

    background:
        linear-gradient(
            145deg,
            rgba(17,29,48,.96),
            rgba(9,16,29,.98)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-sm);
}

.panel h2,
.panel h3{
    color:#ffffff;
}

.panel h2{
    margin-top:0;
}

.panel-header,
.panel-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    margin-bottom:14px;
}

.panel-header h2,
.panel-header h3,
.panel-title-row h2,
.panel-title-row h3{
    margin:0;
}

.panel-header p,
.panel-title-row p{
    margin:3px 0 0 0;
    color:var(--muted);
}

.panel-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:5px 9px;

    border-radius:999px;

    background:rgba(59,130,246,.13);
    border:1px solid rgba(59,130,246,.28);

    color:#93bdff;

    font-size:9px;
    font-weight:950;
    letter-spacing:.8px;
}

.panel-chip.success{
    color:var(--buy);
    background:rgba(22,199,132,.10);
    border-color:rgba(22,199,132,.28);
}

.panel-chip.ai{
    color:#c4b5fd;
    background:rgba(139,92,246,.10);
    border-color:rgba(139,92,246,.28);
}

/* =========================================================
   DASHBOARD GRID
========================================================= */

.dashboard-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;

    margin-bottom:18px;
}

.pro-panel{
    min-height:235px;
    margin-bottom:0;
}

.metric-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding:10px 0;

    border-bottom:1px solid var(--border-soft);
}

.metric-row:last-child{
    border-bottom:none;
}

.metric-row span{
    color:var(--muted);
    font-weight:750;
}

.metric-row b{
    color:var(--text);
    font-weight:900;
}

.profit-gauge{
    min-height:160px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
}

#profitGaugeValue{
    color:var(--buy);

    font-size:33px;
    font-weight:950;
}

.profit-bar{
    width:100%;
    height:13px;

    overflow:hidden;

    background:#050a12;
    border:1px solid var(--border);
    border-radius:999px;
}

#profitGaugeBar{
    width:0%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            var(--buy),
            var(--cyan)
        );

    border-radius:999px;

    transition:width .35s ease;
}

/* =========================================================
   TABLES
========================================================= */

.table-wrap{
    width:100%;
    overflow:auto;
}

table{
    width:100%;
    min-width:760px;

    border-collapse:separate;
    border-spacing:0;

    border:1px solid var(--border);
    border-radius:12px;

    overflow:hidden;
}

th{
    padding:12px 10px;

    background:#111d30;
    border-bottom:1px solid var(--border);

    color:var(--muted);

    text-align:center;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.6px;
}

td{
    padding:11px 10px;

    border-bottom:1px solid var(--border-soft);

    color:var(--text-soft);
    text-align:center;
}

tbody tr{
    transition:background .15s ease;
}

tbody tr:last-child td{
    border-bottom:none;
}

tbody tr:hover{
    background:rgba(59,130,246,.055);
}

.empty-row{
    padding:24px;
    color:var(--muted);
}

.buy,
.side-long{
    color:var(--buy);
    font-weight:900;
}

.sell,
.side-short{
    color:var(--sell);
    font-weight:900;
}

.neutral,
.pnl-neutral{
    color:var(--neutral);
    font-weight:850;
}

.pnl-positive{
    color:var(--buy);
    font-weight:950;
}

.pnl-negative{
    color:var(--sell);
    font-weight:950;
}

.badge,
.status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:64px;

    padding:5px 9px;

    border-radius:999px;

    font-size:10px;
    font-weight:950;
}

.badge.side-long{
    color:#031910;

    background:
        linear-gradient(
            135deg,
            #16c784,
            #3de3ad
        );

    box-shadow:
        0 0 15px rgba(22,199,132,.20);
}

.badge.side-short{
    color:#270508;

    background:
        linear-gradient(
            135deg,
            #ea3943,
            #ff6972
        );

    box-shadow:
        0 0 15px rgba(234,57,67,.20);
}

.status-open{
    color:#bfdbfe;

    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.32);
}

.status-tp{
    color:#051a12;
    background:var(--buy);
}

.status-sl{
    color:#250608;
    background:var(--sell);
}

.status-be{
    color:#211800;
    background:var(--neutral);
}

.status-trailing{
    color:#ffffff;
    background:var(--purple);
}

/* =========================================================
   EMPTY STATES
========================================================= */

.empty-state{
    min-height:260px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.empty-state-icon{
    width:68px;
    height:68px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:14px;

    border-radius:20px;

    background:rgba(59,130,246,.10);
    border:1px solid rgba(59,130,246,.24);

    font-size:29px;
}

.empty-state h3{
    margin:0 0 7px 0;
    font-size:19px;
}

.empty-state p{
    max-width:520px;

    margin:0;

    color:var(--muted);
}

/* =========================================================
   FORMS
========================================================= */

input,
select,
textarea{
    width:100%;

    color:var(--text);

    background:#080f1b;
    border:1px solid var(--border);
    border-radius:10px;

    padding:10px 11px;

    transition:
        border-color .17s ease,
        box-shadow .17s ease,
        background .17s ease;
}

input:focus,
select:focus,
textarea:focus{
    background:#0a1322;
    border-color:var(--blue);

    box-shadow:
        0 0 0 3px rgba(59,130,246,.13);
}

textarea{
    resize:vertical;
}

label > span{
    display:block;

    margin-bottom:7px;

    color:var(--muted);

    font-size:12px;
    font-weight:800;
}

/* =========================================================
   SETTINGS
========================================================= */

.settings-panel{
    width:100%;
}

.settings-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;

    margin-bottom:18px;
}

.settings-header h2{
    margin:0 0 5px 0;
}

.settings-header p{
    margin:0;
    color:var(--muted);
}

.settings-live-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 10px;

    color:var(--buy);

    background:rgba(22,199,132,.10);
    border:1px solid rgba(22,199,132,.30);
    border-radius:999px;

    font-size:9px;
    font-weight:950;
    letter-spacing:.8px;
}

.settings-section-title{
    margin:22px 0 11px 0;
    padding-left:10px;

    color:#ffffff;

    border-left:3px solid var(--blue);

    font-weight:950;
}

.settings-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}

.settings-grid label{
    padding:13px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:12px;
}

.settings-actions{
    display:flex;
    align-items:center;
    gap:14px;

    margin-top:18px;
}

#tradeSettingsStatus{
    color:var(--muted);
    font-weight:750;
}

/* =========================================================
   INDICATOR SUMMARY
========================================================= */

.indicator-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;

    margin-bottom:18px;
}

.enterprise-summary-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
}

.indicator-summary-card{
    min-height:118px;

    display:flex;
    align-items:center;
    gap:13px;

    padding:15px;

    background:
        linear-gradient(
            145deg,
            var(--panel-2),
            var(--panel)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);
}

.summary-icon{
    width:42px;
    height:42px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    color:#9fc4ff;

    background:rgba(59,130,246,.12);
    border:1px solid rgba(59,130,246,.25);

    font-size:18px;
    font-weight:900;
}

.indicator-summary-card span{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
}

.indicator-summary-card h2{
    margin:5px 0 1px 0;

    color:#ffffff;

    font-size:21px;
    line-height:1.15;
    word-break:break-word;
}

.indicator-summary-card small{
    color:var(--muted-2);
}

/* =========================================================
   INDICATOR CONTROL
========================================================= */

.indicator-control-panel{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    margin-bottom:18px;
    padding:16px;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.10),
            rgba(139,92,246,.07)
        ),
        var(--panel);

    border:1px solid rgba(59,130,246,.25);
    border-radius:var(--radius-md);
}

.indicator-control-info{
    display:flex;
    align-items:center;
    gap:13px;
}

.control-icon{
    width:48px;
    height:48px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:rgba(139,92,246,.12);
    border:1px solid rgba(139,92,246,.24);

    font-size:21px;
}

.indicator-control-info strong{
    display:block;
    color:#ffffff;
}

.indicator-control-info p{
    max-width:800px;

    margin:3px 0 0 0;

    color:var(--muted);
}

.enterprise-switch{
    min-width:125px;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}

.enterprise-switch input{
    display:none;
}

.enterprise-switch-slider{
    position:relative;

    width:47px;
    height:25px;

    flex:0 0 auto;

    background:#27364b;
    border:1px solid #3c4d65;
    border-radius:999px;

    transition:.2s ease;
}

.enterprise-switch-slider::after{
    content:"";

    position:absolute;
    top:3px;
    left:3px;

    width:17px;
    height:17px;

    border-radius:50%;
    background:#96a5b9;

    transition:.2s ease;
}

.enterprise-switch input:checked + .enterprise-switch-slider{
    background:rgba(22,199,132,.28);
    border-color:rgba(22,199,132,.65);

    box-shadow:
        0 0 15px rgba(22,199,132,.16);
}

.enterprise-switch input:checked + .enterprise-switch-slider::after{
    left:25px;
    background:var(--buy);
}

.enterprise-switch-text{
    margin:0;

    color:#ffffff;

    font-size:12px;
    font-weight:900;
}

/* =========================================================
   INDICATOR WORKSPACE
========================================================= */

.indicator-workspace{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:16px;

    margin-bottom:18px;
}

.indicator-library-panel,
.indicator-experiment-panel,
.pine-studio-panel{
    background:
        linear-gradient(
            145deg,
            rgba(17,29,48,.96),
            rgba(9,16,29,.98)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-sm);
}

.indicator-library-panel{
    padding:16px;
}

.indicator-library-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;

    margin-bottom:14px;
}

.indicator-library-header h3{
    margin:0;
    color:#ffffff;
}

.indicator-library-tools{
    display:flex;
    gap:9px;
}

.indicator-library-tools input{
    width:210px;
}

.indicator-library-tools select{
    width:165px;
}

.enterprise-indicator-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;

    color:var(--muted);
}

.indicator-card{
    position:relative;

    min-height:118px;

    padding:14px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:13px;

    transition:
        border-color .17s ease,
        transform .17s ease,
        background .17s ease;
}

.indicator-card:hover{
    transform:translateY(-2px);

    background:#0d1829;
    border-color:#355074;
}

.indicator-card.enabled{
    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.10),
            rgba(22,199,132,.045)
        );

    border-color:rgba(59,130,246,.42);
}

.indicator-card-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.indicator-card-title{
    color:#ffffff;
    font-weight:900;
}

.indicator-card-meta{
    margin-top:3px;

    color:var(--muted);
    font-size:10px;
}

.indicator-card-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;

    margin-top:13px;
}

.indicator-card-stat{
    padding:7px;

    background:rgba(5,10,18,.54);
    border:1px solid var(--border-soft);
    border-radius:8px;

    text-align:center;
}

.indicator-card-stat span{
    display:block;

    color:var(--muted-2);

    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.indicator-card-stat strong{
    display:block;

    margin-top:2px;

    color:var(--text-soft);
    font-size:11px;
}

.indicator-experiment-panel{
    padding:16px;
}

.experiment-panel-header{
    margin-bottom:15px;
}

.experiment-panel-header h3{
    margin:0;
    color:#ffffff;
}

.experiment-form{
    display:grid;
    gap:11px;
}

.selected-combination-box{
    margin-top:14px;
    padding:12px;

    background:#08101c;
    border:1px dashed var(--border-strong);
    border-radius:11px;
}

.selected-combination-box > span{
    display:block;

    margin-bottom:8px;

    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.selected-combination-list{
    min-height:35px;

    display:flex;
    flex-wrap:wrap;
    gap:6px;

    color:var(--text-soft);
}

.indicator-chip{
    display:inline-flex;
    align-items:center;

    padding:5px 8px;

    border-radius:999px;

    color:#afd0ff;
    background:rgba(59,130,246,.13);
    border:1px solid rgba(59,130,246,.27);

    font-size:10px;
    font-weight:850;
}

.indicator-chip.muted{
    color:var(--muted);
    background:rgba(255,255,255,.025);
    border-color:var(--border-soft);
}

.experiment-preview{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;

    margin:13px 0;
}

.experiment-preview > div{
    padding:10px;

    background:#09111f;
    border:1px solid var(--border-soft);
    border-radius:9px;
}

.experiment-preview span{
    display:block;

    color:var(--muted-2);

    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.experiment-preview strong{
    display:block;

    margin-top:3px;

    color:#ffffff;
    font-size:12px;
}

.form-status{
    margin-top:11px;

    color:var(--muted);

    font-size:11px;
    font-weight:750;
}

/* =========================================================
   PINE SCRIPT STUDIO
========================================================= */

.pine-studio-panel{
    margin-bottom:18px;
    padding:17px;
}

.pine-studio-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;

    margin-bottom:17px;
}

.pine-studio-header h3{
    margin:0 0 3px 0;

    color:#ffffff;
    font-size:19px;
}

.pine-studio-header p{
    margin:0;
    color:var(--muted);
}

.pine-studio-grid{
    display:grid;
    grid-template-columns:330px minmax(0,1fr);
    gap:15px;
}

.pine-meta-column{
    display:flex;
    flex-direction:column;
    gap:11px;
}

.pine-inline-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.pine-checkbox-row{
    display:flex;
    align-items:center;
    gap:8px;

    padding:11px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:10px;
}

.pine-checkbox-row input{
    width:15px;
    height:15px;
}

.pine-checkbox-row span{
    margin:0;
    color:var(--text-soft);
}

.pine-editor-column{
    min-width:0;

    overflow:hidden;

    background:#050a11;
    border:1px solid var(--border);
    border-radius:13px;
}

.pine-editor-toolbar{
    min-height:42px;

    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:10px;

    padding:0 13px;

    background:#101a2a;
    border-bottom:1px solid var(--border);
}

.pine-editor-toolbar > div{
    display:flex;
    align-items:center;
    gap:6px;
}

.pine-editor-toolbar strong{
    color:var(--text-soft);
    font-size:11px;
}

.pine-editor-toolbar > span{
    justify-self:end;

    color:var(--muted);
    font-size:10px;
}

.editor-dot{
    width:9px;
    height:9px;
    border-radius:50%;
}

.editor-dot.red{
    background:#ff5f56;
}

.editor-dot.yellow{
    background:#ffbd2e;
}

.editor-dot.green{
    background:#27c93f;
}

.pine-code-editor{
    width:100%;
    min-height:410px;

    display:block;

    padding:16px;

    resize:vertical;

    color:#d8e7ff;

    background:
        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        #050a11;

    background-size:100% 25px;

    border:none;
    border-radius:0;

    font-family:
        Consolas,
        Monaco,
        "Courier New",
        monospace;

    font-size:13px;
    line-height:25px;
    tab-size:4;
}

.pine-code-editor:focus{
    border:none;
    box-shadow:none;
    background-color:#060c14;
}

.pine-editor-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding:11px 12px;

    background:#0d1625;
    border-top:1px solid var(--border);
}

.pine-editor-footer > span{
    color:var(--muted);
    font-size:11px;
}

.pine-editor-actions{
    display:flex;
    gap:8px;
}

/* =========================================================
   EXPERIMENTS
========================================================= */

.experiment-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;

    margin-bottom:18px;
}

.experiment-summary-card{
    min-height:115px;

    padding:16px;

    background:
        linear-gradient(
            145deg,
            var(--panel-2),
            var(--panel)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);
}

.experiment-summary-card span{
    color:var(--muted);
    font-weight:750;
}

.experiment-summary-card strong{
    display:block;

    margin:8px 0 2px 0;

    color:#ffffff;

    font-size:23px;
}

.experiment-summary-card small{
    color:var(--muted-2);
}

/* =========================================================
   AI LEARNING
========================================================= */

.ai-learning-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.learning-progress-block{
    margin-bottom:18px;
}

.learning-progress-block:last-child{
    margin-bottom:0;
}

.learning-progress-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-bottom:7px;
}

.learning-progress-row span{
    color:var(--muted);
    font-weight:750;
}

.learning-progress-row strong{
    color:#ffffff;
}

.learning-progress-bar{
    height:10px;

    overflow:hidden;

    background:#050a12;
    border:1px solid var(--border);
    border-radius:999px;
}

.learning-progress-bar > div{
    width:0%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--purple)
        );

    border-radius:999px;

    transition:width .35s ease;
}

.best-setup-card{
    padding:14px;

    background:
        linear-gradient(
            135deg,
            rgba(139,92,246,.09),
            rgba(59,130,246,.07)
        );

    border:1px solid rgba(139,92,246,.22);
    border-radius:13px;
}

.best-setup-main{
    padding-bottom:13px;
    border-bottom:1px solid var(--border-soft);
}

.best-setup-main span{
    display:block;
    color:var(--muted);
}

.best-setup-main strong{
    display:block;

    margin-top:5px;

    color:#ffffff;
    font-size:21px;
}

.best-setup-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;

    margin-top:13px;
}

.best-setup-grid > div{
    padding:10px;

    background:rgba(5,10,18,.42);
    border:1px solid var(--border-soft);
    border-radius:9px;
}

.best-setup-grid span{
    display:block;

    color:var(--muted-2);

    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.best-setup-grid strong{
    display:block;

    margin-top:3px;

    color:var(--text-soft);
}

/* =========================================================
   TRADE INSPECTOR
========================================================= */

.inspector-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;

    margin-bottom:16px;
}

.inspector-stat-card{
    min-height:105px;

    padding:15px;

    background:
        linear-gradient(
            145deg,
            var(--panel-2),
            var(--panel)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);
}

.inspector-stat-card span{
    color:var(--muted);
    font-weight:750;
}

.inspector-stat-card strong{
    display:block;

    margin:7px 0 2px 0;

    color:#ffffff;
    font-size:21px;
}

.inspector-stat-card small{
    color:var(--muted-2);
}

.trade-inspector-layout{
    display:grid;
    grid-template-columns:270px minmax(0,1fr) 300px;
    gap:14px;
}

.inspector-trade-list,
.inspector-main,
.inspector-decision-panel{
    min-width:0;

    background:
        linear-gradient(
            145deg,
            rgba(17,29,48,.97),
            rgba(8,14,25,.99)
        );

    border:1px solid var(--border);
    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-sm);
}

.inspector-trade-list{
    padding:14px;
}

.inspector-section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:9px;

    margin-bottom:12px;
}

.inspector-section-header h3{
    margin:0;
    color:#ffffff;
}

.inspector-section-header select{
    width:120px;
    padding:8px;
    font-size:10px;
}

.inspector-position-list{
    display:flex;
    flex-direction:column;
    gap:9px;

    max-height:675px;

    overflow:auto;
}

.inspector-empty-item{
    min-height:160px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:14px;

    text-align:center;

    background:#08101c;
    border:1px dashed var(--border-strong);
    border-radius:11px;
}

.inspector-empty-item span{
    font-size:25px;
}

.inspector-empty-item strong{
    margin-top:8px;
    color:#ffffff;
}

.inspector-empty-item small{
    margin-top:4px;
    color:var(--muted);
}

.inspector-position-item{
    padding:11px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:11px;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}

.inspector-position-item:hover,
.inspector-position-item.active{
    transform:translateY(-1px);

    background:#0e1a2d;
    border-color:var(--blue);
}

.inspector-main{
    overflow:hidden;
}

.chart-toolbar{
    min-height:66px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:13px;

    padding:12px 14px;

    border-bottom:1px solid var(--border);
}

.chart-symbol{
    display:flex;
    align-items:center;
    gap:10px;
}

.symbol-avatar{
    width:39px;
    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--purple)
        );

    font-size:11px;
    font-weight:950;
}

.chart-symbol strong{
    display:block;
    color:#ffffff;
}

.chart-symbol span{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:10px;
}

.chart-timeframes{
    display:flex;
    gap:5px;
}

.chart-timeframes button{
    min-width:37px;
    padding:7px 8px;

    color:var(--muted);

    background:#09111f;
    border:1px solid var(--border);

    box-shadow:none;

    font-size:10px;
}

.chart-timeframes button:hover,
.chart-timeframes button.active{
    color:#ffffff;
    background:rgba(59,130,246,.18);
    border-color:rgba(59,130,246,.55);
}

.trade-chart-panel{
    padding:12px;
}

.trade-chart-placeholder{
    position:relative;

    min-height:510px;

    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        #050a11;

    background-size:62px 62px;

    border:1px solid var(--border-soft);
    border-radius:12px;
}

.chart-grid-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(59,130,246,.025)
        );

    pointer-events:none;
}

.chart-placeholder-content{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:25px;

    text-align:center;
}

.chart-placeholder-icon{
    width:70px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:13px;

    border-radius:22px;

    background:rgba(59,130,246,.09);
    border:1px solid rgba(59,130,246,.23);

    font-size:31px;
}

.chart-placeholder-content h3{
    margin:0 0 6px 0;

    color:#ffffff;
    font-size:18px;
}

.chart-placeholder-content p{
    max-width:470px;

    margin:0;

    color:var(--muted);
}

.chart-indicator-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:12px 14px;

    border-top:1px solid var(--border);
}

.chart-indicator-bar > div > span{
    display:block;

    margin-bottom:6px;

    color:var(--muted);

    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.indicator-chip-list{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.chart-price-levels{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}

.chart-price-levels span{
    margin:0 !important;

    color:var(--muted) !important;

    font-size:10px !important;
    text-transform:none !important;
}

.chart-price-levels b{
    color:#ffffff;
}

.inspector-decision-panel{
    padding:14px;
}

.decision-panel-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.decision-panel-header h3{
    margin:0;
    color:#ffffff;
}

.decision-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:5px 8px;

    border-radius:999px;

    font-size:9px;
    font-weight:950;
    letter-spacing:.7px;
}

.decision-badge.waiting{
    color:var(--neutral);
    background:rgba(240,185,11,.10);
    border:1px solid rgba(240,185,11,.26);
}

.decision-badge.long{
    color:var(--buy);
    background:rgba(22,199,132,.10);
    border:1px solid rgba(22,199,132,.27);
}

.decision-badge.short{
    color:var(--sell);
    background:rgba(234,57,67,.10);
    border:1px solid rgba(234,57,67,.27);
}

.decision-score{
    display:flex;
    justify-content:center;

    padding:20px 0;
}

.decision-score-circle{
    width:112px;
    height:112px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(59,130,246,.16),
            rgba(59,130,246,.02)
        );

    border:6px solid rgba(59,130,246,.18);

    box-shadow:
        inset 0 0 22px rgba(59,130,246,.10),
        0 0 20px rgba(59,130,246,.08);
}

.decision-score-circle strong{
    color:#ffffff;
    font-size:26px;
}

.decision-score-circle span{
    color:var(--muted);
    font-size:9px;
}

.decision-detail-list{
    border-top:1px solid var(--border-soft);
}

.decision-detail-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding:10px 0;

    border-bottom:1px solid var(--border-soft);
}

.decision-detail-row span{
    color:var(--muted);
}

.decision-detail-row strong{
    color:var(--text-soft);
    text-align:right;
}

.decision-reasons{
    margin-top:14px;
}

.decision-reasons-title{
    margin-bottom:9px;

    color:#ffffff;

    font-size:11px;
    font-weight:900;
}

.decision-reason{
    display:flex;
    align-items:flex-start;
    gap:7px;

    margin-bottom:7px;
    padding:8px;

    background:#09111f;
    border:1px solid var(--border-soft);
    border-radius:8px;

    color:var(--text-soft);

    font-size:11px;
}

.decision-reason span{
    color:var(--buy);
}

.decision-reason.muted{
    color:var(--muted);
}

.decision-reason.muted span{
    color:var(--muted);
}

/* =========================================================
   DEVELOPER
========================================================= */

.dev-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;

    margin-bottom:16px;
}

.dev-card{
    padding:14px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:12px;
}

.dev-card span{
    color:var(--muted);
    font-size:11px;
}

.dev-card h3{
    margin:8px 0 2px 0;
    color:#ffffff;
}

.dev-card small{
    color:var(--muted-2);
}

.developer-panels{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}

.developer-box{
    min-width:0;

    padding:14px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:12px;
}

.developer-box h3{
    margin-top:0;
    color:#ffffff;
}

.developer-box p{
    display:flex;
    justify-content:space-between;
    gap:10px;

    margin:8px 0;

    color:var(--muted);
}

.developer-box p span{
    color:var(--text-soft);
    text-align:right;
}

pre{
    max-height:280px;

    overflow:auto;

    padding:12px;

    color:#c4d4eb;

    background:#050a11;
    border:1px solid var(--border-soft);
    border-radius:9px;

    white-space:pre-wrap;
    word-break:break-word;

    font-family:
        Consolas,
        Monaco,
        monospace;

    font-size:11px;
}

/* =========================================================
   COIN DETAIL
========================================================= */

.coin-card{
    padding:14px;

    background:#09111f;
    border:1px solid var(--border);
    border-radius:12px;
}

.coin-card p{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    margin:0;
    padding:8px 0;

    border-bottom:1px solid var(--border-soft);
}

.coin-card p:last-child{
    border-bottom:none;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1550px){

    .enterprise-summary-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .trade-inspector-layout{
        grid-template-columns:240px minmax(0,1fr);
    }

    .inspector-decision-panel{
        grid-column:1 / -1;
    }
}

@media(max-width:1380px){

    .cards{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .dashboard-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ai-banner{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ai-banner-primary{
        grid-column:1 / -1;
    }

    .developer-panels{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:1180px){

    :root{
        --sidebar-width:230px;
    }

    .cards{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .indicator-workspace{
        grid-template-columns:1fr;
    }

    .indicator-experiment-panel{
        grid-column:1;
    }

    .pine-studio-grid{
        grid-template-columns:1fr;
    }

    .pine-meta-column{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .pine-checkbox-row{
        align-self:end;
    }

    .trade-inspector-layout{
        grid-template-columns:1fr;
    }

    .inspector-position-list{
        max-height:340px;
    }

    .inspector-decision-panel{
        grid-column:auto;
    }

    .inspector-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:920px){

    .sidebar{
        position:relative;
        width:100%;
        height:auto;
    }

    .main{
        width:100%;
        margin-left:0;
    }

    .app{
        flex-direction:column;
    }

    .sidebar-footer{
        display:none;
    }

    .menu{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .menu-group-title{
        grid-column:1 / -1;
    }

    .topbar{
        position:relative;
        top:0;

        flex-direction:column;
        align-items:flex-start;
    }

    .top-info{
        width:100%;
        flex-wrap:wrap;
    }

    .cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .enterprise-summary-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .experiment-summary-grid,
    .ai-learning-grid,
    .dev-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .settings-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .enterprise-indicator-list{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){

    .main{
        padding:12px;
    }

    .sidebar{
        padding:13px;
    }

    .menu{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-heading,
    .panel-header,
    .panel-title-row,
    .settings-header,
    .pine-studio-header,
    .indicator-library-header,
    .indicator-control-panel,
    .chart-toolbar,
    .chart-indicator-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    .page-heading-actions,
    .indicator-library-tools,
    .pine-editor-actions,
    .chart-timeframes{
        width:100%;
        flex-wrap:wrap;
    }

    .page-heading-actions button,
    .pine-editor-actions button{
        flex:1;
    }

    .page-heading-stats{
        width:100%;
    }

    .page-heading-stats > div{
        flex:1;
        min-width:0;
    }

    .cards,
    .dashboard-grid,
    .ai-banner,
    .indicator-summary-grid,
    .enterprise-summary-grid,
    .experiment-summary-grid,
    .inspector-stat-grid,
    .ai-learning-grid,
    .settings-grid,
    .dev-grid,
    .developer-panels{
        grid-template-columns:1fr;
    }

    .pine-meta-column{
        display:flex;
    }

    .pine-inline-fields{
        grid-template-columns:1fr;
    }

    .indicator-library-tools input,
    .indicator-library-tools select{
        width:100%;
    }

    .chart-timeframes{
        justify-content:flex-start;
    }

    .chart-price-levels{
        justify-content:flex-start;
    }

    .pine-editor-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .top-status-card{
        flex:1;
    }
}
/* =========================================================
   MODERN TRADER X9 ENTERPRISE
   SPRINT 8.4 - AI LEARNING LAB
   Bu bloğu frontend/style.css dosyasının EN ALTINA yapıştır.
   ========================================================= */

.learning-lab-heading {
    position: relative;
    overflow: hidden;
}

.learning-lab-heading::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    width: 180px;
    height: 180px;
    transform: translateY(-50%);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(72, 118, 255, 0.18) 0%, rgba(72, 118, 255, 0.04) 52%, transparent 72%);
    pointer-events: none;
}

.learning-lab-hero {
    display: grid;
    grid-template-columns: minmax(340px, 1.8fr) repeat(3, minmax(150px, 0.65fr));
    gap: 14px;
    align-items: stretch;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(89, 118, 255, 0.24);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(15, 24, 48, 0.98), rgba(12, 19, 38, 0.96)),
        radial-gradient(circle at 12% 15%, rgba(72, 118, 255, 0.24), transparent 34%);
    box-shadow: 0 16px 38px rgba(2, 8, 23, 0.28);
}

.learning-lab-hero-main {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 12px 16px;
}

.learning-lab-hero-main > div:last-child {
    min-width: 0;
}

.learning-lab-hero-main span {
    display: block;
    margin-bottom: 5px;
    color: #7897ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.learning-lab-hero-main h3 {
    margin: 0;
    color: #f4f7ff;
    font-size: 24px;
    line-height: 1.15;
}

.learning-lab-hero-main p {
    margin: 7px 0 0;
    color: #8e9bb8;
    font-size: 13px;
    line-height: 1.5;
}

.learning-brain-orbit {
    position: relative;
    display: grid;
    flex: 0 0 74px;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(104, 137, 255, 0.42);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(76, 116, 255, 0.28), rgba(18, 29, 58, 0.95) 64%);
    box-shadow:
        0 0 0 8px rgba(76, 116, 255, 0.05),
        0 0 32px rgba(76, 116, 255, 0.22);
}

.learning-brain-orbit::before,
.learning-brain-orbit::after {
    content: "";
    position: absolute;
    inset: -8px;
    border: 1px dashed rgba(116, 145, 255, 0.38);
    border-radius: 50%;
}

.learning-brain-orbit::after {
    inset: -15px;
    opacity: 0.42;
}

.learning-brain-orbit span {
    margin: 0;
    color: #e9efff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0;
}

.learning-lab-hero-metric {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 108px;
    padding: 16px;
    border: 1px solid rgba(123, 146, 222, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.026);
}

.learning-lab-hero-metric span {
    color: #8794b2;
    font-size: 12px;
}

.learning-lab-hero-metric strong {
    margin-top: 7px;
    color: #f8faff;
    font-size: 27px;
    line-height: 1;
}

.learning-lab-hero-metric small {
    margin-top: 7px;
    color: #65718d;
    font-size: 11px;
}

.learning-status-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.learning-status-card {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 112px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid rgba(119, 139, 201, 0.15);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(21, 31, 56, 0.96), rgba(13, 20, 38, 0.98));
    box-shadow: 0 12px 28px rgba(2, 8, 23, 0.18);
}

.learning-status-card::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -22px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(77, 118, 255, 0.06);
}

.learning-status-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(102, 137, 255, 0.22);
    border-radius: 12px;
    background: rgba(74, 111, 235, 0.10);
    font-size: 19px;
}

.learning-status-card > div:nth-child(2) {
    min-width: 0;
}

.learning-status-card span {
    display: block;
    color: #7f8da9;
    font-size: 11px;
    line-height: 1.25;
}

.learning-status-card strong {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #eef3ff;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.learning-status-card small {
    display: block;
    margin-top: 5px;
    color: #5e6c89;
    font-size: 10px;
}

.learning-status-badge {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.learning-status-badge.waiting {
    color: #b7c3dc;
    background: rgba(137, 151, 184, 0.12);
}

.learning-status-badge.online,
.learning-status-badge.active,
.learning-status-badge.success {
    color: #67f0ba;
    background: rgba(38, 205, 145, 0.12);
}

.learning-status-badge.offline,
.learning-status-badge.error {
    color: #ff7d92;
    background: rgba(255, 78, 111, 0.13);
}

.learning-lab-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(480px, 1.35fr);
    gap: 18px;
    margin-bottom: 18px;
}

.learning-progress-panel,
.learning-chart-panel,
.learning-ranking-panel,
.bonus-penalty-panel,
.learning-controls-panel {
    min-width: 0;
}

.learning-ring-area {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    min-height: 270px;
}

.learning-ring {
    --learning-progress: 0deg;
    display: grid;
    width: 154px;
    height: 154px;
    place-items: center;
    margin: 0 auto;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #111a2e 0 55%, transparent 56%),
        conic-gradient(#5e82ff var(--learning-progress), rgba(101, 125, 190, 0.13) 0);
    box-shadow:
        inset 0 0 26px rgba(39, 64, 126, 0.22),
        0 0 32px rgba(77, 115, 255, 0.10);
}

.learning-ring > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.learning-ring strong {
    color: #f2f6ff;
    font-size: 29px;
}

.learning-ring span {
    margin-top: 4px;
    color: #7786a6;
    font-size: 11px;
}

.learning-progress-details {
    display: grid;
    gap: 14px;
}

.learning-progress-panel .learning-progress-block {
    margin: 0;
}

.learning-progress-panel .learning-progress-row {
    margin-bottom: 7px;
}

.learning-progress-panel .learning-progress-row span {
    color: #909db8;
    font-size: 12px;
}

.learning-progress-panel .learning-progress-row strong {
    color: #dce5ff;
    font-size: 12px;
}

.learning-progress-panel .learning-progress-bar {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(111, 130, 180, 0.12);
}

.learning-progress-panel .learning-progress-bar > div {
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #587dff, #65d5ff);
    box-shadow: 0 0 16px rgba(75, 132, 255, 0.28);
    transition: width 0.35s ease;
}

.learning-chart-wrap {
    position: relative;
    min-height: 290px;
    padding: 8px 4px 0;
    overflow: hidden;
}

.learning-chart-wrap.compact {
    min-height: 230px;
    margin-top: 12px;
}

.learning-chart-wrap canvas {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    min-height: 250px;
}

.learning-chart-wrap.compact canvas {
    min-height: 210px;
}

.learning-intelligence-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.learning-ranking-list {
    display: grid;
    gap: 9px;
}

.learning-ranking-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 54px;
    padding: 10px 11px;
    border: 1px solid rgba(115, 136, 195, 0.12);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.022);
}

.learning-ranking-position {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    color: #92a8ff;
    background: rgba(88, 124, 255, 0.11);
    font-size: 11px;
    font-weight: 800;
}

.learning-ranking-main {
    min-width: 0;
}

.learning-ranking-main strong,
.learning-ranking-main span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.learning-ranking-main strong {
    display: block;
    color: #edf2ff;
    font-size: 13px;
}

.learning-ranking-main span {
    display: block;
    margin-top: 3px;
    color: #697795;
    font-size: 10px;
}

.learning-ranking-value {
    text-align: right;
}

.learning-ranking-value strong {
    display: block;
    font-size: 13px;
}

.learning-ranking-value small {
    color: #6d7b98;
    font-size: 9px;
}

.learning-ranking-list.best .learning-ranking-value strong,
.learning-ranking-value.positive strong {
    color: #61e9b2;
}

.learning-ranking-list.worst .learning-ranking-value strong,
.learning-ranking-value.negative strong {
    color: #ff7188;
}

.learning-ranking-empty,
.bonus-penalty-empty {
    display: grid;
    min-height: 155px;
    place-items: center;
    color: #66738f;
    font-size: 12px;
    text-align: center;
}

.learning-lab-two-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 18px;
}

.market-regime-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.market-regime-card {
    min-height: 105px;
    padding: 14px;
    border: 1px solid rgba(119, 140, 194, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.022);
}

.market-regime-card span,
.market-regime-card strong,
.market-regime-card small {
    display: block;
}

.market-regime-card span {
    color: #8390aa;
    font-size: 11px;
}

.market-regime-card strong {
    margin-top: 11px;
    color: #edf2ff;
    font-size: 22px;
}

.market-regime-card small {
    margin-top: 6px;
    color: #65728d;
    font-size: 10px;
}

.market-regime-card.bull {
    border-color: rgba(46, 214, 153, 0.18);
}

.market-regime-card.bull strong {
    color: #61ebb4;
}

.market-regime-card.bear {
    border-color: rgba(255, 76, 111, 0.18);
}

.market-regime-card.bear strong {
    color: #ff758b;
}

.market-regime-card.sideways {
    border-color: rgba(98, 135, 255, 0.18);
}

.market-regime-card.sideways strong {
    color: #7f9cff;
}

.market-regime-card.volatile {
    border-color: rgba(255, 184, 76, 0.18);
}

.market-regime-card.volatile strong {
    color: #ffc267;
}

.bonus-penalty-list {
    display: grid;
    gap: 9px;
}

.bonus-penalty-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(112, 133, 190, 0.12);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.022);
}

.bonus-penalty-item > div {
    min-width: 0;
}

.bonus-penalty-item strong,
.bonus-penalty-item span,
.bonus-penalty-item small {
    display: block;
}

.bonus-penalty-item strong {
    overflow: hidden;
    color: #e8eeff;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bonus-penalty-item span {
    margin-top: 4px;
    color: #6d7a96;
    font-size: 10px;
}

.bonus-penalty-item small {
    font-size: 13px;
    font-weight: 800;
}

.bonus-penalty-item.positive small,
.score-effect.positive {
    color: #61eab3;
}

.bonus-penalty-item.negative small,
.score-effect.negative {
    color: #ff7188;
}

.score-effect {
    min-width: 68px;
    padding: 7px 10px;
    border-radius: 999px;
    text-align: center;
    font-size: 13px;
}

.score-effect.neutral {
    color: #a8b6d3;
    background: rgba(129, 145, 180, 0.10);
}

.learning-toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.learning-toggle-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: center;
    min-height: 68px;
    padding: 12px;
    cursor: pointer;
    border: 1px solid rgba(111, 133, 190, 0.13);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.022);
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

.learning-toggle-item:hover {
    transform: translateY(-1px);
    border-color: rgba(93, 128, 255, 0.28);
    background: rgba(83, 117, 232, 0.055);
}

.learning-toggle-item > div {
    min-width: 0;
}

.learning-toggle-item strong,
.learning-toggle-item small {
    display: block;
}

.learning-toggle-item strong {
    color: #e8eeff;
    font-size: 12px;
}

.learning-toggle-item small {
    margin-top: 4px;
    color: #687590;
    font-size: 9px;
    line-height: 1.35;
}

.learning-toggle-item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.learning-toggle-switch {
    position: relative;
    display: block;
    width: 42px;
    height: 23px;
    border-radius: 999px;
    background: rgba(111, 125, 158, 0.22);
    transition: background 0.2s ease;
}

.learning-toggle-switch::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #9ca8bf;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.learning-toggle-item input:checked + .learning-toggle-switch {
    background: rgba(67, 205, 149, 0.27);
}

.learning-toggle-item input:checked + .learning-toggle-switch::after {
    transform: translateX(19px);
    background: #5ce8ae;
    box-shadow: 0 0 12px rgba(57, 223, 161, 0.4);
}

#page-experiments .panel {
    border-color: rgba(110, 132, 190, 0.14);
}

#page-experiments .panel-header select,
#learningChartRange,
#learningMemoryFilter,
#experimentStatusFilter {
    min-width: 140px;
    padding: 9px 11px;
    border: 1px solid rgba(119, 138, 190, 0.18);
    border-radius: 9px;
    color: #dce5fb;
    background: #111a2d;
    outline: none;
}

#page-experiments .table-wrap {
    border: 1px solid rgba(110, 132, 190, 0.10);
    border-radius: 12px;
}

#page-experiments table {
    min-width: 900px;
}

#page-experiments thead th {
    color: #73819e;
    background: rgba(15, 23, 42, 0.88);
    font-size: 10px;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

#page-experiments tbody td {
    color: #cbd5e9;
    font-size: 11px;
}

.learning-memory-result,
.learning-memory-side,
.learning-ai-effect {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.learning-memory-result.win,
.learning-memory-side.long,
.learning-ai-effect.positive {
    color: #5ee9b1;
    background: rgba(45, 210, 151, 0.11);
}

.learning-memory-result.loss,
.learning-memory-side.short,
.learning-ai-effect.negative {
    color: #ff7188;
    background: rgba(255, 74, 110, 0.11);
}

.learning-memory-result.open,
.learning-ai-effect.neutral {
    color: #8eabff;
    background: rgba(83, 121, 255, 0.11);
}

.learning-confidence-bar {
    width: 78px;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(110, 128, 171, 0.13);
}

.learning-confidence-bar > span {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #5a7fff, #62dbff);
}

#runLearningOptimizationBtn {
    box-shadow: 0 9px 24px rgba(77, 116, 255, 0.18);
}

#runLearningOptimizationBtn.is-running {
    pointer-events: none;
    opacity: 0.7;
}

#learningControlsSaveStatus.saved {
    color: #61eab2;
    background: rgba(43, 210, 150, 0.10);
}

#learningControlsSaveStatus.error {
    color: #ff748b;
    background: rgba(255, 76, 110, 0.10);
}

#learningLabKnowledgeScore,
#learningLabConfidence,
#learningLabProgress,
#learningOpenTrades,
#learningCompletedTrades,
#learningMemoryCount,
#activeExperimentCount {
    font-variant-numeric: tabular-nums;
}

/* Responsive */

@media (max-width: 1500px) {
    .learning-status-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .learning-intelligence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .learning-lab-hero {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .learning-lab-hero-main {
        grid-column: 1 / -1;
    }

    .learning-lab-dashboard-grid,
    .learning-lab-two-column {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .learning-status-grid,
    .learning-intelligence-grid,
    .market-regime-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .learning-ring-area {
        grid-template-columns: 1fr;
    }

    .learning-toggle-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .learning-lab-hero {
        grid-template-columns: 1fr;
    }

    .learning-lab-hero-main {
        grid-column: auto;
        align-items: flex-start;
    }

    .learning-status-grid,
    .learning-intelligence-grid,
    .market-regime-grid {
        grid-template-columns: 1fr;
    }

    .learning-lab-hero-metric {
        min-height: 92px;
    }

    .learning-ring {
        width: 138px;
        height: 138px;
    }
}

/* =========================================================
   SPRINT 8.5 COMPLETE UI MODULES
========================================================= */
.x9-stat-grid{display:grid;gap:14px;margin-bottom:18px}.x9-stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.x9-stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.x9-stat{min-height:112px;padding:17px;border:1px solid rgba(120,143,200,.16);border-radius:15px;background:linear-gradient(145deg,rgba(19,30,52,.98),rgba(11,18,34,.98));box-shadow:0 12px 30px rgba(0,0,0,.18)}.x9-stat span,.x9-stat small{display:block;color:#7586a5}.x9-stat span{font-size:12px}.x9-stat strong{display:block;margin:9px 0 6px;color:#f1f5ff;font-size:25px}.x9-stat small{font-size:10px}.x9-inspector-layout{grid-template-columns:280px minmax(500px,1fr) 300px}.trade-chart-panel{position:relative;min-height:470px;background:#09111f}.trade-chart-panel canvas{display:block;width:100%;height:470px}.chart-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7383a2;pointer-events:none}.x9-position-item{display:flex!important;flex-direction:column;align-items:flex-start!important;width:100%;margin-bottom:8px;padding:12px!important;border:1px solid rgba(110,133,190,.15)!important;background:rgba(255,255,255,.025)!important;text-align:left}.x9-position-item strong{font-size:13px}.x9-position-item span{margin-top:5px;font-size:11px}.x9-position-item small{margin-top:4px;color:#6f7f9e}.x9-log-list{display:grid;gap:9px}.x9-log-item{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid rgba(112,135,191,.13);border-left:3px solid #5b7fff;border-radius:11px;background:rgba(255,255,255,.025)}.x9-log-item.success{border-left-color:#16c784}.x9-log-item.warning{border-left-color:#f0b90b}.x9-log-item.error{border-left-color:#ea3943}.x9-log-item strong,.x9-log-item span{display:block}.x9-log-item strong{font-size:12px;color:#e8eeff}.x9-log-item span{margin-top:4px;color:#7e8da9;font-size:11px}.x9-log-item small{color:#687894;white-space:nowrap}.indicator-card-actions{display:flex;gap:9px;align-items:center}.indicator-delete-btn{display:grid!important;width:27px!important;height:27px!important;padding:0!important;place-items:center;border:1px solid rgba(234,57,67,.28)!important;border-radius:8px!important;color:#ff7188!important;background:rgba(234,57,67,.08)!important;font-size:11px!important}.indicator-delete-btn:hover{background:rgba(234,57,67,.18)!important}.pnl-positive{color:#16c784!important}.pnl-negative{color:#ea3943!important}.pnl-neutral{color:#a7b4ca!important}.side-long{color:#16c784!important;background:rgba(22,199,132,.12)!important}.side-short{color:#ea3943!important;background:rgba(234,57,67,.12)!important}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.mini-spark{position:absolute;right:12px;top:12px;opacity:.9}.pro-card{position:relative}.developer-box pre{max-height:310px;overflow:auto;white-space:pre-wrap;word-break:break-word}.learning-progress-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#587dff,#65d5ff);transition:width .3s ease}
@media(max-width:1450px){.x9-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.x9-inspector-layout{grid-template-columns:240px minmax(450px,1fr)}}@media(max-width:1100px){.x9-stat-grid.four,.x9-stat-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.x9-inspector-layout{grid-template-columns:1fr}.inspector-decision-panel{grid-column:auto}}@media(max-width:650px){.x9-stat-grid.four,.x9-stat-grid.six{grid-template-columns:1fr}}

/* Sprint 8.7 language and live refresh */
.language-control{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(111,139,211,.18);border-radius:10px;background:rgba(10,18,34,.72)}
.language-control select{border:0;outline:0;color:#dce7ff;background:transparent;font-size:11px;font-weight:700;cursor:pointer}
.language-control option{color:#e8efff;background:#101a2e}
.scanner-click-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
.scanner-click-row:hover,.scanner-click-row.selected{background:rgba(66,111,255,.09);box-shadow:inset 3px 0 0 #5d83ff}
#profitGaugeValue.pnl-negative{color:#ff6479!important}
#profitGaugeValue.pnl-positive{color:#2bd49b!important}
#profitGaugeTargetText{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Sprint 8.8.1 - Clear profit target gauge */
.profit-gauge-status{
    margin:10px auto 8px;
    width:max-content;
    max-width:100%;
    padding:5px 10px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.65px;
    border:1px solid rgba(120,145,200,.18);
    background:rgba(90,110,160,.08);
    color:#9aa8c4;
}
.profit-gauge-status.positive{color:#55e2ad;background:rgba(36,201,143,.10);border-color:rgba(36,201,143,.24)}
.profit-gauge-status.negative{color:#ff6f84;background:rgba(234,57,67,.10);border-color:rgba(234,57,67,.24)}
.profit-gauge-status.neutral{color:#74a3ff;background:rgba(79,124,255,.10);border-color:rgba(79,124,255,.24)}
.profit-gauge-details{display:grid;gap:6px;width:100%;margin-top:8px}
.profit-gauge-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid rgba(120,145,200,.08)}
.profit-gauge-details span{color:#74829f;font-size:9px}
.profit-gauge-details strong{color:#dce5f8;font-size:10px;font-variant-numeric:tabular-nums}


/* Sprint 8.9 - live trading apply */
.live-apply-btn{
  background:linear-gradient(135deg,#00c98d,#4f7cff)!important;
  box-shadow:0 0 18px rgba(31,210,154,.22);
}
.live-apply-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 26px rgba(79,124,255,.32);
}
/* =========================================================
   ENTERPRISE SETTINGS PANEL (SPRINT 1.1)
   Bu bloğu style.css DOSYASININ EN ALTINA ekleyin.
========================================================= */

.settings-enterprise-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:18px;
}

.settings-enterprise-main{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.settings-enterprise-summary{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.settings-enterprise-card{
    border:1px solid rgba(59,130,246,.20);
}

.settings-wide-field{
    grid-column:1 / -1;
}

.settings-grid small{
    display:block;
    margin-top:6px;
    color:var(--muted-2);
    font-size:11px;
}

.settings-info-banner{
    display:flex;
    gap:16px;
    align-items:flex-start;
    margin-top:18px;
    padding:16px;
    background:rgba(59,130,246,.08);
    border:1px solid rgba(59,130,246,.18);
    border-radius:14px;
}

.settings-info-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(59,130,246,.18);
    color:#fff;
    font-size:22px;
    font-weight:900;
}

.settings-toggle-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:14px;
    margin-bottom:16px;
    background:#09111f;
    border:1px solid var(--border);
    border-radius:12px;
}

.daily-target-preview{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:18px;
}

.daily-target-preview>div{
    padding:12px;
    background:#09111f;
    border:1px solid var(--border);
    border-radius:10px;
}

.daily-target-preview span{
    display:block;
    color:var(--muted);
    font-size:11px;
}

.daily-target-preview strong{
    display:block;
    margin-top:5px;
    color:#fff;
}

.settings-summary-card,
.settings-warning-card{
    position:sticky;
    top:92px;
}

.settings-summary-hero{
    padding:18px;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(139,92,246,.12));
    margin-bottom:16px;
}

.settings-summary-hero span,
.settings-summary-list span{
    color:var(--muted);
}

.settings-summary-hero strong{
    display:block;
    margin:8px 0;
    font-size:22px;
}

.settings-summary-list{
    display:grid;
    gap:10px;
}

.settings-summary-list>div{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid var(--border-soft);
}

.settings-trading-state{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid var(--border-soft);
}

.settings-warning-card{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.settings-warning-icon{
    font-size:28px;
}

@media(max-width:1200px){
    .settings-enterprise-layout{
        grid-template-columns:1fr;
    }
    .daily-target-preview{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .daily-target-preview{
        grid-template-columns:1fr;
    }
}