/*
 * theme/components.css
 * ─────────────────────────────────────────────────
 * مستخرج من includes/header.php الأصلي — كامل وغير منقوص
 * ─────────────────────────────────────────────────
 */

/* Font loaded async via <link preload> in head.php */
:root{--bg:#0B0F1A;--c1:#141927;--c2:#1A2035;--inp:#1E2642;--brd:#2A3450;--p:#818CF8;--pbg:rgba(129,140,248,.10);--acc:#38BDF8;--g:#34D399;--gbg:rgba(52,211,153,.12);--r:#F87171;--rbg:rgba(248,113,113,.12);--y:#FBBF24;--t:#E2E8F0;--td:#94A3B8;--tm:#64748B;--font:'Tajawal',-apple-system,sans-serif;--safe-b:env(safe-area-inset-bottom,0px);}
[data-theme="light"]{--bg:#F1F5F9;--c1:#FFFFFF;--c2:#F8FAFC;--inp:#E2E8F0;--brd:#CBD5E1;--p:#6366F1;--pbg:rgba(99,102,241,.08);--acc:#0284C7;--g:#059669;--gbg:rgba(5,150,105,.08);--r:#DC2626;--rbg:rgba(220,38,38,.08);--y:#D97706;--t:#1E293B;--td:#475569;--tm:#94A3B8;}
[data-theme="light"] .sum-val,[data-theme="light"] .ac-nm,[data-theme="light"] .ac-val,[data-theme="light"] .det-nm,[data-theme="light"] .mo-h h2,[data-theme="light"] .topbar h1{color:#1E293B;}
[data-theme="light"] .topbar h1 span{background:linear-gradient(135deg,#6366F1,#0284C7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden!important;}
.app{position:fixed;inset:0;display:flex;flex-direction:column;max-width:580px;margin:0 auto;width:100%;overflow-x:hidden;}
.topbar{flex:0 0 auto;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 6px;background:var(--bg);z-index:10;}
.topbar h1{font-size:1.15rem;font-weight:900;color:#fff;letter-spacing:-.3px;}
.topbar h1 span{background:linear-gradient(135deg,var(--p),var(--acc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.flash{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:999;padding:10px 20px;border-radius:10px;font-size:.82rem;font-weight:700;animation:fadeIn .3s;max-width:90%;}
.flash-s{background:var(--gbg);color:var(--g);border:1px solid rgba(52,211,153,.2);}
.flash-e{background:var(--rbg);color:var(--r);border:1px solid rgba(248,113,113,.2);}
.demo-banner{background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(129,140,248,.06));border:1px solid rgba(251,191,36,.15);border-radius:12px;padding:12px;margin-bottom:10px;}
.demo-banner-content{display:flex;flex-direction:column;gap:8px;}
.demo-banner-text{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;}
.demo-banner-acts{display:flex;gap:6px;}
.demo-btn-start{flex:1;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#6366F1,#818CF8);color:#fff;font-size:.75rem;font-weight:800;border:none;cursor:pointer;font-family:var(--font);}
.demo-btn-close{flex:1;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid var(--brd);color:var(--tm);font-size:.72rem;font-weight:600;cursor:pointer;font-family:var(--font);}
@keyframes fadeIn{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* ── Sub-topbar (شريط اسم الصفحة الفرعية) ── */
.sub-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px;flex-shrink:0;border-bottom:1px solid var(--brd);background:var(--bg);}
.sub-topbar-title{font-size:.92rem;font-weight:900;color:var(--t);}
.sub-back{display:flex;align-items:center;gap:4px;color:var(--p);font-size:.75rem;font-weight:700;text-decoration:none;}
.sub-back svg{width:16px;height:16px;stroke:var(--p);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}

.tab-content{flex:1;position:relative;overflow:hidden;}
.tab-pane{position:absolute;inset:0;display:none;padding:12px 16px;overflow:hidden;}.tab-pane.active{display:flex;flex-direction:column;}
.tab-pane.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:calc(80px + env(safe-area-inset-bottom)) !important;}
#tab1.scrollable.active{display:block!important;}.tab-pane.scrollable::-webkit-scrollbar{display:none;}
#tab4.active{display:block;padding-bottom:30px;}
.bnav{flex:0 0 auto;display:flex;background:var(--c1);border-top:1px solid var(--brd);padding:4px 0 env(safe-area-inset-bottom,0px);z-index:10;align-items:flex-end;}
.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;cursor:pointer;color:var(--tm);-webkit-tap-highlight-color:transparent;}.bnav-item.active{color:var(--p);}
.bnav-item .bi{font-size:1.15rem;}.bnav-item .bl{font-size:.6rem;font-weight:700;}
.bnav-add{flex:1;display:flex;align-items:center;justify-content:center;}
.bnav-add-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--p),#6366F1);color:#fff;border:none;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;margin-bottom:8px;}.bnav-add-btn:active{transform:scale(.9);}
.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.sum-box{background:var(--c2);border:1px solid var(--brd);border-radius:12px;padding:12px 10px;text-align:center;}.sum-box.wide{grid-column:1/-1;}
.sum-lbl{font-size:.65rem;color:var(--tm);font-weight:600;margin-bottom:3px;}.sum-val{font-size:1.3rem;font-weight:900;color:#fff;direction:ltr;}.sum-val.g{color:var(--g);}.sum-val.r{color:var(--r);}
.sum-sub{font-size:.72rem;color:var(--td);direction:ltr;font-weight:600;margin-top:1px;}.sum-sub.g{color:var(--g);}.sum-sub.r{color:var(--r);}
.risk-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;margin-bottom:10px;}.risk-pill .rp-e{font-size:1rem;}.risk-pill .rp-t{font-size:.88rem;font-weight:800;}
.pie-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;}
.pie-area canvas{max-width:160px;max-height:160px;cursor:pointer;}
.pie-legend{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:4px;}
.pie-leg-item{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:var(--td);cursor:pointer;}.pie-leg-item .dot{width:8px;height:8px;border-radius:50%;}
.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex:0 0 auto;}.assets-header .ah-title{font-size:.85rem;font-weight:800;color:var(--td);}
.filter-tag{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--pbg);color:var(--p);cursor:pointer;display:none;align-items:center;gap:4px;}.filter-tag.show{display:inline-flex;}
.assets-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(80px + env(safe-area-inset-bottom));touch-action:pan-y;}.assets-scroll::-webkit-scrollbar{display:none;}
.ac{background:var(--c2);border:1px solid var(--brd);border-radius:10px;padding:12px;margin-bottom:0;display:flex;align-items:center;gap:10px;cursor:pointer;}.ac:active{border-color:var(--p);}
.ac-wrap{margin-bottom:8px;}.ac-wrap.expanded .ac{border-radius:10px 10px 0 0;border-bottom:none;border-color:var(--p);}
.ac-expand{display:none;background:var(--c2);border:1px solid var(--p);border-top:none;border-radius:0 0 10px 10px;padding:10px;animation:fadeIn .15s;}
.acx-close{display:block;margin:0 0 8px auto;background:none;border:1px solid var(--brd);border-radius:8px;padding:4px 14px;font-size:.75rem;font-weight:700;color:var(--td);cursor:pointer;font-family:var(--font);}.acx-close:active{border-color:var(--r);color:var(--r);}
.det-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}.det-cell{background:var(--inp);border-radius:8px;padding:8px 10px;}.dl{font-size:.65rem;font-weight:600;color:var(--tm);margin-bottom:2px;}.dv{font-size:.82rem;font-weight:800;color:var(--tx);}
.det-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}.btn-det{flex:1;min-width:60px;padding:8px 6px;font-size:.75rem;font-weight:700;border:1px solid var(--brd);border-radius:8px;background:transparent;color:var(--tx);cursor:pointer;font-family:var(--font);text-align:center;}.btn-det.sell{border-color:var(--y);color:var(--y);}.btn-det.dng{border-color:var(--r);color:var(--r);}
.ac-ic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.ac-body{flex:1;min-width:0;}.ac-nm{font-size:.82rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ac-meta{font-size:.68rem;color:var(--tm);font-weight:500;margin-top:1px;}
.ac-right{text-align:left;flex-shrink:0;}.ac-val{font-size:.88rem;font-weight:900;color:#fff;direction:ltr;}.ac-pl{font-size:.68rem;font-weight:700;direction:ltr;}.ac-pl.g{color:var(--g);}.ac-pl.r{color:var(--r);}.ac-pl.n{color:var(--p);}
.empty-a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--tm);}.empty-a .ei{font-size:2.4rem;}.empty-a p{font-size:.85rem;font-weight:600;}
.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 0 4px;}
.dash-card{background:var(--c2);border:1px solid var(--brd);border-radius:10px;padding:10px;text-align:center;}
.dash-card-lbl{font-size:.65rem;color:var(--tm);font-weight:600;margin-bottom:2px;}
.dash-card-val{font-size:1rem;font-weight:900;color:var(--tx);direction:ltr;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.dash-card-val small{font-size:.55rem;color:var(--tm);font-weight:600;}
.dash-pnl{text-align:center;padding:8px 10px;border-radius:10px;margin:0 0 4px;border:1px solid var(--brd);background:var(--c2);}
.dash-pnl.g{border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.04);}.dash-pnl.r{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.04);}
.dash-pnl-row{display:flex;align-items:center;justify-content:center;gap:8px;}.dash-pnl-icon{font-size:1rem;}
.dash-pnl-val{font-size:1rem;font-weight:900;}.dash-pnl-pct{font-size:.78rem;font-weight:800;padding:2px 8px;border-radius:20px;}
.dash-pnl-pct.g{background:rgba(16,185,129,.12);color:#059669;}.dash-pnl-pct.r{background:rgba(239,68,68,.12);color:#DC2626;}
.dash-pnl-sub{font-size:.65rem;color:var(--tm);margin-top:2px;}
.dash-chart-hdr{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 2px;}
.dash-chart-title{font-size:.82rem;font-weight:800;color:var(--tx);}
.dash-add-btn{width:36px;height:36px;border-radius:50%;border:2px dashed var(--brd);background:var(--c2);color:var(--p);font-size:1rem;cursor:pointer;font-family:var(--font);transition:all .15s;display:inline-flex;align-items:center;justify-content:center;}
.dash-add-btn:active{border-color:var(--p);background:var(--pbg);transform:scale(.93);}
.home-summary{flex:0 0 auto;}
.type-boxes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 0 16px;}
.type-box{background:var(--c2);border:1px solid var(--brd);border-radius:10px;padding:10px;cursor:pointer;transition:border-color .15s,transform .1s;overflow:hidden;min-width:0;}
.type-box:active{border-color:var(--p);transform:scale(.97);}
.tb-row1{display:flex;align-items:center;gap:5px;margin-bottom:6px;}
.tb-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}
.tb-name{font-size:.72rem;font-weight:700;color:var(--tm);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tb-value{font-size:.75rem;font-weight:900;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.tb-value small{font-size:.52rem;font-weight:600;color:var(--tm);}
.tb-row2{display:flex;align-items:center;justify-content:space-between;}
.tb-pct{font-size:.75rem;font-weight:900;}
.tb-pl{font-size:.68rem;font-weight:700;}
.tb-pl.g{color:var(--g);}.tb-pl.r{color:var(--r);}
.pie-area{text-align:center;padding:4px 0 8px;}
.pie-area canvas{margin:0 auto;}
.srch-wrap{position:relative;}
.srch-spin{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.8rem;}
.srch-dd{position:absolute;top:100%;left:0;right:0;background:var(--c2);border:1px solid var(--brd);border-radius:10px;max-height:260px;overflow-y:auto;z-index:100;display:none;box-shadow:0 8px 24px rgba(0,0,0,.3);}
.srch-dd.on{display:block;}
.srch-item{padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid var(--brd);transition:background .1s;}
.srch-item:last-child{border-bottom:none;}
.srch-item:hover,.srch-item:active{background:var(--pbg);}
.srch-item-ic{font-size:1.2rem;flex-shrink:0;}
.srch-item-body{flex:1;min-width:0;}
.srch-item-sym{font-weight:800;font-size:.82rem;color:var(--tx);direction:ltr;text-align:left;}
.srch-item-name{font-size:.7rem;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.srch-badge{font-size:.58rem;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap;flex-shrink:0;}
.srch-badge.stock{background:rgba(59,130,246,.15);color:#3B82F6;}
.srch-badge.etf,.srch-badge.fund{background:rgba(16,185,129,.15);color:#10B981;}
.srch-badge.index{background:rgba(168,85,247,.15);color:#A855F7;}
.srch-mkt{font-size:.58rem;color:var(--tm);flex-shrink:0;}
.srch-empty{padding:16px;text-align:center;color:var(--tm);font-size:.75rem;}
.stock-sel{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--pbg);border:1px solid var(--p);border-radius:10px;margin-top:8px;}
.stock-sel-info{display:flex;align-items:center;gap:10px;}
.stock-sel-icon{font-size:1.3rem;}
.stock-sel-name{font-weight:800;font-size:.82rem;color:var(--tx);}
.stock-sel-meta{font-size:.65rem;color:var(--tm);direction:ltr;text-align:left;}
.sel-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--pbg);border:1px solid var(--p);border-radius:10px;margin-top:8px;margin-bottom:8px;}
.sel-name{font-weight:800;font-size:.82rem;color:var(--tx);direction:ltr;text-align:left;}
.sel-meta{font-size:.65rem;color:var(--tm);}
.sel-clear{background:none;border:none;color:var(--tm);font-size:1rem;cursor:pointer;padding:4px;}
.stock-sel-x{background:none;border:none;color:var(--tm);font-size:1rem;cursor:pointer;padding:4px;}
.cash-notif{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:6px 10px;border-radius:12px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);flex-wrap:wrap;}
.cash-notif-icon{font-size:1.4rem;flex-shrink:0;}
.cash-notif-body{flex:1;min-width:120px;}
.cash-notif-title{font-size:.7rem;color:var(--tm);font-weight:600;}
.cash-notif-amt{font-size:.95rem;font-weight:900;color:var(--g);direction:ltr;}
.cash-notif-acts{display:flex;gap:4px;flex-shrink:0;}
.cn-btn{font-family:var(--font);font-size:.62rem;font-weight:700;padding:5px 8px;border-radius:8px;border:none;cursor:pointer;}
.cn-add{background:var(--g);color:#fff;}.cn-later{background:var(--c2);color:var(--tm);border:1px solid var(--brd)!important;}
.cn-no{background:transparent;color:var(--tm);font-size:.7rem;padding:5px 4px;}
.metal-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.mi{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border:1.5px solid var(--brd);border-radius:10px;background:var(--inp);cursor:pointer;transition:all .12s;text-align:center;}
.mi:active,.mi.sel{border-color:var(--p);background:var(--pbg);}
.mi-ic{font-size:1.4rem;}
.mi-lb{font-size:.7rem;font-weight:700;color:var(--tx);line-height:1.3;}
.fi-lg{font-size:1.1rem!important;font-weight:700!important;padding:12px!important;}
.metal-calc{font-size:.68rem;color:var(--g);font-weight:600;margin-top:4px;min-height:16px;}
.onboard{text-align:center;padding:24px 20px 20px;}.onboard-hero{font-size:3.2rem;margin-bottom:10px;animation:float 3s ease-in-out infinite;}
.onboard-full{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:20px 16px;min-height:60vh;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.onboard-title{font-size:1.2rem;font-weight:900;color:var(--tx);margin:0 0 6px;}.onboard-desc{font-size:.8rem;color:var(--tm);margin:0 0 18px;line-height:1.6;}
.onboard-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:right;}
.onboard-step{display:flex;align-items:center;gap:10px;background:var(--c2);border:1px solid var(--brd);border-radius:10px;padding:10px 14px;}
.os-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--p),#6366F1);color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.os-txt{font-size:.8rem;color:var(--tx);font-weight:600;flex:1;}
.onboard-btn{width:100%;padding:14px;font-size:.95rem;font-weight:800;border:none;border-radius:12px;background:linear-gradient(135deg,var(--p),#6366F1);color:#fff;cursor:pointer;font-family:var(--font);box-shadow:0 4px 24px rgba(99,102,241,.35);transition:transform .1s;}.onboard-btn:active{transform:scale(.97);}
.onboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.onboard-grid.sm{gap:8px;}
.ob-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--c2);border:1.5px solid var(--brd);border-radius:12px;padding:14px 6px;cursor:pointer;transition:all .15s;}.ob-card:active{border-color:var(--p);transform:scale(.96);background:var(--pbg);}
.ob-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.ob-lb{font-size:.65rem;font-weight:700;color:var(--tx);text-align:center;line-height:1.2;}
.onboard-hint{font-size:.72rem;color:var(--tm);margin-top:4px;font-weight:500;}
.onboard-types{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;}
.onboard-type{font-size:.65rem;font-weight:600;color:var(--tm);background:var(--c2);border:1px solid var(--brd);border-radius:20px;padding:4px 10px;}
.onboard-mini{text-align:center;padding:50px 20px 20px;}
.alerts-section{margin:10px 0;}.alert-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:6px;border:1px solid;}
.alert-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);}.alert-warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25);}.alert-info{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);}
.alert-ic{font-size:1.2rem;flex-shrink:0;margin-top:2px;}.alert-body{flex:1;min-width:0;}
.alert-asset{font-size:.78rem;font-weight:800;color:var(--tx);}.alert-msg{font-size:.72rem;color:var(--tm);margin-top:2px;line-height:1.5;}
.log-list{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.log-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--brd);}
.log-ic{font-size:1.2rem;flex-shrink:0;width:32px;text-align:center;}
.log-body{flex:1;min-width:0;}.log-action{font-size:.8rem;font-weight:700;color:var(--tx);}.log-meta{font-size:.68rem;color:var(--tm);margin-top:2px;}
.log-amt{font-size:.82rem;font-weight:800;color:var(--tx);text-align:left;white-space:nowrap;}.log-amt small{font-size:.6rem;font-weight:600;color:var(--tm);}
.ana-section{margin-bottom:14px;}.ana-title{font-size:.72rem;font-weight:700;color:var(--tm);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;}
.warn-list{list-style:none;padding:0;}.warn-list li{font-size:.82rem;font-weight:600;padding:8px 12px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.15);border-radius:8px;margin-bottom:6px;color:var(--y);}
.tip-list{list-style:none;padding:0;}.tip-list li{font-size:.82rem;font-weight:600;padding:8px 12px;background:var(--c2);border:1px solid var(--brd);border-radius:8px;margin-bottom:6px;line-height:1.5;}
.sug-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.sug-icon{font-size:1rem;width:28px;text-align:center;}
.sug-bar-wrap{flex:1;height:8px;background:var(--inp);border-radius:4px;overflow:hidden;}.sug-bar{height:100%;border-radius:4px;}.sug-pct{font-size:.78rem;font-weight:800;width:36px;text-align:left;direction:ltr;}.sug-lbl{font-size:.72rem;color:var(--td);font-weight:600;width:44px;}
.settings-section{margin-bottom:10px;}.settings-title{font-size:.68rem;font-weight:700;color:var(--tm);letter-spacing:.5px;margin-bottom:6px;}
.settings-card{background:var(--c2);border:1px solid var(--brd);border-radius:12px;overflow:hidden;}
.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--brd);}.settings-row:last-child{border-bottom:none;}
.settings-row-right{display:flex;align-items:center;gap:10px;}.settings-row-icon{font-size:1.1rem;width:28px;text-align:center;}
.settings-row-label{font-size:.88rem;font-weight:700;color:var(--t);}.settings-row-desc{font-size:.7rem;color:var(--tm);margin-top:2px;}
.toggle{position:relative;width:48px;height:28px;cursor:pointer;flex-shrink:0;}.toggle input{display:none;}
.toggle-track{position:absolute;inset:0;background:var(--inp);border:1.5px solid var(--brd);border-radius:14px;transition:all .25s;}.toggle input:checked + .toggle-track{background:var(--p);border-color:var(--p);}
.toggle-thumb{position:absolute;top:3px;right:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.2);}.toggle input:checked ~ .toggle-thumb{transform:translateX(-20px);}
.info-val{font-size:.82rem;font-weight:600;color:var(--td);direction:ltr;}
.settings-footer{text-align:center;padding:16px;color:var(--tm);font-size:.72rem;}.settings-footer span{color:var(--p);font-weight:700;}
.btn-auth{width:100%;padding:14px;font-size:.92rem;font-weight:800;border:1.5px solid var(--p);border-radius:10px;background:var(--pbg);color:var(--p);cursor:pointer;font-family:var(--font);margin-top:8px;transition:all .15s;}.btn-auth:active{transform:scale(.98);}
.btn-reset{width:100%;padding:12px 14px;font-size:.85rem;font-weight:700;border:1.5px solid var(--brd);border-radius:10px;background:transparent;color:var(--tx);cursor:pointer;font-family:var(--font);text-align:right;display:flex;flex-direction:column;gap:2px;transition:all .15s;}
.btn-reset span{font-size:.68rem;font-weight:500;color:var(--tm);}
.btn-reset.warn{border-color:#D97706;color:#D97706;}.btn-reset.warn:active{background:rgba(217,119,6,.08);}
.btn-reset.danger{border-color:var(--r);color:var(--r);}.btn-reset.danger:active{background:rgba(220,38,38,.08);}
.btn-activity{display:flex;flex-direction:column;gap:3px;width:100%;padding:14px;font-size:.88rem;font-weight:700;border:1.5px solid var(--p);border-radius:10px;background:var(--pbg);color:var(--p);cursor:pointer;font-family:var(--font);text-decoration:none;text-align:right;transition:all .15s;}.btn-activity:active{transform:scale(.98);}
.btn-activity span{font-size:.68rem;font-weight:500;color:var(--tm);}
.mo{display:none;position:fixed;inset:0;background:var(--c1);z-index:100;flex-direction:column;max-width:580px;margin:0 auto;width:100%;}.mo.on{display:flex;}
.mo>.mo-sh{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-width:100%;}
.mo>.bnav{flex-shrink:0;}
.mo-sh{width:100%;max-width:580px;height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 16px 100px;background:var(--c1);-webkit-overflow-scrolling:touch;}.mo-sh::-webkit-scrollbar{display:none;}
@keyframes su{from{transform:translateY(100%)}to{transform:translateY(0)}}
.mo-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.mo-h h2{font-size:1.05rem;font-weight:900;color:#fff;}
.mo-x{width:32px;height:32px;border-radius:50%;border:1px solid var(--brd);background:transparent;color:var(--td);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}.mo-x:hover{border-color:var(--r);color:var(--r);}
.det-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}.det-ic{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.det-nm{font-size:1rem;font-weight:900;color:#fff;}.det-sub{font-size:.75rem;color:var(--tm);margin-top:2px;}
.mm{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:110;align-items:center;justify-content:center;padding:20px;}.mm.on{display:flex;}
.mm-b{background:var(--c1);border:1px solid var(--brd);border-radius:16px;padding:20px 16px;width:100%;max-width:400px;animation:fadeIn .2s;}
.fg{margin-bottom:14px;}.fg label{display:block;font-size:.75rem;font-weight:700;color:var(--td);margin-bottom:6px;}.fg .hint{font-size:.65rem;color:var(--tm);margin-top:3px;}
.fi{width:100%;padding:12px 14px;font-size:.92rem;font-weight:600;border:1.5px solid var(--brd);border-radius:6px;background:var(--inp);color:var(--t);font-family:var(--font);outline:none;-moz-appearance:textfield;}.fi::-webkit-outer-spin-button,.fi::-webkit-inner-spin-button{-webkit-appearance:none;}.fi:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(129,140,248,.12);}
input[type="date"].fi{direction:ltr;text-align:right;-webkit-appearance:none;appearance:none;}
.num-inp{direction:ltr;text-align:left;}
.fs{width:100%;padding:12px 14px;font-size:.92rem;font-weight:600;border:1.5px solid var(--brd);border-radius:6px;background:var(--inp);color:var(--t);font-family:var(--font);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;cursor:pointer;}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.add-step{display:none;animation:fadeIn .15s;}.add-step.active{display:block;}
.tp{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.tp-i{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1.5px solid var(--brd);border-radius:10px;background:var(--inp);cursor:pointer;font-family:var(--font);transition:all .12s;}.tp-i:active{border-color:var(--p);background:var(--pbg);}
.tp-ic{font-size:1.3rem;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.tp-lb{font-size:.82rem;font-weight:700;color:var(--t);}
.add-back{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--p);cursor:pointer;background:none;border:none;font-family:var(--font);margin-bottom:12px;padding:0;}
.sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.sub-i{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:1.5px solid var(--brd);border-radius:10px;background:var(--inp);cursor:pointer;transition:all .12s;-webkit-tap-highlight-color:transparent;}.sub-i:active,.sub-i.sel{border-color:var(--p);background:var(--pbg);}
.sub-i span{font-size:1.3rem;}.sub-i small{font-size:.65rem;font-weight:700;color:var(--td);text-align:center;line-height:1.2;}
.sub-form{animation:fadeIn .15s;}
.metal-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;}
.mp-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1.5px solid var(--brd);border-radius:10px;background:var(--inp);cursor:pointer;transition:all .12s;font-family:var(--font);-webkit-tap-highlight-color:transparent;}
.mp-btn:active,.mp-btn.sel{border-color:#D97706;background:rgba(217,119,6,.08);}
.mp-icon{font-size:1.3rem;}.mp-label{font-size:.62rem;font-weight:700;color:var(--td);text-align:center;line-height:1.2;}
.mp-grams{font-size:.55rem;color:var(--tm);}
.cash-log{margin:8px 0;}
.cash-log-title{font-size:.75rem;font-weight:800;color:var(--tm);margin-bottom:6px;padding:0 2px;}
.cash-log-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid var(--brd);border-radius:8px;margin-bottom:4px;background:var(--c2);}
.clr-right{display:flex;align-items:center;gap:8px;}
.clr-icon{font-size:.9rem;}
.clr-note{font-size:.72rem;font-weight:700;color:var(--tx);}
.clr-date{font-size:.6rem;color:var(--tm);}
.clr-amt{font-size:.78rem;font-weight:800;white-space:nowrap;}
.sold-link-fixed{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border-top:1px solid var(--brd);background:var(--bg);color:var(--tm);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;}.sold-link-fixed:active{background:var(--c2);}
.sold-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--brd);background:var(--c2);position:sticky;top:0;z-index:5;}
.sold-back{background:none;border:none;color:var(--p);font-size:.85rem;font-weight:700;cursor:pointer;padding:6px 0;font-family:var(--font);white-space:nowrap;}
.sold-title{font-size:.9rem;font-weight:800;color:var(--tx);margin:0;}
.ad-body{padding:16px 16px 32px;}
.ad-header{text-align:center;padding:16px 0 12px;border-bottom:1px solid var(--brd);margin-bottom:12px;}
.ad-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 8px;}
.ad-title{font-size:1.05rem;font-weight:800;color:var(--tx);}
.ad-sub{font-size:.72rem;color:var(--tm);margin-top:2px;}
.det-acts-full{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.btn-back-full{display:block;width:100%;margin-top:10px;padding:14px;background:var(--c2);border:1px solid var(--brd);border-radius:10px;color:var(--p);font-size:.88rem;font-weight:700;cursor:pointer;text-align:center;font-family:var(--font);text-decoration:none;}
.pay-toggle,.val-toggle{display:flex;gap:6px;}
.pay-opt,.val-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:.82rem;font-weight:600;border:1.5px solid var(--brd);border-radius:6px;background:var(--inp);cursor:pointer;font-family:var(--font);}.pay-opt.sel,.val-opt.sel{border-color:var(--p);background:var(--pbg);color:var(--p);}.pay-opt input,.val-opt input{display:none;}
.inst-section{display:none;}.inst-section.show{display:block;}
.rem-bar{margin-top:8px;padding:10px 12px;background:var(--c2);border:1px solid var(--brd);border-radius:8px;}.rem-bar-label{font-size:.68rem;color:var(--tm);font-weight:600;margin-bottom:4px;}
.rem-bar-track{height:6px;background:var(--inp);border-radius:3px;overflow:hidden;}.rem-bar-fill{height:100%;background:var(--g);border-radius:3px;transition:width .3s;}
.rem-bar-val{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;margin-top:4px;direction:ltr;}.rem-bar-val .paid-t{color:var(--g);}.rem-bar-val .left-t{color:var(--y);}
.btn-go{width:100%;padding:14px;font-size:.98rem;font-weight:800;border:none;border-radius:10px;background:linear-gradient(135deg,var(--p),#6366F1);color:#fff;cursor:pointer;font-family:var(--font);box-shadow:0 4px 20px rgba(99,102,241,.3);transition:all .15s;}
.btn-go:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none;}
.form-actions{display:flex;gap:8px;margin-top:12px;}.form-actions .btn-go{flex:2;}.form-actions .btn-back{flex:1;padding:14px;font-size:.92rem;font-weight:700;border:1.5px solid var(--brd);border-radius:10px;background:transparent;color:var(--td);cursor:pointer;font-family:var(--font);}.form-actions .btn-back:active{border-color:var(--p);color:var(--p);}.btn-go:active{transform:scale(.98);}
.btn-sell{width:100%;padding:14px;font-size:.98rem;font-weight:800;border:none;border-radius:10px;background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff;cursor:pointer;font-family:var(--font);}
.inst-row{border-top:1px solid var(--brd);padding-top:10px;margin-top:10px;}.inst-row:first-child{border-top:none;padding-top:0;margin-top:0;}
.btn-add-sched{width:100%;padding:10px;font-size:.82rem;font-weight:700;border:1.5px dashed var(--brd);border-radius:8px;background:transparent;color:var(--p);cursor:pointer;font-family:var(--font);margin-top:10px;transition:all .15s;}.btn-add-sched:active{background:var(--pbg);}
.onboard-progress-bar{margin:0 16px 0;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(129,140,248,.08));border:1px solid rgba(129,140,248,.2);border-radius:14px;padding:12px 14px;}
.opb-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.opb-icon{font-size:1.3rem;}
.opb-text{flex:1;display:flex;flex-direction:column;}
.opb-text strong{font-size:.82rem;font-weight:800;color:var(--t);}
.opb-sub{font-size:.65rem;color:var(--tm);margin-top:2px;}
.opb-count{font-size:.9rem;font-weight:900;color:#818CF8;white-space:nowrap;}
.opb-track{background:var(--c2);border-radius:99px;height:7px;overflow:hidden;}
.opb-fill{height:100%;background:linear-gradient(90deg,#6366F1,#818CF8);border-radius:99px;transition:width .5s ease;min-width:8px;}
@media(max-width:380px){.sum-val{font-size:1.1rem;}.tp{grid-template-columns:1fr 1fr;}.fr{grid-template-columns:1fr;}}
.rental-notif{background:var(--c1);border:1px solid rgba(16,185,129,.2);border-radius:14px;margin:8px 16px;overflow:hidden;}
.rental-notif-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(16,185,129,.06);border-bottom:1px solid var(--brd);}
.rental-notif-list{max-height:300px;overflow-y:auto;}
.rental-notif-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--brd);gap:8px;}
.rental-notif-item:last-child{border-bottom:none;}
.rni-right{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.rni-icon{font-size:1.1rem;flex-shrink:0;}
.rni-name{font-size:.75rem;font-weight:700;color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rni-month{font-size:.65rem;color:var(--tm);}
.rni-left{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;}
.rni-amount{font-size:.78rem;font-weight:800;color:var(--g);direction:ltr;white-space:nowrap;}
.rni-acts{display:flex;gap:4px;}
.rni-btn{border:none;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700;cursor:pointer;font-family:var(--font);}
.rni-yes{background:rgba(16,185,129,.15);color:var(--g);}
.rni-no{background:var(--c2);color:var(--tm);}
.rental-item{background:var(--c1);border:1px solid var(--brd);border-radius:14px;padding:14px;margin-bottom:10px;}
.ri-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ri-right{display:flex;align-items:center;gap:10px;}
.ri-icon{font-size:1.4rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.08);border-radius:10px;flex-shrink:0;}
.ri-name{font-size:.82rem;font-weight:700;color:var(--t);}
.ri-month{font-size:.7rem;color:var(--tm);margin-top:2px;}
.ri-amount{font-size:.95rem;font-weight:800;color:var(--g);direction:ltr;white-space:nowrap;}
.ri-actions{display:flex;gap:6px;align-items:stretch;}
.ri-btn{width:100%;padding:9px 6px;border-radius:10px;font-size:.72rem;font-weight:700;cursor:pointer;border:none;font-family:var(--font);transition:all .15s;text-align:center;}
.ri-btn:active{transform:scale(.97);}
.ri-btn.ri-add{background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;flex:1;}
.ri-btn.ri-spent{background:var(--c2);color:var(--t);border:1px solid var(--brd);flex:1;}
.ri-btn.ri-no{background:var(--c2);color:var(--tm);border:1px solid var(--brd);flex:0 0 auto;padding:9px 10px;font-size:.75rem;}
.cash-sources{display:none;}.cash-sources.open{display:block;}
/* ====== بار الأسعار السريعة ====== */

.pb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid var(--brd);background:var(--c2);text-decoration:none;cursor:pointer;position:relative;transition:transform .15s;-webkit-tap-highlight-color:transparent;}
.pb-btn:active{transform:scale(.95);}
.pb-btn.gold{border-color:rgba(217,119,6,.25);background:linear-gradient(135deg,rgba(217,119,6,.1),rgba(217,119,6,.04));}
.pb-btn.fx{border-color:rgba(37,99,235,.25);background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(37,99,235,.04));}
.pb-btn.disabled{opacity:.4;pointer-events:none;}
.pb-icon{font-size:1.3rem;line-height:1;}
.pb-label{font-size:.6rem;font-weight:700;color:var(--t);text-align:center;line-height:1.3;}
.pb-lock{position:absolute;top:5px;left:6px;font-size:.6rem;opacity:.7;}
.prices-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;}


