/* ============================================================
   Aurum AUX — نظام التصميم
   خلفية "خزنة" دافئة، نحاس للذهب، رمادي بارد للفضة.
   ============================================================ */
:root{
  --bg:#12100E; --panel:#1A1714; --panel-2:#211D19;
  --line:#302A23; --line-soft:#241F1A;
  --ink:#F2EDE4; --ink-2:#A79C8D; --ink-3:#7A7266;
  --brass:#C9A227; --brass-soft:#8A6F1C;
  --silver:#AFBAC4;
  --up:#5AA97F; --down:#D0574B; --flat:#8C8375;
  --r:14px; --r-sm:9px;
  --shadow:0 1px 0 rgba(255,255,255,.03), 0 18px 40px -24px rgba(0,0,0,.9);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1100px 520px at 85% -10%, rgba(201,162,39,.10), transparent 60%),
    var(--bg);
  color:var(--ink);
  font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;
  font-weight:400; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap{width:min(1180px,94vw); margin-inline:auto}
h1,h2,h3{font-family:"Cairo",sans-serif; font-weight:900; letter-spacing:-.01em; margin:0}
b,strong{font-weight:700}
.num{font-family:"JetBrains Mono",monospace; direction:ltr; unicode-bidi:embed}
.muted{color:var(--ink-3)}
a{color:inherit}

