/* STOCK_APP_UPDATES_V1_20261019 — all selectors are scoped. */
@font-face{font-family:StockUpdateVazir;src:url('/assets/fonts/vazirmatn-v810-arabic-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.su-layer,.su-card,.su-page{--su-accent:#a71928;--su-accent-hover:#891421;--su-surface:#fff;--su-text:#25262b;--su-muted:#71727a;--su-border:#e8e8ed;--su-soft:#f7f7f9;color:var(--su-text);font-family:var(--font-main);line-height:1.8;direction:rtl;text-align:right;font-size:16px;font-weight:400;color-scheme:light}
html[data-theme="dark"] .su-layer,html[data-theme="dark"] .su-card,html[data-theme="dark"] .su-page,body.dark-mode .su-layer,body.dark-mode .su-card,body.su-page.dark-mode{--su-accent:#c33243;--su-accent-hover:#d34051;--su-surface:#1c2029;--su-text:#f1f2f5;--su-muted:#b7bac5;--su-border:#353944;--su-soft:#11151d;color-scheme:dark}
.su-layer *,.su-card *,.su-page *{box-sizing:border-box}
.su-layer [hidden],.su-card [hidden],.su-layer[hidden]{display:none!important}
.su-layer{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,18,24,.48);padding:0 0 var(--su-nav-height,0px);isolation:isolate;overscroll-behavior:contain}
.su-card{background:var(--su-surface);border:1px solid var(--su-border);border-radius:24px;overflow:hidden}
.su-sheet{position:relative;width:100%;max-width:540px;max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;border-bottom:0;box-shadow:0 -8px 48px rgba(0,0,0,.12);animation:su-rise .22s ease-out}
.su-handle{width:44px;height:4px;border-radius:6px;background:#c9c9cf;margin:11px auto 4px}
.su-heading{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;margin:0 20px;border-bottom:1px solid var(--su-border);padding:12px 34px}
.su-heading h2,.su-heading h1{font:700 18px/1.8 StockUpdateVazir,Vazirmatn,Tahoma,sans-serif;letter-spacing:0;margin:0;text-align:center;color:var(--su-text)}
.su-close{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--su-muted);cursor:pointer;padding:11px;box-shadow:none}
.su-close svg{width:22px;height:22px;display:block}
.su-close:hover{background:var(--su-soft)}
.su-content{padding:19px 20px max(18px,env(safe-area-inset-bottom))}
.su-copy{font-size:16px;line-height:1.95;margin:0;text-align:center;color:var(--su-text);font-weight:400}
.su-meta{font-size:12px;line-height:1.8;color:var(--su-muted);margin:10px 0 18px;text-align:center;unicode-bidi:plaintext}
.su-primary,.su-secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;width:100%;padding:11px 14px;border-radius:12px;font:700 16px/1.75 StockUpdateVazir,Vazirmatn,Tahoma,sans-serif;letter-spacing:0;text-decoration:none!important;text-align:center;cursor:pointer;transition:background .15s ease;border:1px solid transparent}
.su-primary,.su-primary:visited{background:var(--su-accent);color:#fff!important}
.su-primary:hover{background:var(--su-accent-hover)}
.su-primary svg{width:21px;height:21px;flex:0 0 21px}
.su-secondary,.su-secondary:visited{background:transparent;color:var(--su-text);border-color:var(--su-border);margin-top:10px;font-weight:600}
.su-secondary:hover{background:var(--su-soft)}
.su-note{font-size:11px;line-height:1.9;color:var(--su-muted);text-align:center;margin:13px 0 0}
.su-layer a:focus-visible,.su-layer button:focus-visible,.su-page a:focus-visible,.su-page button:focus-visible{outline:3px solid #df9e16;outline-offset:3px}
.su-page{margin:0;min-height:100vh;min-height:100dvh;background:var(--su-soft)}
.su-page-header{max-width:560px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.su-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--su-text);font-size:20px;font-weight:800}
.su-brand img{width:40px;height:40px;border-radius:12px;object-fit:contain}
.su-back{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 0;color:var(--su-muted);text-decoration:none;font-size:13px}
.su-back svg{width:19px;height:19px}
.su-page-main{width:calc(100% - 32px);max-width:500px;margin:30px auto;padding-bottom:max(32px,env(safe-area-inset-bottom))}
.su-page-intro{margin:0 0 22px;text-align:center}
.su-page-intro p{font-size:13px;color:var(--su-muted);margin:5px 0 0}
.su-page-intro strong{font-size:22px;font-weight:800}
.su-page-card{box-shadow:0 14px 50px rgba(19,24,35,.045)}
.su-page-card .su-heading{padding:22px 0 17px}
.su-page-card .su-content{padding:24px}
.su-page-home{display:block;width:max-content;max-width:100%;margin:24px auto 0;padding:10px 16px;font-size:13px;color:var(--su-muted);text-decoration:none}
.su-account-link{margin-top:8px}
@keyframes su-rise{from{transform:translateY(28px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(min-width:601px){.su-layer{align-items:center;padding:24px}.su-sheet{border-radius:22px;border-bottom:1px solid var(--su-border);max-height:calc(100dvh - 48px)}.su-handle{display:none}.su-sheet .su-heading{min-height:74px}.su-content{padding:24px}.su-page-main{margin-top:52px}}
@media(max-width:350px){.su-heading{margin-inline:12px;padding-inline:30px}.su-heading h2,.su-heading h1{font-size:16px}.su-content{padding-inline:16px}.su-copy,.su-primary{font-size:14px}.su-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.su-sheet{animation:none}.su-primary,.su-secondary{transition:none}}