/* Dividends page + home «توزيعات قريبة» strip. No qx.js edits. */
.qd-honest{margin:12px 0 20px;padding:12px 14px;border-radius:12px;background:rgba(246,188,93,.08);border:1px solid rgba(246,188,93,.28);color:#FFD998;font-size:.8125rem;line-height:1.7}
.qd-honest strong{color:#fff;font-weight:700}
.qd-hero{margin-bottom:16px}
.qd-hero h1{margin:0;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.35}
.qd-hero p{margin:8px 0 0;color:var(--text-2,#A2B7DC);font-size:.8125rem;max-width:46ch;line-height:1.7}
.qd-eyebrow{display:block;font-size:.75rem;font-weight:600;color:var(--qabas,#58C7F3);margin-bottom:4px}
.qd-card{background:linear-gradient(160deg,var(--dl-card-a,#162561),var(--dl-card-b,#111b4c));border:1px solid var(--line-1,rgba(150,172,255,.14));border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);padding:16px;margin-bottom:16px}
.qd-sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.qd-sec-head h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-strong,#E8EEFF)}
.qd-meta{font-size:.8125rem;color:var(--text-3,#8FA5CC)}
.qd-ex-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qd-ex-rail::-webkit-scrollbar{display:none}
.qd-ex-card{flex:0 0 auto;min-width:148px;padding:12px;border-radius:14px;background:rgba(8,16,50,.55);border:1px solid rgba(242,196,107,.34)}
.qd-ex-card .tk{font:800 1.05rem/1.2 Manrope,sans-serif;color:#fff}
.qd-ex-card .when{margin-top:6px;font-size:.75rem;color:var(--gold,#F2C46B);font-weight:700}
.qd-ex-card .yield{margin-top:4px;font-size:.8125rem;color:var(--text-2,#A2B7DC)}
.qd-rank-head{display:grid;grid-template-columns:28px minmax(0,1.1fr) repeat(3,minmax(0,.9fr)) auto;gap:8px;padding:0 4px 8px;font-size:10px;color:var(--text-3,#8FA5CC);font-weight:600}
.qd-rank-head span:not(:first-child):not(:nth-child(2)){text-align:center}
.qd-rank-row{display:grid;grid-template-columns:28px minmax(0,1.1fr) repeat(3,minmax(0,.9fr)) auto;align-items:center;gap:8px;min-height:56px;padding:10px 4px;border-bottom:1px solid var(--line-1,rgba(150,172,255,.14))}
.qd-rank-row:last-child{border-bottom:0}
.qd-rank-row .n{font:700 .8125rem/1 Manrope,sans-serif;color:var(--text-3,#8FA5CC);text-align:center}
.qd-rank-row .sym{font:800 1.0625rem/1.2 Manrope,sans-serif;color:#fff}
.qd-rank-row .sub{font-size:11px;color:var(--text-3,#8FA5CC);margin-top:2px}
.qd-rank-row .col{text-align:center}
.qd-rank-row .col .k{display:block;font-size:10px;color:var(--text-3,#8FA5CC);margin-bottom:2px}
.qd-rank-row .col .v{font:700 .8125rem/1.2 Manrope,sans-serif;color:var(--text-strong,#E8EEFF)}
.qd-chip{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:999px;font-size:.8125rem;font-weight:500;white-space:nowrap}
.qd-chip-warn{background:rgba(246,188,93,.13);color:#F6BC5D}
.qd-chip-up{background:rgba(74,226,172,.13);color:#4AE2AC}
.qd-chip-gold{background:rgba(242,196,107,.12);color:#F2C46B}
.qd-folio-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center}
.qd-pie-box{position:relative;display:grid;place-items:center;min-height:200px}
.qd-pie{width:180px;height:180px;border-radius:50%;background:conic-gradient(#F2C46B 0 28%,#58C7F3 28% 52%,#4AE2AC 52% 72%,#968FF7 72% 88%,#FC7690 88% 100%);box-shadow:0 0 0 1px rgba(150,172,255,.26)}
.qd-pie-hole{position:absolute;inset:0;margin:auto;width:108px;height:108px;border-radius:50%;background:#111b4c;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 1px rgba(150,172,255,.14)}
.qd-pie-hole .big{font:800 1.1rem/1.1 Manrope,sans-serif;color:#fff}
.qd-pie-hole .sm{font-size:10px;color:#8FA5CC;margin-top:2px}
.qd-hold{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(8,16,50,.45);border:1px solid rgba(150,172,255,.14);margin-bottom:8px}
.qd-hold .dot{width:10px;height:10px;border-radius:50%;flex:none}
.qd-hold .tk{font:700 .8125rem/1 Manrope,sans-serif;color:#fff}
.qd-hold .amt{font:700 .8125rem/1 Manrope,sans-serif;color:#4AE2AC}
.qd-proj{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.qd-proj div{padding:12px;border-radius:12px;background:rgba(8,16,50,.45);border:1px solid rgba(150,172,255,.14);text-align:center}
.qd-proj .k{font-size:11px;color:#8FA5CC}
.qd-proj .v{margin-top:4px;font:800 1.05rem/1.2 Manrope,sans-serif;color:#F2C46B}
.qd-ex-label{display:inline-flex;margin-top:10px;padding:4px 10px;border-radius:999px;background:rgba(252,118,144,.12);color:#FFC2CE;font-size:11px;font-weight:700}
.qd-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:#8FA5CC}
@media (max-width:520px){
  .qd-rank-head{display:none}
  .qd-rank-row{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"n sym flag" "n metrics flag";row-gap:6px}
  .qd-rank-row .n{grid-area:n}.qd-rank-row .id{grid-area:sym}.qd-rank-row .flag{grid-area:flag;align-self:start}
  .qd-rank-row .metrics{grid-area:metrics;display:flex;flex-wrap:wrap;gap:8px 12px}
  .qd-rank-row .col{display:inline-block;text-align:start;margin-inline-end:10px}
}
@media (max-width:720px){.qd-folio-grid{grid-template-columns:1fr}.qd-pie{width:160px;height:160px}.qd-pie-hole{width:96px;height:96px}}

/* Home idea B — upcoming strip */
.qd-ticker{margin:12px 16px 16px;border-radius:22px;background:linear-gradient(160deg,#162561,#111b4c);border:1px solid rgba(150,172,255,.26);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)}
.qd-ticker .head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(150,172,255,.14)}
.qd-ticker .head h2{margin:0;font-size:1.0625rem;font-weight:800;color:#fff}
.qd-ticker .live{display:inline-flex;align-items:center;gap:6px;color:#F2C46B;font-size:11px;font-weight:700}
.qd-ticker .live i{width:7px;height:7px;border-radius:50%;background:#F2C46B;box-shadow:0 0 0 4px rgba(242,196,107,.2)}
.qd-ticker-track{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qd-ticker-track::-webkit-scrollbar{display:none}
.qd-ticker-track .item{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:160px;padding:12px 16px;border-inline-end:1px solid rgba(150,172,255,.14)}
.qd-ticker-track .tk{font:800 .95rem/1 Manrope,sans-serif;color:#fff}
.qd-ticker-track .when{font-size:11px;color:#F2C46B;font-weight:700}
.qd-ticker-track .y{font-size:11px;color:#8FA5CC}
.qd-ticker .foot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(8,16,50,.35)}
.qd-ticker .foot a{color:#58C7F3;font-size:.8125rem;font-weight:700}
.qd-ticker .foot .muted{font-size:12px;color:#8FA5CC}
/* page shell */
.qd-page{min-height:100vh;padding-bottom:90px;background:#0B1440;color:#A9C4F6;font:400 .9375rem/1.6 "IBM Plex Sans Arabic",sans-serif}
.qd-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;height:56px;padding:0 16px;background:rgba(11,20,64,.84);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(150,172,255,.14)}
.qd-topbar .brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.qd-topbar img{width:36px;height:36px;border-radius:10px}
.qd-topbar .bn{font:800 1.15rem/1 Manrope,sans-serif;color:#a9c4f6;direction:ltr}
.qd-topbar .bn span{color:#F2C46B}
.qd-main{max-width:1040px;margin:0 auto;padding:16px 16px 24px}
.qd-tabbar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(8,1fr);gap:0;height:62px;padding:4px 2px calc(4px + env(safe-area-inset-bottom));background:rgba(11,20,64,.94);backdrop-filter:blur(16px);box-shadow:0 -1px 0 rgba(150,172,255,.14)}
.qd-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8FA5CC;text-decoration:none;font-size:10px;font-weight:600}
.qd-tabbar a[aria-current="page"]{color:#F2C46B}
.qd-tabbar svg{width:20px;height:20px}
bdi.qd-num{font-family:Manrope,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
.qd-legend{margin:0 0 12px!important}