/* ---------- الشريط العلوي ---------- */
.topbar{position:sticky; top:0; z-index:40; background:rgba(18,16,14,.86); backdrop-filter:blur(10px); border-bottom:1px solid var(--line-soft)}
.topbar__in{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand__mark{width:16px; height:16px; border-radius:50%;
  background:conic-gradient(from 220deg, var(--brass), #F0DFA6 40%, var(--brass-soft) 70%, var(--brass));
  box-shadow:0 0 0 3px rgba(201,162,39,.14)}
.brand__name{font-family:"Cairo",sans-serif; font-weight:900; font-size:1.05rem}
.nav{display:flex; gap:20px; font-size:.92rem; color:var(--ink-2)}
.nav a{text-decoration:none; padding:4px 0; border-bottom:1px solid transparent}
.nav a:hover{color:var(--ink); border-bottom-color:var(--brass)}

/* ---------- شريط الأسعار ---------- */
.tape{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-soft);
  border:1px solid var(--line-soft); border-radius:var(--r); overflow:hidden; margin:22px 0}
.tape__skeleton{grid-column:1/-1; background:var(--panel); padding:22px; color:var(--ink-3)}
.tick{background:var(--panel); padding:14px 16px; display:flex; flex-direction:column; gap:2px}
.tick__name{font-size:.78rem; color:var(--ink-3)}
.tick__price{font-family:"JetBrains Mono",monospace; font-size:1.22rem; direction:ltr; text-align:right}
.tick__chg{font-size:.8rem; font-family:"JetBrains Mono",monospace; direction:ltr; text-align:right}
.up{color:var(--up)} .down{color:var(--down)} .flat{color:var(--flat)}

/* ---------- تبويب الفئات ومنتقي الأداة ---------- */
.classtabs{display:flex; gap:6px; flex-wrap:wrap; margin:0 0 18px}
.classtab{background:var(--panel); border:1px solid var(--line); color:var(--ink-2); border-radius:999px;
  padding:7px 18px; font-family:"Cairo",sans-serif; font-weight:700; font-size:.85rem; cursor:pointer}
.classtab.is-on{background:var(--brass); color:#1A1408; border-color:var(--brass)}
.classtab--err{background:transparent; border-color:rgba(208,87,75,.5); color:var(--down); cursor:default}
.picker__sel:disabled{opacity:.6}
.picker{display:flex; flex-direction:column; gap:5px; min-width:230px}
.picker__lbl{font-size:.74rem; color:var(--ink-3); letter-spacing:.1em}
.picker__sel{background:var(--bg); border:1px solid var(--line); color:var(--ink); border-radius:var(--r-sm);
  padding:11px 14px; font-family:"Cairo",sans-serif; font-weight:700; font-size:.95rem; cursor:pointer}
.picker__sel:focus{outline:none; border-color:var(--brass)}
.tape{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

/* ---------- الواجهة الرئيسية ---------- */
.hero{background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line); border-radius:var(--r); padding:26px; box-shadow:var(--shadow)}
.hero__head{display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex-wrap:wrap}
.eyebrow{margin:0 0 4px; font-size:.74rem; letter-spacing:.22em; color:var(--brass); text-transform:uppercase}
.hero__title{font-size:clamp(1.8rem,4vw,2.6rem)}
.hero__sub{margin:6px 0 0; color:var(--ink-2); max-width:56ch; font-size:.94rem}
.switch{display:flex; background:var(--bg); border:1px solid var(--line); border-radius:999px; padding:4px}
.switch__btn{border:0; background:transparent; color:var(--ink-2); font-family:"Cairo",sans-serif; font-weight:700;
  padding:8px 20px; border-radius:999px; cursor:pointer; font-size:.9rem}
.switch__btn.is-on{background:var(--brass); color:#1A1408}
.switch__btn:focus-visible{outline:2px solid var(--brass); outline-offset:2px}

/* ---------- العنصر المميّز: مقياس الاحتمال ---------- */
.gauge{margin-top:24px}
.gauge__bar{display:flex; height:74px; border-radius:var(--r-sm); overflow:hidden; border:1px solid var(--line)}
.gauge__up,.gauge__down{display:flex; align-items:center; justify-content:center; transition:width .7s cubic-bezier(.22,.9,.24,1)}
.gauge__up{background:linear-gradient(180deg,rgba(90,169,127,.30),rgba(90,169,127,.14)); border-inline-end:1px solid var(--line)}
.gauge__down{background:linear-gradient(180deg,rgba(208,87,75,.30),rgba(208,87,75,.14))}
.gauge__up span,.gauge__down span{font-size:.85rem; color:var(--ink-2); white-space:nowrap; padding:0 8px}
.gauge__up b,.gauge__down b{display:block; font-family:"JetBrains Mono",monospace; font-size:1.5rem; color:var(--ink); direction:ltr}
.gauge__meta{display:flex; gap:22px; flex-wrap:wrap; margin-top:10px; font-size:.85rem; color:var(--ink-3)}
.gauge__meta b{color:var(--ink)}

/* ---------- بطاقات الآفاق ---------- */
.horizons{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin-top:22px}
.hcard{background:var(--bg); border:1px solid var(--line); border-radius:var(--r-sm); padding:16px; cursor:pointer;
  transition:border-color .2s, transform .2s}
.hcard:hover{transform:translateY(-2px)}
.hcard.is-on{border-color:var(--brass)}
.hcard__top{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.hcard__h{font-family:"Cairo",sans-serif; font-weight:700; font-size:.95rem}
.badge{font-size:.72rem; padding:3px 9px; border-radius:999px; border:1px solid currentColor}
.hcard__p{font-family:"JetBrains Mono",monospace; font-size:1.6rem; direction:ltr; text-align:right; line-height:1.2}
.hcard__row{display:flex; justify-content:space-between; font-size:.8rem; color:var(--ink-3); margin-top:6px}
.hcard__row span:last-child{font-family:"JetBrains Mono",monospace; direction:ltr; color:var(--ink-2)}
.meter{height:4px; background:var(--line); border-radius:2px; overflow:hidden; margin-top:10px}
.meter i{display:block; height:100%; background:var(--brass)}

.disclaimer{margin:22px 0 0; padding-top:16px; border-top:1px dashed var(--line);
  font-size:.8rem; color:var(--ink-3); line-height:1.9}

/* ---------- الألواح ---------- */
.panel{background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:22px; margin-top:22px}
.panel__head{display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap}
.panel h2{font-size:1.12rem}
.panel__note{margin:10px 0 0; font-size:.78rem; color:var(--ink-3)}
.chips{display:flex; gap:6px}
.chip{background:var(--bg); border:1px solid var(--line); color:var(--ink-2); border-radius:999px;
  padding:5px 14px; font-size:.8rem; cursor:pointer; font-family:inherit}
.chip.is-on{border-color:var(--brass); color:var(--ink)}
.chartbox{height:420px; width:100%}
.pill{font-size:.78rem; border:1px solid var(--line); border-radius:999px; padding:4px 12px; color:var(--ink-2)}
.cols{display:grid; grid-template-columns:1.35fr 1fr; gap:22px}
.cols > .panel{margin-top:22px}

/* ---------- خطط التوقيت ---------- */
.plans{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px}
.plan{background:var(--bg); border:1px solid var(--line); border-radius:var(--r-sm); padding:16px}
.plan--long{border-inline-start:3px solid var(--up)}
.plan--short{border-inline-start:3px solid var(--down)}
.plan--wait{border-inline-start:3px solid var(--flat); opacity:.72}
.plan__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
.plan__h{font-family:"Cairo",sans-serif; font-weight:700; font-size:.95rem}
.plan__q{font-family:"JetBrains Mono",monospace; font-size:.78rem; color:var(--ink-3); direction:ltr}
.plan__block{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--line-soft)}
.plan__block:last-of-type{border-bottom:0; padding-bottom:0}
.plan__lbl{font-size:.74rem; color:var(--ink-3); letter-spacing:.06em}
.plan__val{font-family:"JetBrains Mono",monospace; font-size:.95rem; direction:ltr; text-align:right; margin-top:2px}
.plan__time{font-family:"JetBrains Mono",monospace; font-size:.78rem; color:var(--ink-2); direction:ltr; text-align:right}
.plan__why{font-size:.76rem; color:var(--ink-3); line-height:1.7; margin-top:10px}
.plan__rr{display:flex; gap:14px; font-size:.78rem; color:var(--ink-2); margin-top:8px}
.plan__rr b{font-family:"JetBrains Mono",monospace; color:var(--ink)}

/* ---------- الأخبار ---------- */
.news,.events{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; max-height:480px; overflow:auto}
.news li,.events li{padding:12px 0; border-bottom:1px solid var(--line-soft)}
.news__t{display:block; text-decoration:none; font-size:.92rem; line-height:1.6}
.news__t:hover{color:var(--brass)}
.news__m{display:flex; gap:10px; align-items:center; margin-top:6px; font-size:.75rem; color:var(--ink-3); flex-wrap:wrap}
.tag{border:1px solid var(--line); border-radius:4px; padding:1px 7px}
.ev{display:flex; justify-content:space-between; gap:12px; align-items:center}
.ev__t{font-size:.9rem}
.ev__d{font-family:"JetBrains Mono",monospace; font-size:.76rem; color:var(--ink-3); direction:ltr; white-space:nowrap}
.stars{color:var(--brass); font-size:.75rem; letter-spacing:2px}

/* ---------- العوامل ---------- */
.drivers{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px}
.dcard{background:var(--bg); border:1px solid var(--line); border-radius:var(--r-sm); padding:14px}
.dcard__h{font-size:.85rem; color:var(--ink-2); margin-bottom:8px; display:flex; justify-content:space-between}
.dbar{height:6px; background:var(--line); border-radius:3px; position:relative; overflow:hidden}
.dbar i{position:absolute; top:0; bottom:0; background:var(--flat)}
.dcard__d{margin-top:10px; font-size:.76rem; color:var(--ink-3); font-family:"JetBrains Mono",monospace; direction:ltr; text-align:right}

/* ---------- التذييل ---------- */
.foot{margin-top:40px; border-top:1px solid var(--line-soft); padding:24px 0 44px; color:var(--ink-3); font-size:.82rem}
.foot__in{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap}
.foot__col{display:flex; flex-direction:column; gap:4px}
.foot__col--end{text-align:end}
.foot__brand{font-family:"Cairo",sans-serif; font-weight:900; color:var(--ink-2); font-size:.9rem}
.foot__by a{color:var(--brass); text-decoration:none; border-bottom:1px solid transparent}
.foot__by a:hover{border-bottom-color:var(--brass)}
.foot__time{font-family:"JetBrains Mono",monospace; direction:ltr}
.foot__legal{margin-top:18px; padding-top:14px; border-top:1px solid var(--line-soft); font-size:.76rem; line-height:1.9; max-width:76ch}

/* ---------- استجابة ---------- */
@media (max-width:900px){
  .cols{grid-template-columns:1fr}
  .tape{grid-template-columns:repeat(2,1fr)}
  .nav a:not(:last-child){display:none}
  .chartbox{height:320px}
  .gauge__bar{height:64px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important; animation:none !important}
}
:focus-visible{outline:2px solid var(--brass); outline-offset:3px; border-radius:4px}