/* NAVBAR FINAL SAFE OVERRIDE */

.glass-nav{
    padding:6px 0!important;
}

.navbar-brand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.site-logo{
    width:64px!important;
    height:64px!important;
    object-fit:contain!important;
    margin-right:0!important;
    border-radius:0!important;
    background:transparent!important;
}

.brand-text{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}

.brand-title{
    font-size:20px!important;
    line-height:1!important;
    color:#38bdf8!important;
    font-weight:900!important;
}

.brand-tagline{
    font-size:9px!important;
    line-height:1.2!important;
    color:#cbd5e1!important;
    letter-spacing:1.4px!important;
}
/* FINAL FORCE NAVBAR */

.navbar .navbar-brand .site-logo,
nav .site-logo,
img.site-logo{
    width:72px !important;
    height:72px !important;
    max-width:none !important;
    max-height:none !important;
    flex-shrink:0 !important;
}
/* HERO ALGO CONTROL PANEL FINAL */
.hero-dashboard-card{
    max-width:420px!important;
    margin-left:auto!important;
    padding:26px!important;
    border-radius:22px!important;
    background:rgba(2,6,23,.58)!important;
    border:1px solid rgba(56,189,248,.22)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}

.dashboard-top{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-bottom:22px!important;
}

.dashboard-top span{
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#22d3ee!important;
}

.dashboard-top b{
    margin-left:8px!important;
}

.mini-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}

.mini-grid div{
    padding:12px!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.65)!important;
    border:1px solid rgba(148,163,184,.18)!important;
}

.mini-grid small{
    display:block!important;
    color:#94a3b8!important;
    font-size:11px!important;
}

.mini-grid b{
    display:block!important;
    margin-top:4px!important;
}

.signal-line{
    margin-top:16px!important;
    padding:13px!important;
    border-radius:16px!important;
    display:flex!important;
    justify-content:space-between!important;
    background:rgba(14,165,233,.08)!important;
    border:1px solid rgba(14,165,233,.18)!important;

}
/* HERO ALGO CONTROL PANEL FIX */
.hero-dashboard-card{
    max-width:420px!important;
    margin-left:auto!important;
    padding:26px!important;
    border-radius:22px!important;
    background:rgba(2,6,23,.58)!important;
    border:1px solid rgba(56,189,248,.22)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}

.dashboard-top{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-bottom:22px!important;
}

.dashboard-top span{
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#22d3ee!important;
}

.mini-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}

.mini-grid div{
    padding:12px!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.65)!important;
    border:1px solid rgba(148,163,184,.18)!important;
}

.signal-line{
    margin-top:16px!important;
    padding:13px!important;
    border-radius:16px!important;
    display:flex!important;
    justify-content:space-between!important;
    background:rgba(14,165,233,.08)!important;
    border:1px solid rgba(14,165,233,.18)!important;
}

/* ===== NAVBAR DESKTOP FIT FIX ===== */
.glass-nav {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.glass-nav .container {
    width: 100%;
    max-width: 1320px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.glass-nav .navbar-collapse {
    min-width: 0;
}

.glass-nav .navbar-nav {
    align-items: center;
}

@media (min-width: 992px) and (max-width: 1450px) {
    .glass-nav .nav-link {
        margin-left: 4px !important;
        margin-right: 4px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .nav-login-btn {
        margin-right: 0 !important;
        padding: 8px 14px !important;
        white-space: nowrap;
    }

    .brand-title {
        font-size: 20px !important;
        white-space: nowrap;
    }

    .brand-tagline {
        font-size: 8px !important;
        white-space: nowrap;
    }
}



/* ===== DESKTOP NAVBAR AUTO FIT FIX ===== */

@media (min-width:992px){

.glass-nav .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.navbar-brand{
    flex:0 0 auto;
    min-width:0;
}

#mainNav{
    flex:1;
}

#mainNav .navbar-nav{
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:2px;
}

#mainNav .nav-link{
    padding:.45rem .55rem !important;
    font-size:15px !important;
}

#mainNav .btn{
    white-space:nowrap;
    padding:.55rem .90rem !important;
    font-size:14px !important;
}

}

@media (min-width:992px) and (max-width:1400px){

.navbar-brand strong{
    font-size:18px !important;
}

.navbar-brand small{
    font-size:8px !important;
}

#mainNav .nav-link{
    font-size:14px !important;
    padding:.40rem .45rem !important;
}

#mainNav .btn{
    font-size:13px !important;
    padding:.45rem .75rem !important;
}

}

/* ===== ALGO NAV CTA FINAL FIX ===== */
.glass-nav .algo-nav-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 145px !important;
    max-width: none !important;

    height: auto !important;
    min-height: 40px !important;

    padding: 9px 14px !important;
    margin: 0 !important;

    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
    word-break: normal !important;
    writing-mode: horizontal-tb !important;
    text-align: center !important;

    flex: 0 0 auto !important;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .glass-nav .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
        gap: 10px !important;
    }

    .glass-nav .navbar-brand {
        margin-right: 8px !important;
    }

    .glass-nav #mainNav .nav-link {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        font-size: 13px !important;
    }

    .glass-nav .algo-nav-cta {
        min-width: 132px !important;
        padding: 9px 10px !important;
        font-size: 12px !important;
    }
}