/* ── إخفاء scrollbar في كل العناصر القابلة للتمرير ── */
* { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; }

/* ══ OVERRIDES — تطغى على أي CSS آخر ══ */
.tab-pane.scrollable { padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
#tab1.scrollable.active { padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; }

/* ═══════════════════════════════════════════════════════════
   home.php — مكونات الرئيسية الجديدة
   أضف هذا القسم في theme/components.css
   ═══════════════════════════════════════════════════════════ */

/* ── Hero Card ── */
.home-hero {
  background: linear-gradient(150deg, #131d38 0%, #0e1525 55%, #090f1e 100%);
  border: 1px solid rgba(129,140,248,.16);
  border-radius: 22px;
  padding: 18px 18px 16px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}
[data-theme="light"] .home-hero {
  background: linear-gradient(150deg, #eef2ff 0%, #f0f4ff 55%, #f5f7ff 100%);
  border-color: rgba(99,102,241,.2);
}
.home-hero::before {
  content: '';
  position: absolute;
  top: -50px; right: -30px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(129,140,248,.12) 0%, transparent 65%);
  pointer-events: none;
}
.home-hero::after {
  content: '';
  position: absolute;
  bottom: -30px; left: -10px;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(52,211,153,.07) 0%, transparent 65%);
  pointer-events: none;
}
.hh-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.hh-lbl {
  font-size: .68rem;
  font-weight: 700;
  color: rgba(129,140,248,.7);
  letter-spacing: .05em;
}
.hh-badge {
  font-size: .62rem;
  font-weight: 700;
  color: var(--td);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--brd);
  padding: 3px 9px;
  border-radius: 8px;
}
[data-theme="light"] .hh-badge {
  background: rgba(0,0,0,.04);
}
.hh-val {
  font-size: 2.1rem;
  font-weight: 900;
  color: var(--t);
  line-height: 1;
  letter-spacing: -.5px;
}
.hh-cur {
  font-size: .8rem;
  color: var(--tm);
  margin-bottom: 12px;
  margin-top: 2px;
}
.hh-chart {
  height: 48px;
  margin-bottom: 12px;
}
.hh-chart-empty {
  height: 20px;
  margin-bottom: 12px;
}
.hh-pnl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.05);
}
[data-theme="light"] .hh-pnl {
  border-top-color: rgba(0,0,0,.06);
}
.hh-pnl-l {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hh-chip {
  font-size: .75rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 10px;
}
.hh-chip.g { background: rgba(52,211,153,.13);  color: var(--g); }
.hh-chip.r { background: rgba(248,113,113,.13); color: var(--r); }
.hh-pnl-val {
  font-size: .85rem;
  font-weight: 800;
}
.hh-pnl-val.g { color: var(--g); }
.hh-pnl-val.r { color: var(--r); }
.hh-count {
  font-size: .68rem;
  color: var(--td);
}

/* ── Section Header ── */
.home-section {
  margin-bottom: 12px;
}
.hs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.hs-title {
  font-size: .82rem;
  font-weight: 800;
  color: var(--t);
}
.hs-date {
  font-size: .68rem;
  color: var(--td);
}
.hs-link {
  font-size: .68rem;
  font-weight: 700;
  color: var(--p);
}

/* ── Event Cards ── */
.home-ev {
  background: var(--c1);
  border: 1px solid var(--brd);
  border-radius: 15px;
  padding: 11px 13px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  gap: 11px;
  position: relative;
  overflow: hidden;
}
.home-ev::after {
  content: '';
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 3px;
  border-radius: 0 15px 15px 0;
}
.home-ev.up::after  { background: var(--g); }
.home-ev.dn::after  { background: var(--r); }
.home-ev.wn::after  { background: var(--y); }
.home-ev.nfo::after { background: var(--p); }

.hev-ic {
  width: 38px; height: 38px;
  border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.hev-ic.up  { background: rgba(52,211,153,.1); }
.hev-ic.dn  { background: rgba(248,113,113,.1); }
.hev-ic.wn  { background: rgba(251,191,36,.1); }
.hev-ic.nfo { background: rgba(129,140,248,.1); }

.hev-body { flex: 1; min-width: 0; }
.hev-title {
  font-size: .82rem;
  font-weight: 800;
  color: var(--t);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hev-sub {
  font-size: .7rem;
  color: var(--tm);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hev-right { text-align: left; flex-shrink: 0; }
.hev-val {
  font-size: .88rem;
  font-weight: 900;
}
.hev-val.up  { color: var(--g); }
.hev-val.dn  { color: var(--r); }
.hev-val.wn  { color: var(--y); }
.hev-val.nfo { color: var(--p); }
.hev-time {
  font-size: .62rem;
  color: var(--td);
  margin-top: 2px;
}




/* ── Quick Access Grid ── */
.home-quick-grid {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
}
.hq-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  flex-shrink: 0;
  width: 72px;
  background: var(--c1);
  border: 1px solid var(--brd);
  border-radius: 14px;
  padding: 12px 6px;
  text-decoration: none;
  transition: border-color .15s;
}
.hq-card:active { border-color: var(--p); }
.hq-ic {
  width: 38px; height: 38px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.hq-name {
  font-size: .6rem;
  font-weight: 800;
  color: var(--t);
  line-height: 1.3;
}
.hq-sub { display: none; }

/* ── Empty State ── */
.home-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  padding: 40px 20px;
}

.home-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0 14px;
}
.ht-greeting { font-size: .72rem; color: var(--tm); font-weight: 600; }
.ht-name     { font-size: 1.2rem; font-weight: 900; color: var(--t); }
.ht-notif-btn {
  width: 38px; height: 38px;
  border-radius: 11px;
  background: var(--c1);
  border: 1px solid var(--brd);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  text-decoration: none;
  position: relative;
}
.ht-notif-dot {
  position: absolute;
  top: 7px; right: 7px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--r);
  border: 1.5px solid var(--bg);
}