:root{--mq-bg:#030b13;--mq-panel:#071521;--mq-panel2:#091a28;--mq-line:#123243;--mq-teal:#16e6d1;--mq-cyan:#22d3ee;--mq-text:#f4f8fb;--mq-muted:#8ea5b5;--mq-green:#18e6a4;--mq-red:#ff5b6e}
html[data-theme="dark"],body{background:radial-gradient(circle at 72% -10%,rgba(0,229,208,.07),transparent 30%),var(--mq-bg)!important;color:var(--mq-text)}
body{min-height:100vh}.site-header{position:fixed!important;left:0;top:0;bottom:0;width:232px;height:100vh;background:linear-gradient(180deg,#03101a,#020811)!important;border-right:1px solid #102634!important;border-bottom:0!important;z-index:90;padding:18px 14px}.site-header .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.nav-wrap{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100%;gap:18px}.mq-premium-brand{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:5px;padding:3px 12px 14px!important}.mq-premium-brand img{width:58px!important;height:58px!important;filter:drop-shadow(0 0 16px rgba(22,230,209,.35))}.mq-premium-brand span{font-size:23px!important;letter-spacing:.18em!important}.desktop-nav{display:flex!important;flex-direction:column!important;gap:5px!important;flex:1}.desktop-nav a{display:flex!important;align-items:center;min-height:43px;padding:0 14px!important;border-radius:11px!important;color:#c9d7e0!important;font-size:14px!important;border:1px solid transparent}.desktop-nav a:hover{background:#071b28!important;color:#fff!important}.desktop-nav a.active{background:linear-gradient(90deg,rgba(13,188,204,.24),rgba(11,75,98,.24))!important;border-color:#0d4859!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--mq-cyan)}.mq-markets-nav:after{content:'NEW';font-size:9px;margin-left:auto;padding:3px 7px;border-radius:999px;background:#073743;color:var(--mq-teal)}html[dir=rtl] .mq-markets-nav:after{margin-left:0;margin-right:auto}.nav-actions{display:flex!important;flex-wrap:wrap;gap:7px;margin-top:auto}.nav-actions .v25-pro-nav,.nav-actions .v24-notifications,.nav-actions .btn-ghost{display:none!important}.nav-actions .user-chip{width:100%;justify-content:flex-start;background:#071521!important;border-color:#163342!important}.nav-actions .icon-btn{width:38px;height:38px}.site-header+*{}main{margin-left:232px!important;padding-top:0!important;min-height:100vh}html[dir=rtl] .site-header{left:auto;right:0;border-right:0!important;border-left:1px solid #102634!important}html[dir=rtl] main{margin-left:0!important;margin-right:232px!important}
.mq-v5-dashboard{padding:18px 20px 28px}.mq-v5-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.mq-v5-search{width:min(430px,42vw);height:44px;border:1px solid #102a39;background:#07131f;border-radius:12px;padding:0 16px;color:#8198a8;display:flex;align-items:center;gap:10px}.mq-v5-actions{display:flex;gap:8px}.mq-round{width:42px;height:42px;border:1px solid #153140;border-radius:50%;display:grid;place-items:center;background:#071521;color:#c9dbe6}.mq-v5-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:14px}.mq-v5-main{min-width:0}.mq-hero-metrics{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;margin-bottom:14px}.mq-card{background:linear-gradient(145deg,rgba(8,24,36,.96),rgba(5,16,26,.98));border:1px solid var(--mq-line);border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.15);overflow:hidden}.mq-greeting{padding:24px}.mq-greeting h1{font-size:24px;margin:0 0 7px}.mq-greeting p,.mq-muted{color:var(--mq-muted)}.mq-metric{padding:15px}.mq-metric small{color:#9db0bd}.mq-metric strong{display:block;font-size:21px;margin:7px 0}.mq-up{color:var(--mq-green)!important}.mq-down{color:var(--mq-red)!important}.mq-sparkline{height:34px;margin-top:8px;background:linear-gradient(180deg,rgba(22,230,209,.08),transparent);position:relative}.mq-sparkline:after{content:'';position:absolute;inset:8px 0 8px;background:linear-gradient(165deg,transparent 45%,var(--mq-teal) 47%,var(--mq-teal) 50%,transparent 52%);opacity:.9}.mq-mid-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.mq-panel-title{display:flex;justify-content:space-between;align-items:center;padding:15px 17px 5px}.mq-panel-title h3{margin:0;font-size:15px}.mq-chart{height:220px;padding:20px 18px;position:relative}.mq-chart:before{content:'';position:absolute;inset:22px 18px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,rgba(90,135,160,.12) 43px)}.mq-chart-line{position:absolute;left:28px;right:24px;bottom:45px;height:115px;background:linear-gradient(165deg,transparent 47%,#1ce6e1 48%,#1ce6e1 50%,transparent 51%);filter:drop-shadow(0 0 5px rgba(28,230,225,.45))}.mq-donut-wrap{display:flex;align-items:center;gap:20px;padding:24px}.mq-donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#13dbc8 0 34%,#147fbd 34% 55%,#3047d4 55% 72%,#6c42db 72% 82%,#ad9250 82% 91%,#425365 91%);position:relative;display:grid;place-items:center}.mq-donut:after{content:'';position:absolute;width:76px;height:76px;border-radius:50%;background:#071521}.mq-donut b{z-index:2}.mq-cat-list{flex:1;display:grid;gap:9px}.mq-cat-list span{display:flex;justify-content:space-between;font-size:12px;color:#b8c8d2}.mq-tx-list{padding:8px 15px 14px}.mq-tx{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(33,70,88,.45)}.mq-tx:last-child{border:0}.mq-tx-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0c665d;color:#fff;font-weight:800}.mq-tx b,.mq-tx small{display:block}.mq-tx small{color:#718b9c;font-size:10px}.mq-bank{height:118px;margin-top:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 75% 50%,rgba(0,235,220,.16),transparent 25%),linear-gradient(100deg,#061521,#06121c);position:relative}.mq-bank:after{content:'▱  ◇  ⬡  ◇  ▱';font-size:45px;letter-spacing:10px;color:#13d9d0;opacity:.38;position:absolute;right:40px}.mq-bank>*{z-index:2}.mq-bank h3{margin:0 0 7px}.mq-bank .btn{margin-right:36%}.mq-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.mq-list-card{padding:15px}.mq-progress-row{margin:12px 0}.mq-progress-row div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.mq-bar{height:6px;border-radius:10px;background:#142a38;overflow:hidden}.mq-bar i{display:block;height:100%;background:linear-gradient(90deg,#16e6d1,#13bcae);border-radius:10px}.mq-markets-rail{display:flex;flex-direction:column;gap:12px}.mq-market-card{padding:14px}.mq-market-card h2{font-size:17px;margin:0}.mq-market-status{font-size:10px;color:var(--mq-green)}.mq-market-tabs{display:flex;gap:4px;margin:12px 0}.mq-market-tabs span{font-size:10px;padding:6px 8px;border-radius:7px;color:#8da5b5}.mq-market-tabs span:first-child{background:#06323c;color:var(--mq-teal)}.mq-stock{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px 0;border-bottom:1px solid #102a37}.mq-stock:last-child{border:0}.mq-stock strong{font-size:12px}.mq-stock small{display:block;color:#708b9c;font-size:9px}.mq-stock .mq-quote{text-align:right;font-size:11px}.mq-mini-spark{display:inline-block;width:45px;height:15px;margin-left:5px;background:linear-gradient(165deg,transparent 45%,#17d9b5 47%,#17d9b5 51%,transparent 53%)}.mq-market-empty{color:#7f99aa;font-size:10px;padding:8px 0}.mq-market-btn{display:block;text-align:center;border:1px solid #0b7481;color:var(--mq-teal);padding:9px;border-radius:8px;margin-top:12px;font-size:11px}.mq-market-btn:hover{background:#07313a}.mq-gainers h4{font-size:11px;color:var(--mq-green);margin:0 0 8px}.mq-gainers .losers{color:var(--mq-red);margin-top:15px}.mq-market-note{font-size:9px;color:#587184;text-align:center;margin-top:auto}.mq-v5-dashboard .container{max-width:none!important;padding:0!important}
.mq-market-shell{max-width:1400px!important;padding:22px!important}.mq-market-hero{background:linear-gradient(120deg,#071c28,#06131d);border:1px solid #123947!important}.mq-market-panel{background:#071521!important;border-color:#123947!important}.mq-watch-row{border-color:#12303d!important}.mq-price,.mq-change{font-weight:700}.mq-market-hero h1{font-size:34px!important}.mq-market-status{color:#17e4ad!important}.mq-market-setup{border-color:#12505a!important;background:#061b24!important}
@media(max-width:1180px){.mq-v5-grid{grid-template-columns:1fr}.mq-markets-rail{display:grid;grid-template-columns:1fr 1fr}.mq-hero-metrics{grid-template-columns:1fr 1fr}.mq-mid-grid{grid-template-columns:1fr 1fr}.mq-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.site-header{position:sticky!important;width:100%;height:auto;bottom:auto;padding:8px 12px;border-right:0!important;border-bottom:1px solid #102634!important}.nav-wrap{flex-direction:row!important;height:auto}.mq-premium-brand{flex-direction:row!important;align-items:center!important;padding:0!important}.mq-premium-brand img{width:38px!important;height:38px!important}.mq-premium-brand span{font-size:17px!important}.desktop-nav{display:none!important}.nav-actions{margin-left:auto}.nav-actions .user-chip{width:auto}.nav-actions .user-chip span:last-child{display:none}main,html[dir=rtl] main{margin:0!important}.mq-v5-dashboard{padding:12px}.mq-v5-search{width:100%}.mq-v5-actions{display:none}.mq-hero-metrics,.mq-mid-grid,.mq-bottom,.mq-markets-rail{grid-template-columns:1fr}.mq-bank .btn{margin:0}.mq-bank:after{display:none}}

/* ===== Mynqora V5.1 responsive/layout repair ===== */
*{box-sizing:border-box}
.mq-v5-dashboard{width:100%;overflow-x:hidden}
.mq-v5-dashboard .container{width:100%!important;max-width:none!important}
.mq-money{display:inline-block!important;direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important;letter-spacing:-.02em}
.mq-metric .mq-money{font-size:clamp(18px,1.45vw,23px)!important;line-height:1.05}
.mq-spend-value{font-size:clamp(24px,2.05vw,31px)!important;line-height:1.1}
.mq-networth-value{font-size:23px!important;display:block!important;margin:14px 0!important}
.mq-donut-value{position:relative;z-index:3;font-size:15px!important;max-width:72px;overflow:hidden;text-overflow:ellipsis}
.mq-hero-metrics>*{min-width:0}
.mq-metric{min-width:0;overflow:hidden}
.mq-metric small,.mq-metric span{display:block;line-height:1.35}
.mq-greeting h1{font-size:clamp(20px,1.7vw,26px);line-height:1.25}
.mq-greeting p{max-width:34ch}
.mq-mid-grid>*{min-width:0}
.mq-donut-wrap{min-width:0}.mq-cat-list{min-width:0}.mq-cat-list i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.mq-tx{min-width:0}.mq-tx>div:nth-child(2){min-width:0}.mq-tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-tx>div:last-child{min-width:86px;text-align:end!important}
.mq-bank{min-height:118px;height:auto}.mq-bank>div{max-width:58%}.mq-bank .btn{margin:0!important;margin-inline-start:auto!important;white-space:nowrap}
.mq-market-card{overflow:visible}.mq-stock{align-items:center}.mq-quote{white-space:nowrap}
.mq-premium-brand img{border-radius:14px;background:transparent!important}

/* Arabic remains RTL, but dashboard columns stay visually stable. */
html[dir=rtl] .mq-v5-grid,
html[dir=rtl] .mq-hero-metrics,
html[dir=rtl] .mq-mid-grid,
html[dir=rtl] .mq-bottom{direction:ltr}
html[dir=rtl] .mq-v5-grid>*,
html[dir=rtl] .mq-hero-metrics>*,
html[dir=rtl] .mq-mid-grid>*,
html[dir=rtl] .mq-bottom>*{direction:rtl}
html[dir=rtl] .mq-markets-rail{direction:rtl}
html[dir=rtl] .mq-market-card .mq-quote{text-align:left}
html[dir=rtl] .mq-v5-top{direction:ltr}
html[dir=rtl] .mq-v5-top>*{direction:rtl}

/* Desktop: preserve the reference composition. */
@media(min-width:1451px){
  .mq-v5-grid{grid-template-columns:minmax(0,1fr) 286px;gap:14px}
  .mq-hero-metrics{grid-template-columns:minmax(280px,1.55fr) repeat(3,minmax(175px,1fr))}
  .mq-mid-grid{grid-template-columns:minmax(320px,1.32fr) minmax(250px,1fr) minmax(270px,1fr)}
}

/* Tablet / browser zoom repair: do not squeeze cards into unusable columns. */
@media(max-width:1450px) and (min-width:901px){
  .site-header{width:210px}
  main{margin-left:210px!important}
  html[dir=rtl] main{margin-left:0!important;margin-right:210px!important}
  .mq-v5-dashboard{padding:16px}
  .mq-v5-grid{grid-template-columns:1fr!important}
  .mq-v5-main{width:100%}
  .mq-hero-metrics{grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(155px,1fr));gap:10px}
  .mq-mid-grid{grid-template-columns:minmax(0,1.25fr) minmax(230px,.9fr) minmax(250px,1fr);gap:10px}
  .mq-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mq-markets-rail{display:grid!important;grid-template-columns:1.6fr 1fr 1fr;gap:10px;margin-top:12px;align-items:start}
  .mq-markets-rail .mq-market-note{grid-column:1/-1}
  .mq-market-card{height:100%}
  .mq-market-card:first-child .mq-stock{grid-template-columns:minmax(90px,1fr) auto}
}

/* Narrower tablets: simplify gracefully instead of breaking. */
@media(max-width:1120px) and (min-width:821px){
  .mq-hero-metrics{grid-template-columns:1fr 1fr!important}
  .mq-mid-grid{grid-template-columns:1fr 1fr!important}
  .mq-mid-grid>div:first-child{grid-column:1/-1}
  .mq-markets-rail{grid-template-columns:1fr 1fr!important}
  .mq-markets-rail>div:first-child{grid-column:1/-1}
  .mq-bank>div{max-width:68%}
}

@media(max-width:820px){
  .mq-v5-top{display:block}.mq-v5-search{width:100%!important}
  .mq-hero-metrics{grid-template-columns:1fr!important}
  .mq-mid-grid{grid-template-columns:1fr!important}
  .mq-mid-grid>div:first-child{grid-column:auto}
  .mq-bottom{grid-template-columns:1fr!important}
  .mq-markets-rail{display:grid!important;grid-template-columns:1fr!important}
  .mq-markets-rail>div:first-child{grid-column:auto}
  .mq-bank{padding:18px;display:block}.mq-bank>div{max-width:100%}.mq-bank .btn{margin-top:12px!important}
  .mq-chart{height:180px}.mq-donut-wrap{flex-wrap:wrap}.mq-cat-list{width:100%}
}


/* =========================================================
   MYNQORA V6.3.2 — Public sidebar logo alignment fix
   Centers the mark + wordmark as one visual unit in RTL/LTR.
   ========================================================= */

body.mq-public-body .site-header .mq-premium-brand{
    width:100% !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    text-align:center !important;
    padding:10px 0 26px !important;
    margin:0 auto !important;
    gap:12px !important;
    transform:none !important;
    direction:ltr !important;
}

body.mq-public-body .site-header .mq-premium-brand img{
    display:block !important;
    width:68px !important;
    height:68px !important;
    max-width:68px !important;
    object-fit:contain !important;
    object-position:center !important;
    align-self:center !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    filter:drop-shadow(0 0 18px rgba(28,231,211,.24)) !important;
}

body.mq-public-body .site-header .mq-premium-brand span{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:22px !important;
    line-height:1 !important;
    letter-spacing:.19em !important;
    color:#f2f7fa !important;
    white-space:nowrap !important;
    transform:none !important;
}

/* Keep the whole public rail visually balanced. */
body.mq-public-body .site-header .nav-wrap{
    align-items:stretch !important;
}

body.mq-public-body .site-header .desktop-nav{
    width:100% !important;
}

/* Arabic rail: do not let RTL push the logo image to the right. */
html[dir="rtl"] body.mq-public-body .site-header .mq-premium-brand,
html[dir="ltr"] body.mq-public-body .site-header .mq-premium-brand{
    align-items:center !important;
    justify-content:center !important;
}

/* Tablet/mobile returns to the normal compact horizontal brand. */
@media(max-width:820px){
    body.mq-public-body .site-header .mq-premium-brand{
        width:auto !important;
        flex-direction:row !important;
        justify-content:flex-start !important;
        padding:0 !important;
        gap:9px !important;
    }
    body.mq-public-body .site-header .mq-premium-brand img{
        width:38px !important;
        height:38px !important;
        max-width:38px !important;
        margin:0 !important;
    }
    body.mq-public-body .site-header .mq-premium-brand span{
        width:auto !important;
        font-size:16px !important;
        letter-spacing:.16em !important;
    }
}