/* FSS / Noir — one visual language for the customer site and workspaces. */
body.site-system { --s-bg:#0d0d10;--s-panel:#17171c;--s-raised:#202026;--s-line:#303037;--s-text:#f4f4f5;--s-muted:#a2a2ae;--s-red:#e50914;--bg0:#0d0d10;--bg1:#17171c;--bg2:#202026;--bg3:#27272e;--t1:#f4f4f5;--t2:#a2a2ae;--t3:#777784;--bd:#303037;--bd2:#42424c;--gold:#f4f4f5;--gold2:#f4f4f5;--acc:#e50914;--acc2:#e50914;--line:#303037;--panel:#17171c;--ink:#f4f4f5;--muted:#a2a2ae;--sans:'IBM Plex Sans Arabic',Cairo,system-ui,sans-serif;background:#0d0d10 !important;color:var(--s-text);font-family:var(--sans) !important;font-size:14px;line-height:1.8; }
body.site-system *,body.site-system *::before,body.site-system *::after { box-sizing:border-box; }
body.site-system :is(button,input,select,textarea) { font-family:var(--sans); }
body.site-system :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #fa6269 !important;outline-offset:4px; }
body.site-system :is(h1,h2,h3,h4) { text-shadow:none !important;letter-spacing:0; }
body.site-system :is(.card,.plan,.module-panel,.login-card,.guide-map) { box-shadow:none !important; }
body.site-system :is(button,.button,.btn-primary,.btn-ghost,.nav-link-btn) { box-shadow:none !important;text-shadow:none !important; }
body.site-system :is(button,.button,a) { -webkit-tap-highlight-color:transparent; }
.experience-header { width:min(1280px,calc(100% - 64px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #303037; }
.experience-brand { text-decoration:none;white-space:nowrap;font-family:var(--sans);font-weight:700;font-size:23px;color:#f4f4f5; }
.experience-mark { color:#f4f4f5;direction:ltr;display:inline-flex;align-items:center;gap:7px;font:800 26px/1 Arial,sans-serif;letter-spacing:-1px; }
.experience-mark::before { content:'';display:block;width:4px;height:27px;background:#e50914;transform:skew(-12deg);margin-right:4px; }
.experience-mark span { color:#a8a8b1;font-size:10px;letter-spacing:1.6px;font-weight:500;margin-top:4px; }
.experience-header>nav { display:flex;gap:30px;align-items:center;font-size:12px; }
.experience-header>nav a { color:#b7b7c0;text-decoration:none; }.experience-header>nav a:hover { color:#fff; }
.experience-header-actions { display:flex;align-items:center;gap:10px; }
.experience-login,.experience-account { text-decoration:none;border:1px solid #41414a;background:#1c1c22;color:#f4f4f5;font-size:12px;font-weight:600;border-radius:7px;padding:10px 16px;min-height:42px;white-space:nowrap;cursor:pointer; }
.experience-login span { margin-inline-start:15px; }.experience-account { display:none; }
.site-system.logged-in .experience-login { display:none; }.site-system.logged-in .experience-account { display:block; }
.experience-panel { position:fixed;inset:auto;margin:0;padding:10px;width:260px;max-width:calc(100vw - 24px);max-height:75dvh;overflow:auto;border:1px solid #41414b;border-radius:12px;background:#19191f;color:#ededf0;box-shadow:0 18px 70px #0008; }
.experience-panel::backdrop { background:transparent; }.experience-panel :is(.nav,.topbar-nav-links) { display:flex !important;flex-direction:column;gap:3px;width:100%;padding:0 !important; }
.experience-panel :is(.nav-btn,.nav-link-btn,#topbarLogoutBtn) { width:100% !important;border-radius:7px !important;margin:0 !important;padding:11px 12px !important;text-align:right !important;font-size:12px !important;color:#d0d0d7 !important;background:transparent !important;border:0 !important;text-decoration:none;min-height:42px; }
.experience-panel :is(.nav-btn,.nav-link-btn):hover { background:#282830 !important; }.experience-panel .sidebar-section-title { color:#777783;font-size:10px;padding:10px 12px; }
.experience-panel .nav-btn>span { margin-inline-end:8px; }.experience-panel .nav-link-btn.active { background:#e5091414 !important;color:#ff6c74 !important; }
.site-system :is(.experience-primary,.experience-secondary) { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:12px 24px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none; }
.experience-primary { color:#fff !important;background:#e50914; }.experience-primary:hover { background:#c90812; }
.experience-secondary { color:#e2e2e8 !important;background:#202026;border:1px solid #3b3b45; }
.experience-eyebrow { color:#a9a9b6;display:block;font-size:10px;font-weight:600;letter-spacing:1.2px; }
.arrival { width:min(1280px,calc(100% - 64px));margin:auto; }
.arrival-hero { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding:92px 0 100px; }
.arrival-copy h1 { color:#f3f3f5;font-size:clamp(42px,4.1vw,66px);font-weight:700;line-height:1.42;margin:22px 0; }
.arrival-copy h1 em { font-style:normal;color:#ee4b54; }
.arrival-copy>p { color:#a7a7b4;font-size:15px;line-height:2;max-width:530px;margin:0; }
.arrival-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px; }
.arrival-points { display:flex;gap:18px;flex-wrap:wrap;margin-top:29px;color:#858592;font-size:10px; }.arrival-points span::before { content:'✓';color:#ceced7;margin-inline-end:6px; }
.arrival-product { position:relative;background:linear-gradient(135deg,#242026,#16161b 50%);border:1px solid #3b343b;border-radius:14px;padding:28px 30px;box-shadow:0 30px 70px #0003; }
.arrival-product::before { content:'';position:absolute;height:2px;top:-1px;inset-inline:28px;background:linear-gradient(90deg,transparent,#d22632,transparent); }
.arrival-product-top,.arrival-product-bottom { display:flex;justify-content:space-between;align-items:center;color:#8f8f9d;font:9px/1.8 Arial,sans-serif;letter-spacing:1.3px; }.arrival-product-top b { font-size:9px;color:#d7d7df; }
.arrival-product h2 { font-size:36px;line-height:1.45;color:#f0f0f4;margin:26px 0; }
.arrival-product-row { display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid #34343d; }.arrival-product-row>span { color:#e9434d;font:12px/1.8 monospace; }.arrival-product-row h3 { font-size:14px;margin:0 0 5px;font-weight:600; }.arrival-product-row p { color:#8f8f9c;font-size:11px;margin:0;line-height:1.8; }.arrival-product-row>b { color:#6e6e7c;margin-inline-start:auto;font-size:16px; }
.arrival-product-bottom { padding-top:22px; }.arrival-red-dot { width:6px;height:6px;border-radius:50%;background:#e50914; }
.arrival-tools { padding:60px 0 76px;border-top:1px solid #303037; }.arrival-section-title h2 { font-size:30px;font-weight:600;margin:12px 0 30px;color:#ededf2; }
.arrival-tool-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }.arrival-tool-grid article { padding:28px;border:1px solid #303037;border-radius:12px;background:#17171c; }.arrival-tool-index { font:10px/1.8 Arial,sans-serif;letter-spacing:1px;color:#e34b56; }.arrival-tool-grid h3 { font-size:21px;line-height:1.6;margin:21px 0 12px; }.arrival-tool-grid p { font-size:12px;line-height:2;color:#9494a3;min-height:76px; }.arrival-tool-grid a { text-decoration:none;display:flex;justify-content:space-between;color:#dedee5;font-size:12px;padding-top:18px;margin-top:20px;border-top:1px solid #32323b; }
.arrival-membership { display:flex;align-items:center;justify-content:space-between;gap:40px;padding:50px;border:1px solid #38313a;border-radius:14px;background:radial-gradient(ellipse at 0 50%,#8b10131c,transparent 60%),#17171c; }.arrival-membership h2 { font-size:32px;line-height:1.6;margin:12px 0; }.arrival-membership p { color:#9696a5;font-size:12px;margin:0; }.arrival-membership>a { flex-shrink:0; }
.arrival-footer { padding:58px 0 32px;margin-top:80px;border-top:1px solid #303037; }.arrival-footer .experience-brand { font-size:21px; }.arrival-footer .experience-brand span { color:#777784;font-size:11px;letter-spacing:1px; }.arrival-footer p { font-size:12px;color:#858593;margin:8px 0 22px; }.arrival-footer nav { display:flex;gap:24px;font-size:12px;color:#adadba; }.arrival-footer small { display:block;color:#626270;font-size:10px;margin-top:30px; }
html[data-arrival=true] body.site-system.page-home #app,html[data-arrival=true] body.site-system.page-home>.mobile-bottom-nav { display:none !important; }
html:not([data-arrival=true]) #arrival { display:none; }
body.site-system.page-home { height:auto !important;overflow-y:auto !important; }.site-system.page-home #app { display:block !important;min-height:100dvh;height:auto !important;padding:0 !important;background:#0d0d10 !important; }
.site-system.page-home #app>.sidebar,.site-system.page-home #sidebarOverlay,.site-system.page-home .main>.topbar,.site-system.page-home #public-header,#app-diagnostic-footer { display:none !important; }
.site-system.page-home #app .main { margin:0 auto !important;padding:0 !important;width:min(1280px,calc(100% - 64px)) !important;max-width:1280px !important;min-width:0 !important;background:transparent !important; }
.site-system.page-home .content { padding:0 !important;margin:0 !important;overflow:visible !important;max-width:none !important; }
.site-system.page-home .news-hero-banner { background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:40px 0 30px !important;margin:0 !important;display:flex;align-items:center;gap:24px; }
.site-system.page-home .news-page-title { font-size:34px !important;color:#f2f2f5 !important; }.site-system.page-home .news-page-subtitle { font-size:12px !important;color:#9292a0 !important;margin-top:9px; }
.site-system .news-actions-group { display:flex;gap:10px;align-items:center; }.site-system .news-live-status-pill { border-color:#36363f !important;background:#17171c !important;font-size:10px !important; }
.site-system :is(.btn-primary,.btn-refresh) { background:#d90c18 !important;color:#fff !important;border:1px solid #e63b45 !important;border-radius:7px !important;min-height:40px; }
.site-system .news-layout-grid { display:grid !important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) !important;gap:24px !important;align-items:start; }
.site-system :is(.news-col-calendar,.news-col-feed) { min-width:0 !important; }.site-system .card { background:#17171c !important;border:1px solid #303037 !important;border-radius:10px !important;box-shadow:none !important; }
.site-system .news-filter-scroll-wrapper { padding:0 0 16px !important;overflow:auto;max-width:100%; }.site-system .news-filter-btn { border:1px solid #34343d !important;background:#19191f !important;color:#a8a8b5 !important;border-radius:6px !important;min-height:36px;padding:7px 12px !important; }
.site-system .news-filter-btn.active { border-color:#ae3039 !important;background:#e509141a !important;color:#f1d8da !important; }.site-system #newsStatsRow { gap:8px !important;margin-bottom:16px !important; }.site-system .news-stat-card { background:#17171c !important;border:1px solid #303037 !important;border-radius:8px !important;padding:14px 10px !important; }.site-system .news-stat-card .val { font-size:25px !important; }.site-system #newsPageList { max-height:620px !important;overflow-y:auto !important;scrollbar-width:thin; }
.experience-context { background:#15151a;border:1px solid #2d2d35;border-radius:10px;padding:14px 16px;margin-top:16px; }.experience-context>summary { color:#bfbfca;cursor:pointer;display:flex;justify-content:space-between;font-size:12px;list-style:none;padding:2px 0; }.experience-context>summary::after { display:none; }.experience-context[open]>summary { padding-bottom:16px; }.experience-context .card { margin-bottom:10px !important; }.experience-context :is(.seo-knowledge-section,.seo-faq-section) { border:0 !important;background:transparent !important;padding:12px 0 !important;margin:0 !important;box-shadow:none !important; }.experience-reading { margin-top:25px; }
.site-system .impact-gauges-container { gap:10px !important; }.site-system .fss-footer-links { background:transparent !important;border-color:#303037 !important;box-shadow:none !important; }.site-system .footer-email { color:#e3e3e9 !important;border-color:#383840 !important;background:#202026 !important; }.site-system :is(.footer-kicker,.fss-footer-links h3,.site-footer .brand) { color:#d0d0dc !important; }
.site-system.public-page main,.site-system.public-page .site-footer { width:min(1160px,calc(100% - 64px)); }.site-system .editorial-hero { padding:70px 0 80px;gap:70px; }.site-system .editorial-hero h1 { color:#f2f2f5;font-size:clamp(36px,4.1vw,58px);font-weight:600;line-height:1.5; }.site-system .editorial-hero h1 em { color:#ed4b56; }.site-system .editorial-hero p { color:#9898a7; }.site-system .eyebrow { color:#a2a2b0; }
.site-system .button { border-radius:7px;min-height:48px; }.site-system .button.primary { color:#fff;background:#d90c18;border:1px solid #e63b45; }.site-system .button.secondary { color:#f0f0f4;background:#26262e;border-color:#41414c; }.site-system .text-link { color:#d7d7e1; }
.experience-membership-panel { background:linear-gradient(120deg,#292027,#16161c);border:1px solid #3e323c;border-radius:13px;padding:34px; }.experience-membership-panel h2 { font-size:32px;line-height:1.6;margin:20px 0 12px;color:#eeeeF3; }.experience-membership-panel>p { font-size:12px;line-height:2;color:#9292a2; }.experience-membership-panel>div { padding:14px 0;border-top:1px solid #37323b;font-size:13px; }.experience-membership-panel>div:first-of-type { margin-top:25px; }.experience-membership-panel>div span { color:#d6535b;font:10px monospace;margin-inline-end:20px; }
.site-system .plan { border:1px solid #35353f;border-radius:13px;background:#17171c;padding:32px; }.site-system .plan.annual { border:1px solid #be333e;background:linear-gradient(140deg,#25181e,#17171c); }.site-system .plan-tag { border-color:#4d3c45;color:#e8cbd1;background:#e509140a; }.site-system .plan-price small { color:#9898a6; }.site-system .plan-price b { font-size:58px; }.site-system .feat-icon { font-size:0; }.site-system .feat-icon::after { content:'✓';font-size:12px;color:#b1b1bd; }.site-system .features { gap:14px; }.site-system .feat-item { color:#b2b2bf;font-size:12px; }.site-system .plan-note { color:#9898a6; }.site-system .steps article>span { color:#e34b56; }.site-system .steps p { color:#9898a6; }
.site-system :is(.guide-map,.module-panel,.module-visual,.access-note) { background:#17171c !important;border-color:#35353f !important;border-radius:12px; }.site-system .guide-map b { color:#e54d58; }.site-system .module-tabs button { border-color:#35353f;background:#19191f;color:#aaaab8;border-radius:8px; }.site-system .module-tabs button[aria-selected=true] { background:#c60c18;border-color:#e33b46;color:white; }.site-system .module-tabs button[aria-selected=true] small { color:#f7c4c7; }.site-system .module-visual h3 { color:#e2e2e9; }.site-system .module-number { color:#f4f4f517; }.site-system .module-tip { border-color:#b92a35;background:#e5091409; }.site-system .privacy-document { max-width:850px;padding:60px 0; }.site-system .privacy-document h1 { font-size:38px; }.site-system .privacy-document section { border-color:#303037; }
.site-system.page-login .auth-layout { width:min(1040px,calc(100% - 64px));margin:auto;gap:80px;min-height:100dvh;padding:45px 0; }.site-system .auth-intro { background:transparent !important;border:0 !important;box-shadow:none !important; }.site-system .auth-brand { color:#f3f3f6; }.site-system .auth-brand small { color:#858592; }.site-system .auth-intro-copy h1 { font-size:48px;line-height:1.5;color:#ededf3; }.site-system .auth-intro-copy h1 em { color:#e94b56; }.site-system .auth-intro-copy p { color:#9696a6; }.site-system .auth-eyebrow { color:#a6a6b2; }.site-system .auth-path { display:none; }.site-system .auth-guide { color:#b7b7c5;border-color:#303037; }.site-system .login-card { background:#17171c !important;border:1px solid #373740 !important;border-radius:14px !important;padding:34px !important;max-width:none; }.site-system .login-logo { display:none; }.site-system .back-home-link { color:#9c9caa; }.site-system .fg :is(input,select) { background:#101014 !important;border:1px solid #3b3b45 !important;border-radius:7px !important;min-height:47px;padding:11px 13px !important;color:#e5e5ee !important; }.site-system .auth-password-toggle { color:#a5a5b4; }.site-system .login-card .btn-primary { min-height:48px !important; }.site-system .auth-welcome { color:#a5a5b2; }
@media(max-width:900px) { .experience-header,.arrival,.site-system.page-home #app .main,.site-system.public-page main,.site-system.public-page .site-footer { width:calc(100% - 40px) !important; }.experience-header { height:auto;min-height:77px;gap:20px;flex-wrap:wrap;padding:20px 0 15px; }.experience-header>nav { order:3;flex-basis:100%;justify-content:center;gap:26px;border-top:1px solid #2d2d35;padding-top:14px;font-size:11px; }.experience-login,.experience-account { padding:8px 12px;font-size:10px;min-height:38px; }.experience-mark { font-size:23px; }.experience-mark span { font-size:8px; }.arrival-hero { grid-template-columns:minmax(0,1fr);gap:45px;padding:48px 0 60px; }.arrival-copy h1 { font-size:44px; }.arrival-copy>p { font-size:13px; }.arrival-product { padding:25px; }.arrival-product h2 { font-size:30px; }.arrival-points { gap:10px;font-size:9px; }.arrival-tool-grid { grid-template-columns:minmax(0,1fr);gap:14px; }.arrival-tool-grid article { padding:25px; }.arrival-tool-grid p { min-height:0; }.arrival-section-title h2 { font-size:25px; }.arrival-membership { padding:28px;flex-direction:column;align-items:flex-start;gap:25px; }.arrival-membership h2 { font-size:26px; }.arrival-membership>a { width:100%; }.arrival-footer { margin-top:55px; }.site-system .news-layout-grid { grid-template-columns:minmax(0,1fr) !important; }.site-system .news-hero-banner { flex-direction:column;align-items:flex-start !important;padding:28px 0 !important;gap:17px !important; }.site-system .news-page-title { font-size:28px !important; }.site-system .news-col-feed { display:none; }.site-system .news-mobile-sub-tabs { margin-bottom:18px !important;background:#17171c !important;border-color:#35353f !important; }.site-system .news-mobile-tab-btn.active { background:#bb101b !important;color:#fff !important; }.site-system #newsPageList { max-height:560px !important; }.site-system .editorial-hero { grid-template-columns:minmax(0,1fr);gap:35px;padding:42px 0 52px; }.site-system .editorial-hero h1 { font-size:38px; }.site-system .plan { padding:25px; }.site-system .module-panel { padding:23px; }.site-system .privacy-document h1 { font-size:30px; }.site-system.page-login .auth-layout { width:calc(100% - 36px);gap:25px;padding:24px 0 35px; }.site-system .auth-intro-copy h1 { font-size:32px; }.site-system .auth-intro-copy>p,.site-system .auth-guide { display:none; }.site-system .auth-intro { padding:0 !important; }.site-system .login-card { padding:25px !important; }
 /* guest mobile nav visible */
}
@media(max-width:360px) { .experience-header,.arrival,.site-system.page-home #app .main,.site-system.public-page main { width:calc(100% - 30px) !important; }.experience-header>nav { gap:18px;font-size:10px; }.arrival-copy h1 { font-size:37px; }.arrival-actions { gap:9px; }.site-system .arrival-actions>a { padding:11px 17px;font-size:12px; }.experience-mark span { display:none; }.arrival-product { padding:22px; }.arrival-points { gap:8px; }.experience-membership-panel { padding:25px; } }
/* Terminals: a compact control strip, the chart, and one inspector. */
body.site-system:is(.page-pro,.page-special,.page-scalping) { height:100dvh;overflow:hidden !important; }
.site-system :is(.workspace-dialog,.vip-settings) { background:#18181e !important;border:1px solid #3c3c47 !important;box-shadow:0 25px 100px #0008 !important;color:#e9e9ee; }
.site-system :is(.workspace-dialog,.vip-settings)::backdrop { background:#060608cf; }
.site-system :is(.workspace-dialog button,.vip-settings button) { border-radius:7px !important; }
.site-system :is(.workspace-dialog input,.workspace-dialog select,.workspace-copy-fallback,.vip-settings input:not([type=checkbox]):not([type=range]),.vip-settings select) { background:#101014 !important;border-color:#41414c !important;color:#ededf3 !important;border-radius:7px !important; }
.site-system :is(.vip-settings-footer button[type=submit],.workspace-alert-form button[type=submit],.workspace-presets button[aria-pressed=true],.vip-settings-tabs button[aria-selected=true]) { background:#c7101c !important;border-color:#df3540 !important;color:#fff !important; }
.site-system :is(.vip-settings-tabs,.vip-settings-footer,.workspace-presets button,.workspace-dialog button,.vip-profile-buttons button,.vip-settings-close) { background:#23232b !important;border-color:#41414c !important;color:#d8d8e2 !important; }
.site-system .vip-profile-buttons button[aria-pressed=true] { background:#d315211a !important;border-color:#d9424b !important;color:#f1c8cd !important; }
.site-system :is(.vip-settings-heading h2,.vip-setting-intro h3,.workspace-dialog h2,.workspace-dialog h3) { color:#ececf2 !important; }
.site-system :is(.vip-settings-heading p,.vip-setting-intro p,.vip-settings label,.vip-switch small,.vip-settings p,.workspace-dialog p) { color:#a4a4b4 !important; }
.site-system :is(.vip-eyebrow,.workspace-kicker,.workspace-instrument,.workspace-basis) { color:#a5a5b4 !important; }
.site-system .vip-theme-preview { background:#202026 !important;border-color:#41414c !important; }.site-system .vip-theme-preview span { background:#df2331 !important; }.site-system .vip-theme-preview span:nth-child(2) { background:#555562 !important; }.site-system .vip-theme-preview span:nth-child(3) { background:#e4e4eb !important; }.site-system .vip-range-label input { accent-color:#e50914 !important; }.site-system .vip-switch input { accent-color:#e50914 !important; }
.site-system .vip-settings-footer { border-top-color:#3a3a45; }.site-system .vip-risk-preview { background:#1e1e25 !important;border-color:#41414d !important; }.site-system .vip-risk-preview strong { color:#f1f1f6 !important; }
.site-system .workspace-alert-form button[type=submit] { background:#c7101c !important;color:#fff !important; }
.site-system #terminal-inspector { min-height:0;min-width:0;background:#121216;border-inline-start:1px solid #303037; }
.experience-inspector-tabs { display:flex;flex:0 0 auto;border-bottom:1px solid #33333b;background:#19191f;padding:7px;gap:4px; }
.experience-inspector-tabs button { flex:1;min-width:0;min-height:39px;font-size:11px;font-weight:600;color:#9696a7;background:transparent;border:0;border-radius:6px;cursor:pointer; }.experience-inspector-tabs button[aria-selected=true] { color:#efeff4;background:#2b2b34; }
.site-system #terminal-inspector :is(#left-panel,#right-panel) { background:#121216 !important;padding:14px !important;overflow:auto;scrollbar-width:thin;scrollbar-color:#494953 transparent; }
.site-system :is(.page-pro .card,.page-special .card) { margin-bottom:14px; }
.site-system :is(.signal-badge.buy,.signal-badge.sell,.signal-badge.neutral) { box-shadow:none !important;background:#25252d !important;border-color:#42424d !important;font-size:21px !important;padding:14px 10px !important;border-radius:8px !important; }
.site-system .card-title { color:#dbdbe5 !important;font-size:12px !important; }.site-system .card-title svg { filter:none !important;color:#a5a5b4 !important; }.site-system :is(.stat-cell,.stat-grid .stat-cell) { border-color:#33333d !important;background:#202027 !important;border-radius:6px !important; }
.site-system :is(.workspace-summary,.vip-surface) { background:#19191f !important;border-color:#34343f !important;border-radius:10px !important; }.site-system .workspace-summary { padding:20px !important; }.site-system .workspace-summary h2 { font-size:18px; }.site-system .workspace-summary-actions button { background:#26262f;color:#dddde7;border-color:#41414d;border-radius:6px; }
.site-system.vip-studio { --vip-bg:#121216;--vip-panel:#19191f;--vip-surface:#24242c;--vip-line:#34343e;--vip-text:#ededf3;--vip-muted:#9797a9;--vip-gold:#ededf3; }
.site-system .vip-hero { border:1px solid #3b333b;background:linear-gradient(140deg,#292027,#18181e 55%);border-radius:11px;padding:21px;box-shadow:none; }.site-system .vip-hero::before { background:linear-gradient(90deg,transparent,#b8202b,transparent); }.site-system .vip-hero h1 { font-size:24px; }.site-system .vip-edition { color:#bdbdca;border-color:#4d3c48;background:#e5091409; }.site-system #vip-hero-price { color:#f3f3f7; }.site-system .vip-source-chip { border-color:#494952;color:#b4b4c0; }
.site-system .vip-verdict { background:#28252a;border-color:#4e4048; }.site-system .vip-verdict strong,.site-system .vip-verdict-icon { color:#d9c9d1; }.site-system .vip-verdict[data-ready=true] { background:#1b3029;border-color:#396b55; }.site-system .vip-verdict[data-ready=true] strong,.site-system .vip-verdict[data-ready=true] .vip-verdict-icon { color:#85c4a6; }
.site-system #vip-save-snapshot { background:#c7101c !important;color:#fff !important;border-color:#d8323d !important; }.site-system .vip-action-row button { border-radius:6px !important;background:#24242c;border-color:#44444f;color:#d7d7e2; }.site-system .vip-chart-banner,.site-system .vip-chart-note { background:#151519;border-color:#303039; }.site-system .vip-chart-banner { padding:10px 14px; }.site-system .vip-chart-banner h2 { font-size:13px;color:#d2d2df; }.site-system .vip-chart-banner button { border-color:#43434e;background:#202027;color:#ceceda; }
.site-system .vip-risk-main strong,.site-system .vip-surface>summary>b { color:#e3e3ec; }.site-system .vip-risk-card { padding:16px; }.site-system .vip-fine-print { color:#858597; }.site-system .vip-plan-card .level-row { min-height:40px; }.site-system .vip-plan-card .level-val { font-size:12px; }
.experience-terminal-menu { background:#24242b;color:#dddde6;border:1px solid #42424d;border-radius:6px;min-height:36px;padding:7px 12px;font:600 11px var(--sans,sans-serif);cursor:pointer;white-space:nowrap; }
.experience-price-meta { display:flex;align-items:center;gap:10px;min-width:0;line-height:1.5; }.site-system .experience-price-meta .workspace-freshness { font-size:8px;line-height:1.5;max-width:180px; }.site-system .experience-price-meta .workspace-instrument { font-size:8px; }.site-system .experience-price-meta .workspace-freshness::before { width:4px;height:4px; }
.site-system .experience-indicator-tabs { display:flex;align-items:center;gap:4px;padding:5px 12px;border-block:1px solid #303037;flex:0 0 auto;background:#16161b; }.experience-indicator-tabs span { color:#777789;font-size:9px;margin-inline-end:auto; }.experience-indicator-tabs button { font-size:9px;color:#8e8ea1;border:0;background:transparent;border-radius:4px;min-height:27px;padding:4px 10px;cursor:pointer; }.experience-indicator-tabs button[aria-pressed=true] { color:#dddde8;background:#2b2b35; }
.site-system #chart-area[data-indicator=rsi] #macd-bar,.site-system #chart-area[data-indicator=macd] #rsi-bar,.site-system #chart-area[data-indicator=none] :is(#rsi-bar,#macd-bar) { display:none !important; }
.site-system :is(.mobile-bottom-nav,.mobile-nav-inner) { background:#18181e !important;border-color:#36363f !important;box-shadow:none !important;border-radius:10px !important; }.site-system .mobile-bottom-nav a.active { background:#2a2a32 !important;color:#fff !important;box-shadow:none !important;border-color:#4b3941 !important; }.site-system .mobile-bottom-nav a.active span { color:inherit !important;background:transparent !important;box-shadow:none !important; }.site-system .mobile-bottom-nav a.active[data-nav-icon="vip"] { color:#f1d27a !important; }.site-system .mobile-bottom-nav a.active[data-nav-icon="pro"] { color:#74d5c3 !important; }.site-system .mobile-bottom-nav a.active[data-nav-icon="ai"] { color:#d9b6ff !important; }.site-system .mobile-bottom-nav a.active[data-nav-icon="news"] { color:#8ecbff !important; }.site-system .mobile-bottom-nav a.active[data-nav-icon="scalp"] { color:#ffad6a !important; }.site-system .mobile-bottom-nav a { color:#9090a2 !important; }.site-system .fss-more-trigger { color:#a9a9b8 !important; }.site-system .fss-more-panel { background:#1d1d25 !important;border-color:#42424e !important; }
@media(min-width:1025px) {
 .site-system.page-pro #app,.site-system.page-special #app { direction:ltr;display:grid !important;grid-template-columns:minmax(0,1fr) 360px !important;grid-template-rows:auto minmax(0,1fr) !important;gap:0 !important;background:#101014 !important; }
 .site-system.page-pro #app>*,.site-system.page-special #app>* { direction:rtl; }
 .site-system.page-pro #app #topbar.workspace-header,.site-system.page-special #app #topbar.workspace-header { grid-column:1/-1;grid-row:1;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:15px !important;padding:9px 14px !important;height:77px !important;min-height:0 !important;max-height:none !important;background:#16161b !important;border-bottom:1px solid #383840; }
 .site-system #app #topbar.workspace-header .tb-group-main { display:flex !important;flex-direction:column;align-items:flex-start !important;flex-wrap:nowrap !important;gap:3px !important;min-width:170px !important;width:auto !important;order:1;flex:0 0 auto !important; }
 .site-system #app #topbar.workspace-header .tb-price { min-height:31px !important;height:31px !important;padding:0 !important;background:transparent !important;border:0 !important; }.site-system #app #topbar.workspace-header .tb-price .val { font-size:19px !important; }
 .site-system #app #topbar.workspace-header .tb-group-controls { display:flex !important;flex-wrap:nowrap !important;gap:6px !important;width:auto !important;min-width:0 !important;flex:0 0 auto !important;order:2; }
 .site-system #app #topbar.workspace-header :is(#pro-provider-select,#special-provider-select) { width:auto !important;min-width:195px !important;max-width:240px !important;min-height:36px !important;height:36px !important;flex:0 1 auto !important;padding:5px 10px !important;border-radius:6px !important;background:#202026 !important;border-color:#41414c !important;font-size:11px !important; }
 .site-system #app #topbar.workspace-header :is(#refresh-btn,.workspace-tools-button) { min-height:36px !important;height:36px !important;padding:5px 10px !important;border-radius:6px !important;background:#24242c !important;border-color:#41414c !important;font-size:10px !important; }
 .site-system #app #topbar .workspace-timeframes { order:3;min-width:220px;width:min(310px,27vw);margin-inline-start:auto; }.site-system #topbar .workspace-timeframes .tf-pills { background:#202026 !important;border-color:#3c3c46 !important;padding:3px;border-radius:6px; }.site-system #topbar .workspace-timeframes .tf-pill { min-height:30px;font-size:10px !important; }.site-system #topbar .workspace-timeframes .tf-pill.active { background:#c7121d !important;color:#fff !important;border-radius:4px !important; }
 .site-system #app #topbar .experience-terminal-menu { order:4; }
 .site-system.page-pro #chart-area,.site-system.page-special #chart-area { grid-column:1 !important;grid-row:2 !important;min-height:0;height:100% !important;overflow:hidden !important; }
 .site-system #terminal-inspector { display:flex;flex-direction:column;grid-column:2;grid-row:2;overflow:hidden; }
 .site-system #terminal-inspector :is(#left-panel,#right-panel) { height:auto !important;flex:1 1 auto;min-height:0; }
 .site-system #terminal-inspector[data-panel=summary] #right-panel,.site-system #terminal-inspector[data-panel=context] #left-panel { display:none !important; }
 .site-system #terminal-inspector[data-panel=summary] #left-panel,.site-system #terminal-inspector[data-panel=context] #right-panel { display:block !important; }
 .site-system.page-special.vip-focus #app { grid-template-columns:minmax(0,1fr) !important; }.site-system.page-special.vip-focus #terminal-inspector { display:none !important; }
 .site-system.page-scalping #scalpApp {
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 0 !important;
  background: #090e17 !important;
}

#scalpTopbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 16px !important;
  background: rgba(13, 17, 23, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#scalpTopbar .experience-quicknav {
  order: 1 !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
  display: inline-flex !important;
}

#scalpTopbar .scalp-topbar-actions {
  order: 2 !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
 .site-system #signalPanel,.site-system #signalBox { background:#15151a !important;border-color:#33333e !important; }.site-system #signalBox { padding:23px 18px; }.site-system .exp-btn { background:#24242d !important;border-color:#3c3c48 !important;color:#adadbd !important;border-radius:5px !important; }.site-system .exp-btn.active { background:#3e242e !important;border-color:#9e3847 !important;color:#f2d5dd !important; }
}
@media(min-width:1025px) and (max-width:1200px) { .site-system.page-pro #app,.site-system.page-special #app { grid-template-columns:minmax(0,1fr) 302px !important; }.site-system #app #topbar.workspace-header { gap:9px !important; }.site-system #app #topbar .workspace-timeframes { min-width:210px;width:220px; }.site-system #app #topbar.workspace-header .tb-group-main { min-width:145px !important; }.site-system .experience-price-meta .workspace-instrument { display:none; } }
@media(max-width:1024px) {
 .site-system #terminal-inspector { display:contents !important; }.site-system .experience-inspector-tabs { display:none !important; }
 .site-system #app #topbar.workspace-header { background:#16161b !important;padding:9px 12px !important;gap:6px !important;position:relative; }
 .site-system #app #topbar.workspace-header .tb-group-main { display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;width:100% !important;min-width:0 !important;gap:6px !important; }
 .site-system #app #topbar.workspace-header .tb-price { min-height:34px !important;height:34px !important;padding:0 !important;background:transparent !important;border:0 !important; }.site-system #app #topbar.workspace-header .tb-price .val { font-size:19px !important; }
 .site-system .experience-price-meta { flex-direction:column;align-items:flex-end;gap:0;max-width:145px; }.site-system .experience-price-meta .workspace-freshness { font-size:8px;white-space:normal; }.site-system .experience-price-meta .workspace-instrument { font-size:8px; }
 .site-system #app #topbar.workspace-header .tb-group-controls { grid-template-columns:minmax(0,1fr) auto auto !important;padding-inline-end:0; }
 .site-system #app #topbar.workspace-header :is(#pro-provider-select,#special-provider-select,#refresh-btn,.workspace-tools-button) { background:#23232b !important;border-color:#41414d !important;border-radius:6px !important;min-height:40px !important;height:40px !important;font-size:11px !important; }
 .site-system #app #topbar .workspace-timeframes .tf-pills { background:#202026 !important;border-color:#373742 !important;border-radius:6px; }.site-system #app #topbar .workspace-timeframes .tf-pill { min-height:32px;font-size:10px !important; }.site-system #app #topbar .workspace-timeframes .tf-pill.active { color:white !important;background:#c4121e !important;border-radius:4px !important; }
 .site-system #topbar .experience-terminal-menu { display:none; }
 .site-system :is(.pro-mobile-sub-tabs,.vip-mobile-sub-tabs,.scalp-workspace-tabs) { background:#19191f !important;border-color:#373741 !important;border-radius:7px !important;min-height:44px !important; }.site-system :is(.pro-mobile-sub-tabs,.vip-mobile-sub-tabs) .sub-tab-btn.active,.site-system .scalp-workspace-tabs button[aria-selected=true] { background:#303039 !important;color:#fff !important;box-shadow:none !important; }
 .site-system .vip-hero { border-radius:10px;padding:20px; }.site-system .vip-plan-card .level-row { min-height:40px; }.site-system .workspace-summary { border-radius:10px !important; }
 .site-system #scalpApp #scalpTopbar { background:#16161b !important; }.site-system #scalpTopbar :is(.scalp-mobile-symbol,#currentPriceTopbar,#scalpProvider,#scalpRefresh) { background:#23232b !important;color:#e9e9f1 !important;border-color:#41414d !important;border-radius:6px !important; }.site-system #scalpSource { font-size:9px; }.site-system #scalpTopbar .experience-terminal-menu { display:none; }.site-system #scalpTopbar .tf-btn { background:#24242d;border-color:#41414d;color:#a9a9bc; }.site-system #scalpTopbar .tf-btn.active { background:#b9141f;color:#fff;border-color:#db3540; }
}
@media(prefers-reduced-motion:reduce) { .site-system * { animation:none !important;transition:none !important;scroll-behavior:auto !important; } }

/* Final shared typography and market surfaces. */
body.site-system.page-home .news-page-title { color:#f4f4f5 !important;background:none !important;-webkit-text-fill-color:#f4f4f5 !important; }
body.site-system.page-home #newsRefreshBtn { background:#24242c !important;color:#eeeef4 !important;border-color:#41414c !important; }
body.site-system.page-home #newsStatsRow .news-stat-card { background:#19191f !important;border-color:#36363f !important; }
body.site-system.page-home :is(.news-event-card,.event-card,.calendar-event,.news-item,.news-page-card) { background:#19191f !important;border-color:#36363f !important; }
body.site-system.page-scalping { --mono:'IBM Plex Sans Arabic',Cairo,system-ui,sans-serif; }
body.site-system.page-scalping #signalPanel { font-size:13px; }
body.site-system.page-scalping #signalPanel :is(.signal-label,.indicator-label,.section-label,.signal-reason) { font-size:12px !important;letter-spacing:0 !important; }
body.site-system.page-scalping #signalPanel [style*="font-size:10px"],body.site-system.page-scalping #signalPanel [style*="font-size:11px"] { font-size:12px !important;letter-spacing:0 !important; }
body.site-system.page-home #newsPageList .news-row { background:#19191f !important;border-color:#36363f !important;border-radius:8px !important; }
/* Navigation / clear destinations and balanced terminal header. */
.experience-quicknav { display:flex;align-items:center;gap:6px;min-width:0;direction:rtl; }
.experience-quicknav a,.experience-quickmore { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 17px;border:1px solid transparent;border-radius:7px;color:#aaaab9;background:transparent;text-decoration:none;font:500 12px var(--sans);white-space:nowrap;cursor:pointer; }
.experience-quicknav a:hover,.experience-quickmore:hover { color:#f4f4f5;background:#25252e; }
.experience-quicknav a[aria-current=page] { color:#fff;border-color:#6a3039;background:linear-gradient(110deg,#3d2028,#262029); }
.experience-quicknav a[aria-current=page] svg { color:#ff5a65; }
.experience-quickmore { margin-inline-start:auto;border-color:#383842;background:#202027; }
.experience-terminal-menu { display:inline-flex;align-items:center;gap:8px; }
.experience-destination-panel { width:350px;max-width:calc(100vw - 24px);padding:14px;background:linear-gradient(145deg,#232128,#16161c 55%);border-color:#49414b;box-shadow:0 24px 80px #0009; }
.experience-menu-heading { padding:10px 10px 17px;border-bottom:1px solid #39353f;margin-bottom:10px; }
.experience-menu-heading>span { display:block;direction:ltr;text-align:right;font:800 17px Arial,sans-serif;letter-spacing:.5px;color:#f4f4f5; }
.experience-menu-heading>span::after { content:'';display:inline-block;width:3px;height:16px;background:#e50914;transform:skew(-12deg);margin-left:9px;vertical-align:middle; }
.experience-menu-heading b { color:#8f8f9c;font-size:9px;letter-spacing:1.5px;font-weight:400; }
.experience-menu-heading strong { display:block;margin-top:15px;font:600 18px var(--sans);color:#f2f2f5; }
.experience-menu-heading p { margin:5px 0 0;color:#9999aa;font:400 12px var(--sans); }
body.site-system .experience-destination-panel .topbar-nav-links { display:flex !important;gap:5px !important; }
body.site-system .experience-destination-panel .topbar-nav-links>a.nav-link-btn { display:flex !important;align-items:center;gap:13px;min-height:67px;padding:11px 12px !important;border:1px solid transparent !important;border-radius:8px !important;background:transparent !important; }
body.site-system .experience-destination-panel .nav-link-btn>svg { flex:0 0 36px;width:36px;height:36px;padding:8px;color:#b5b5c5;border:1px solid #3a3a46;border-radius:8px;background:#25252d; }
body.site-system .experience-destination-panel .nav-link-btn>span { flex:1;text-align:right; }
.experience-destination-panel .nav-link-btn strong { display:block;color:#e9e9f0;font-size:13px;font-weight:600;line-height:1.5; }
.experience-destination-panel .nav-link-btn small { display:block;font:400 10px/1.9 var(--sans);color:#9494a8;margin-top:3px; }
.experience-destination-panel .nav-link-btn i { font:16px Arial;color:#77778b; }
body.site-system .experience-destination-panel a.nav-link-btn.active { border-color:#71333e !important;background:linear-gradient(105deg,#3a2029,#26212b) !important; }
body.site-system .experience-destination-panel a.nav-link-btn.active>svg { color:#ff6973;background:#e5091410;border-color:#70343e; }
body.site-system .experience-destination-panel .nav-link-btn:hover { background:#2b2934 !important; }
.experience-menu-resources { padding:14px 6px 5px;margin-top:8px;border-top:1px solid #39353f; }
.experience-menu-resources>span { font:500 10px var(--sans);color:#77778d; }
.experience-menu-resources>div { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px; }
.experience-menu-resources a { display:block;color:#b2b2c3;font:400 11px var(--sans);text-decoration:none;padding:8px;border-radius:5px; }
.experience-menu-resources a:hover { background:#2b2934;color:#fff; }
body.site-system .experience-destination-panel .topbar-nav-links>button { order:5;margin-top:9px !important;min-height:42px !important;border-top:1px solid #4b3139 !important;background:#e509140b !important;font-size:11px !important; }
body.site-system :is(#left-panel,#right-panel) .card { background:#19191f !important;border-color:#35353f !important; }
@media(min-width:1025px) {
  body.site-system #app #topbar.workspace-header,body.site-system #scalpApp #scalpTopbar { display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;height:56px !important;min-height:56px !important;max-height:56px !important;padding:0 16px !important;gap:12px !important;flex-wrap:nowrap !important; }
  body.site-system #app #topbar.workspace-header .tb-group-main { flex:0 0 auto !important;order:1 !important;min-width:0 !important; }
  body.site-system #app #topbar.workspace-header .tb-group-controls { flex:0 0 auto !important;order:2 !important; }
  body.site-system #app #topbar.workspace-header .workspace-timeframes { display:none !important; }
  body.site-system :is(#topbar,#scalpTopbar) .experience-quicknav { display:inline-flex !important;align-items:center !important;order:3 !important;width:auto !important;margin-inline-start:auto !important;border-top:0 !important;padding-top:0 !important;gap:4px !important; }
  body.site-system #app #topbar .experience-terminal-menu { flex:0 0 auto !important;order:4 !important; }
 body.site-system #app #topbar.workspace-header .tb-price .val { font-size:24px !important; }
 body.site-system .experience-price-meta .workspace-freshness { font-size:10px;max-width:220px; }
 body.site-system .experience-price-meta .workspace-instrument { font-size:10px; }
 body.site-system #app #topbar.workspace-header :is(#refresh-btn,.workspace-tools-button,#pro-provider-select,#special-provider-select) { height:40px !important;min-height:40px !important;font-size:12px !important; }
 /* Clean flex layout for scalpTopbar */
body.site-system #scalpApp #scalpTopbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 16px !important;
  height: 52px !important;
}
 body.site-system #scalpSource { font-size:10px; }
 body.site-system #scalpProvider,body.site-system #scalpRefresh { font-size:12px; }
}
@media(max-width:1024px) {
 body.site-system :is(#topbar,#scalpTopbar) .experience-quicknav,
 .experience-quicknav,
 .experience-quickmore,
 body.site-system :is(#topbar,#scalpTopbar) .experience-quickmore {
   display: none !important;
 }
 body.site-system :is(#topbar,#scalpTopbar) .experience-quicknav a {
   display: none !important;
 }
}
@media(max-width:360px) { .experience-quicknav, .experience-quickmore { display: none !important; } }
@media(min-width:1025px) {
 body.site-system :is(#topbar,#scalpTopbar) .experience-quicknav a { display:inline-flex !important; }
}
@media(min-width:1025px) {
  body.site-system:is(.page-pro,.page-special) #app #topbar.workspace-header { display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;height:56px !important;min-height:56px !important;max-height:56px !important;padding:0 16px !important;gap:12px !important;flex-wrap:nowrap !important; }
  body.site-system:is(.page-pro,.page-special) #app #topbar.workspace-header .experience-quicknav { display:inline-flex !important;align-items:center !important;order:3 !important;width:auto !important;margin-inline-start:auto !important;border-top:0 !important;padding-top:0 !important;gap:4px !important; }
}
@media(max-width:360px) { body.site-system .experience-quicknav a,body.site-system .experience-quickmore { font-size:9px;gap:2px;padding:5px 2px; } }
@media(min-width:1025px) {
 body.site-system .experience-price-meta { flex-direction:column;align-items:flex-start;gap:0; }
 body.site-system .experience-price-meta .workspace-freshness { max-width:none;white-space:nowrap; }
 body.site-system .experience-price-meta .workspace-instrument { display:none; }
 body.site-system #app #topbar.workspace-header .tb-price { max-width:240px;overflow:hidden;white-space:nowrap; }
 body.site-system .experience-quickmore { display:none; }
}
body.site-system .experience-destination-panel .nav-link-btn small { font-size:12px; }
body.site-system :is(#left-panel,#right-panel) .card-title { font-size:14px !important; }

body.site-system .auth-brand img.auth-brand-wordmark { width:195px !important;height:40px !important;object-fit:contain;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:none !important; }

/* ══════════════════════════════════════════════════════════════════════════
   FSS MARKETS — LUXURY UPGRADE: ENLARGED TYPOGRAPHY, IMAGE 2 WORKSPACE MENU,
   BILINGUAL (AR/EN) ENGINE, LOGIN GATE & INTERACTIVE GUIDE VIDEO PLAYER
   ══════════════════════════════════════════════════════════════════════════ */

/* 1. Enlarged Crisp Typography Across All Pages */
body.site-system { font-size: 15.5px !important; line-height: 1.85; }
.experience-header > nav { font-size: 14.5px !important; font-weight: 600; gap: 32px; }
.experience-login, .experience-account, .experience-terminal-menu { font-size: 13.5px !important; font-weight: 700 !important; min-height: 42px; padding: 9px 16px !important; }
.experience-account { display: none !important; }
body.site-system.logged-in .experience-account { display: inline-flex !important; align-items: center; gap: 8px; }
body.site-system.logged-in .experience-login { display: none !important; }
.experience-eyebrow, .site-system .eyebrow, .site-system .auth-eyebrow { font-size: 12px !important; letter-spacing: 1.3px; }
.arrival-copy > p { font-size: 17px !important; line-height: 1.95; color: #b8b8c7; max-width: 570px; }
.arrival-points { font-size: 13px !important; color: #a8a8b8; gap: 20px; }
.arrival-product-row h3 { font-size: 16px !important; }
.arrival-product-row p { font-size: 13.5px !important; color: #a5a5b5; }
.arrival-tool-grid h3 { font-size: 22px !important; }
.arrival-tool-grid p { font-size: 14px !important; color: #a8a8b8; }
.arrival-tool-grid a { font-size: 13.5px !important; font-weight: 600; }
.arrival-membership p { font-size: 14.5px !important; }
.site-system.page-home .news-page-subtitle { font-size: 14.5px !important; color: #a8a8b8 !important; }
.site-system .news-filter-btn { font-size: 13px !important; font-weight: 600; padding: 8px 14px !important; }
.site-system .experience-context > summary { font-size: 14px !important; font-weight: 600; }
.experience-inspector-tabs button { font-size: 13px !important; min-height: 42px; }
.experience-indicator-tabs span, .experience-indicator-tabs button { font-size: 11.5px !important; font-weight: 600; }
.site-system .experience-price-meta .workspace-freshness,
.site-system .experience-price-meta .workspace-instrument { font-size: 11px !important; }
.experience-quicknav a, .experience-quickmore { font-size: 13.5px !important; font-weight: 600 !important; }
.site-system .feat-item { font-size: 14px !important; }
.site-system .module-copy p, .site-system .module-copy li { font-size: 15px !important; line-height: 1.9; }
.site-system .module-tip { font-size: 13.5px !important; }
.site-system .fg label { font-size: 13.5px !important; font-weight: 600 !important; }
.site-system .fg :is(input, select) { font-size: 14.5px !important; }

/* 2. Unified Luxury Workspace Menu (Image 2 Design Everywhere) */
.experience-destination-panel {
  width: 365px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 16px !important;
  background: linear-gradient(150deg, #24212a 0%, #15151b 60%, #101015 100%) !important;
  border: 1px solid #524554 !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.82), 0 0 0 1px rgba(229, 9, 20, 0.12) !important;
}
.experience-menu-toprow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.experience-menu-heading > .experience-menu-toprow > span {
  display: inline-flex;
  align-items: center;
  direction: ltr;
  font: 800 18px Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #f4f4f5;
}
.experience-menu-heading > .experience-menu-toprow > span::after {
  content: '';
  display: inline-block;
  width: 3.5px;
  height: 17px;
  background: #e50914;
  transform: skew(-12deg);
  margin-left: 9px;
}
.experience-menu-heading strong {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 14px !important;
}
.experience-menu-heading p {
  font-size: 13px !important;
  color: #a5a5b8 !important;
}
body.site-system .experience-destination-panel :is(.topbar-nav-links, .nav) {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.015) !important;
  color: #ededf4 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn):hover {
  background: linear-gradient(110deg, rgba(229, 9, 20, 0.14), rgba(43, 41, 52, 0.85)) !important;
  border-color: rgba(229, 9, 20, 0.38) !important;
  transform: translateX(-2px);
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn).active {
  border-color: #7c3541 !important;
  background: linear-gradient(105deg, #3d2029, #26212c) !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) > svg {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  padding: 8px !important;
  color: #d0d0df !important;
  border: 1px solid #41414f !important;
  border-radius: 9px !important;
  background: #25252f !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn).active > svg,
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn):hover > svg {
  color: #ff6b75 !important;
  background: rgba(229, 9, 20, 0.14) !important;
  border-color: #823845 !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) > span {
  flex: 1 !important;
  text-align: right !important;
  margin: 0 !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) strong {
  display: block !important;
  color: #f4f4f8 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) small {
  display: block !important;
  font-size: 12px !important;
  color: #9e9eb2 !important;
  margin-top: 3px !important;
  line-height: 1.5 !important;
}
body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) > i {
  font: 16px Arial, sans-serif !important;
  color: #8a8a9e !important;
}
.experience-menu-resources > span {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8e8ea2 !important;
}
.experience-menu-resources a {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #c5c5d4 !important;
}
body.site-system .experience-destination-panel :is(#topbarLogoutBtn, .experience-logout-btn, #scalpLogoutBtn, #logout-btn) {
  order: 20 !important;
  width: 100% !important;
  margin-top: 10px !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(229, 9, 20, 0.35) !important;
  border-radius: 9px !important;
  background: rgba(229, 9, 20, 0.12) !important;
  color: #ff7b84 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-align: right !important;
  cursor: pointer !important;
}
body.site-system .experience-destination-panel :is(#topbarLogoutBtn, .experience-logout-btn):hover {
  background: rgba(229, 9, 20, 0.22) !important;
  color: #fff !important;
}

/* 3. Bilingual Switcher & Login Language Selection Gate */
.fss-lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border-radius: 8px;
  background: #1a1a22;
  border: 1px solid #3c3c48;
  direction: ltr;
}
.fss-lang-switcher button {
  border: 0;
  background: transparent;
  color: #a2a2b4;
  font: 600 12px var(--sans);
  padding: 5px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.fss-lang-switcher button:hover {
  color: #fff;
}
.fss-lang-switcher button.active {
  background: #e50914;
  color: #fff !important;
}

.fss-login-lang-gate {
  margin: 0 0 22px;
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(229, 9, 20, 0.12), rgba(24, 24, 32, 0.95));
  border: 1px solid rgba(229, 9, 20, 0.45);
  transition: all 0.25s ease;
}
.fss-login-lang-gate.confirmed {
  background: rgba(22, 34, 29, 0.75);
  border-color: rgba(16, 185, 129, 0.4);
  padding: 13px 15px;
}
.fss-lang-gate-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 13px;
}
.fss-lang-gate-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  background: #e50914;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}
.fss-login-lang-gate.confirmed .fss-lang-gate-badge {
  background: #10b981;
}
.fss-lang-gate-header strong {
  display: block;
  color: #f4f4f8;
  font-size: 14.5px;
  line-height: 1.4;
}
.fss-lang-gate-header small {
  display: block;
  color: #a8a8ba;
  font-size: 12px;
  margin-top: 3px;
}
.fss-lang-gate-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.fss-lang-choice-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid #41414f;
  background: #16161d;
  color: #ededf4;
  cursor: pointer;
  text-align: start;
  transition: all 0.2s;
}
.fss-lang-choice-btn:hover {
  border-color: #e50914;
  background: #231b21;
}
.fss-lang-choice-btn.selected {
  border-color: #10b981;
  background: rgba(16, 185, 129, 0.14);
}
.fss-lang-choice-btn .flag {
  font-size: 22px;
}
.fss-lang-choice-btn span {
  flex: 1;
}
.fss-lang-choice-btn b {
  display: block;
  font-size: 14px;
  color: #fff;
}
.fss-lang-choice-btn small {
  display: block;
  font-size: 11px;
  color: #9e9eb0;
}
.fss-lang-choice-btn i {
  font-style: normal;
  font-weight: 800;
  color: #10b981;
}
.fss-lang-locked {
  opacity: 0.55;
  filter: grayscale(0.25);
  transition: opacity 0.25s;
}
@keyframes fssShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-7px); }
  40%, 80% { transform: translateX(7px); }
}
.fss-login-lang-gate.shake-attention {
  animation: fssShake 0.45s ease;
  border-color: #ff4d58 !important;
  box-shadow: 0 0 25px rgba(229, 9, 20, 0.45) !important;
}

/* 4. Interactive Guide Video Walkthrough & Expert Playbook */
.fss-video-tour-section {
  margin: 10px 0 70px;
  padding: 36px;
  border-radius: 16px;
  border: 1px solid #3d343f;
  background: linear-gradient(145deg, #1d1920 0%, #131318 65%);
}
.fss-cinema-frame {
  margin-top: 24px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #454552;
  background: #090b10;
}
.fss-cinema-viewport {
  position: relative;
  width: 100%;
  aspect-ratio: 1120 / 540;
  background: #090b10;
  overflow: hidden;
}
.fss-cinema-viewport canvas {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.fss-cinema-hud-top {
  position: absolute;
  top: 14px;
  inset-inline: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}
.fss-cinema-rec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 20px;
  background: rgba(15, 17, 24, 0.85);
  border: 1px solid rgba(229, 9, 20, 0.45);
  color: #f8fafc;
  font: 700 11px monospace;
}
.fss-cinema-rec .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e50914;
}
.fss-cinema-chapter-pill {
  padding: 5px 14px;
  border-radius: 20px;
  background: rgba(15, 17, 24, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #f1f5f9;
  font-size: 12.5px;
  font-weight: 700;
}
.fss-cinema-caption-box {
  position: absolute;
  bottom: 14px;
  inset-inline: 20px;
  padding: 12px 18px;
  border-radius: 10px;
  background: rgba(9, 11, 16, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
  pointer-events: none;
}
.fss-cinema-caption-box p {
  margin: 0;
  color: #f8fafc !important;
  font-size: 14.5px !important;
  font-weight: 600;
}
.fss-cinema-big-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 18px 30px;
  border-radius: 16px;
  border: 1px solid rgba(229, 9, 20, 0.6);
  background: rgba(18, 18, 24, 0.92);
  color: #fff;
  cursor: pointer;
}
.fss-cinema-big-play span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #e50914;
  font-size: 22px;
}
.fss-cinema-big-play small {
  font-size: 13.5px;
  font-weight: 700;
  color: #f1f5f9;
}
.fss-cinema-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #14151c;
  border-top: 1px solid #2e2f3a;
}
.fss-ctrl-btn {
  padding: 7px 14px;
  border-radius: 7px;
  border: 1px solid #3d3e4b;
  background: #20212a;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.fss-ctrl-btn.primary, .fss-ctrl-btn.active {
  background: #e50914;
  border-color: #ff4752;
  color: #fff;
}
.fss-cinema-scrubber {
  flex: 1;
  height: 8px;
  border-radius: 99px;
  background: #272833;
  overflow: hidden;
  cursor: pointer;
}
.fss-cinema-progress {
  height: 100%;
  background: linear-gradient(90deg, #e50914, #ff6b6b);
}
.fss-cinema-time {
  font: 600 12px monospace;
  color: #94a3b8;
  direction: ltr;
}
.fss-cinema-chapters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 10px 14px 14px;
  background: #14151c;
  border-top: 1px solid #252630;
}
.fss-cinema-chapters button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: 8px;
  border: 1px solid #30313d;
  background: #1b1c24;
  color: #a8a8ba;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  text-align: start;
}
.fss-cinema-chapters button b {
  color: #e50914;
  font-family: monospace;
}
.fss-cinema-chapters button.active {
  background: #2b1d24;
  border-color: #9e2a35;
  color: #fff;
}

.fss-expert-playbook {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid #343440;
}
.fss-playbook-head h3 {
  font-size: 24px;
  color: #f4f4f8;
  margin: 8px 0 22px;
}
.fss-playbook-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.fss-playbook-grid article {
  padding: 20px;
  border-radius: 12px;
  background: #181820;
  border: 1px solid #343442;
}
.fss-playbook-grid .step-num {
  display: block;
  font: 700 11px monospace;
  color: #ff5c66;
  margin-bottom: 8px;
}
.fss-playbook-grid h4 {
  font-size: 16px;
  color: #fff;
  margin: 0 0 8px;
}
.fss-playbook-grid p {
  font-size: 13.5px;
  color: #a6a6b8;
  margin: 0;
  line-height: 1.75;
}

/* 5. Pre-Login Arrival Live Ticker & Proof Strip */
.arrival-live-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
  padding: 13px 20px;
  border-radius: 12px;
  background: linear-gradient(90deg, #191820, #1f191e, #191820);
  border: 1px solid #3b333d;
}
.arrival-live-item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: #d4d4e0;
}
.arrival-live-item b {
  color: #fff;
  font-family: monospace;
  font-size: 14px;
}
.arrival-live-item .up {
  color: #00e676;
  font-weight: 700;
}
.arrival-trial-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 99px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: #34d399;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
}
.arrival-proof-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 56px;
}
.arrival-proof-card {
  padding: 22px 20px;
  border-radius: 12px;
  background: #17171d;
  border: 1px solid #32323d;
}
.arrival-proof-card strong {
  display: block;
  font-size: 28px;
  font-weight: 800;
  color: #f4f4f8;
}
.arrival-proof-card span {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: #a2a2b4;
}

@media (max-width: 960px) {
  .fss-cinema-chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fss-playbook-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arrival-proof-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .fss-lang-gate-buttons, .fss-playbook-grid, .arrival-proof-stats { grid-template-columns: 1fr; }
  .fss-video-tour-section { padding: 20px; }
}


/* 6. Unified Site Footer Across All Pages & Clean LTR / English Layout Alignment */
.site-footer {
  width: min(1280px, calc(100% - 64px));
  margin: 56px auto 0;
  padding: 36px 0 32px;
  border-top: 1px solid #303037;
  text-align: center;
}
.site-system.public-page .site-footer {
  width: min(1160px, calc(100% - 64px));
}
.site-footer > .brand {
  display: inline-block;
  margin-top: 16px;
  color: #f4f4f5 !important;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0.3px;
}
.site-footer > p {
  color: #9d9dae;
  margin: 8px 0 18px;
  font-size: 13px !important;
}
.site-footer > nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 22px;
  font-size: 13px !important;
}
.site-footer > nav a {
  color: #c4c4d4;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}
.site-footer > nav a:hover {
  color: #fff;
}
.site-footer > small {
  display: block;
  color: #777788;
  font-size: 11.5px !important;
}
.arrival-product-top, .arrival-product-bottom {
  gap: 14px;
}
html[lang="en"] body.site-system:not(.page-pro):not(.page-special):not(.page-scalping) {
  direction: ltr;
  text-align: left;
}
html[lang="en"] .fss-footer-links {
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] body.site-system .experience-destination-panel :is(a.luxury-menu-item, button.luxury-menu-item, a.nav-link-btn) > span {
  text-align: left !important;
}
html[lang="en"] body.site-system .experience-destination-panel :is(#topbarLogoutBtn, .experience-logout-btn, #scalpLogoutBtn, #logout-btn) {
  text-align: left !important;
}
html[lang="en"] .experience-menu-heading > span {
  text-align: left !important;
}
html[lang="en"] body.site-system :is(#terminal-inspector, #left-panel, #right-panel) {
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] body.site-system .sessions-timezone-wrap {
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] body.site-system .sessions-timezone-wrap label {
  text-align: left !important;
  direction: ltr !important;
}
html[lang="en"] body.site-system .session-tz-select {
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] body.site-system .session-header,
html[lang="en"] body.site-system .session-meta {
  direction: ltr !important;
}


/* AI Chat clean LTR styling in English mode */
html[lang="en"] #tab-ai {
  direction: ltr !important;
}
html[lang="en"] #tab-ai :is(.ai-chat-messages, .ai-msg-bubble, .ai-msg-system, .ai-chat-input-panel, #aiChatInput, .ai-chat-suggestions) {
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] #tab-ai .ai-msg-bubble.user {
  text-align: right !important;
}
html[lang="en"] #tab-ai .ai-msg-bubble.assistant {
  text-align: left !important;
}

/* Terminal workspaces menu only visible when logged in */
body.site-system:not(.logged-in) .experience-terminal-menu {
  display: none !important;
}

/* LTR layout fixes for PRO & VIP terminal inspectors in English mode */
html[lang="en"] body.site-system :is(#terminal-inspector, #left-panel, #right-panel, .cb-row, .signal-card, .market-stat-card, .card) {
  direction: ltr !important;
}
html[lang="en"] body.site-system .cb-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  direction: ltr !important;
  text-align: left !important;
}
html[lang="en"] body.site-system .cb-label {
  text-align: left !important;
  order: 1 !important;
}
html[lang="en"] body.site-system .cb-bar-bg {
  order: 2 !important;
}
html[lang="en"] body.site-system .cb-score {
  text-align: right !important;
  order: 3 !important;
}
html[lang="en"] body.site-system .signal-badge {
  direction: ltr !important;
  text-align: center !important;
}

/* Hide language switcher after login & on all terminal pages (user changes language before login only) */
.arrival-live-strip,
body.site-system.logged-in .fss-lang-switcher,
body.page-pro .fss-lang-switcher,
body.page-special .fss-lang-switcher,
body.page-scalping .fss-lang-switcher {
  display: none !important;
}
.fss-lang-switcher button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.fss-flag-svg {
  width: 18px;
  height: 13px;
  border-radius: 2.5px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.fss-lang-choice-btn .flag .fss-flag-svg {
  width: 34px;
  height: 24px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* ===================================================
   ULTRA-LUXURY DESTINATION MENU & POPOVER REDESIGN
   =================================================== */
.experience-destination-panel {
  width: 380px !important;
  max-width: calc(100vw - 28px) !important;
  padding: 18px !important;
  background: linear-gradient(165deg, #1e1c26 0%, #131218 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.8), 0 0 1px 1px rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  overflow-y: auto !important;
  max-height: 85vh !important;
  box-sizing: border-box !important;
}

.experience-menu-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

.experience-menu-workspaces-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

/* Individual Luxury Card */
.luxury-menu-card,
.experience-destination-panel .luxury-menu-item,
.experience-destination-panel a.nav-link-btn,
.experience-destination-panel button.nav-link-btn {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 60px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #191821 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 11px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  color: #ededf2 !important;
}

.luxury-menu-card:hover,
.experience-destination-panel .luxury-menu-item:hover,
.experience-destination-panel a.nav-link-btn:hover,
.experience-destination-panel button.nav-link-btn:hover {
  background: linear-gradient(110deg, rgba(229, 9, 20, 0.14), #252331) !important;
  border-color: rgba(229, 9, 20, 0.45) !important;
  transform: translateY(-1px) !important;
}

.luxury-menu-card.active,
.experience-destination-panel .luxury-menu-item.active,
.experience-destination-panel a.nav-link-btn.active {
  background: linear-gradient(105deg, rgba(229, 9, 20, 0.22), #2a222f) !important;
  border-color: #8c323f !important;
}

/* Icon Box */
.luxury-menu-card .lmc-icon,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) > svg {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #252431 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9px !important;
  color: #ff525d !important;
  box-sizing: border-box !important;
  padding: 8px !important;
}

.luxury-menu-card.active .lmc-icon,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn).active > svg {
  background: rgba(229, 9, 20, 0.25) !important;
  border-color: #ff525d !important;
  color: #ffffff !important;
}

.luxury-menu-card .lmc-icon svg {
  width: 20px !important;
  height: 20px !important;
}

/* Content Container: MUST BE COLUMN FLEX */
.luxury-menu-card .lmc-content,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 3px !important;
  text-align: left !important;
}

html[lang="ar"] .luxury-menu-card .lmc-content,
html[lang="ar"] .experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) > span {
  align-items: flex-start !important;
  text-align: right !important;
}

html[lang="en"] .luxury-menu-card .lmc-content,
html[lang="en"] .experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) > span {
  align-items: flex-start !important;
  text-align: left !important;
}

/* Title */
.luxury-menu-card .lmc-title,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) strong {
  display: block !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #f5f5f7 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px !important;
  margin: 0 !important;
}

/* Subtitle */
.luxury-menu-card .lmc-sub,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) small {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #9898ac !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  margin: 0 !important;
}

/* End arrow */
.luxury-menu-card .lmc-arrow,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn) > i {
  flex: 0 0 auto !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #656578 !important;
  margin-inline-start: auto !important;
  transition: transform 0.2s, color 0.2s !important;
}

.luxury-menu-card:hover .lmc-arrow,
.experience-destination-panel :is(.luxury-menu-item, a.nav-link-btn):hover > i {
  color: #ff525d !important;
  transform: translate(2px, -2px) !important;
}

/* Platform Resources Section */
.experience-menu-resources {
  margin-top: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  width: 100% !important;
}

.experience-menu-resources > span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #7d7d92 !important;
  margin-bottom: 10px !important;
}

.experience-menu-resources > div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
}

.experience-menu-resources a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  color: #b0b0c2 !important;
  text-decoration: none !important;
  padding: 8px 10px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
}

.experience-menu-resources a:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Logout Button */
.experience-logout-btn {
  margin-top: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.25) !important;
  border-radius: 8px !important;
  color: #fca5a5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.experience-logout-btn:hover {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
}

/* ── AUTH CARD SEGMENTED LANGUAGE SELECTOR ── */
.fss-auth-lang-selector {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 4px !important;
  margin-bottom: 18px !important;
  box-sizing: border-box !important;
}

.fss-auth-lang-btn {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  background: transparent !important;
  color: #94a3b8 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  user-select: none !important;
  outline: none !important;
}

.fss-auth-lang-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

.fss-auth-lang-btn.active {
  background: rgba(212, 163, 62, 0.14) !important;
  color: #f5d070 !important;
  border-color: rgba(212, 163, 62, 0.35) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.fss-auth-lang-btn svg {
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Provider Select Width & Full Text Visibility */
body.site-system #app #topbar.workspace-header :is(#pro-provider-select, #special-provider-select),
#special-provider-select,
#pro-provider-select {
  width: auto !important;
  min-width: 195px !important;
  max-width: 250px !important;
  padding-inline: 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}

/* Center Timeframe Pills in Chart Banner */
.vip-chart-banner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
}

.vip-chart-banner > div:first-child {
  flex: 1 1 0 !important;
}

.vip-chart-center-timeframes {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
}

.vip-chart-banner > div:last-child {
  flex: 1 1 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

.vip-chart-center-timeframes .tf-pills {
  display: inline-flex !important;
  background: rgba(18, 24, 34, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 3px !important;
  gap: 4px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.vip-chart-center-timeframes .tf-pill {
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  border: 0 !important;
  background: transparent !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.vip-chart-center-timeframes .tf-pill:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.vip-chart-center-timeframes .tf-pill.active {
  background: #c7121d !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(199, 18, 29, 0.45) !important;
}

/* Single-Row Topbar with Quicknav on the Left/Top in Row 1 */
@media (min-width: 1025px) {
  body.site-system #app #topbar.workspace-header,
  body.site-system:is(.page-pro, .page-special) #app #topbar.workspace-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 16px !important;
  }
  body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav {
    display: inline-flex !important;
    align-items: center !important;
    order: 3 !important;
    width: auto !important;
    margin-inline-start: auto !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    gap: 4px !important;
  }
  body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    gap: 5px !important;
    border-radius: 6px !important;
  }
  body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a svg {
    width: 14px !important;
    height: 14px !important;
  }
}







/* ══════════════════════════════════════════════════════════════════════
   UNIFIED TERMINAL TOPBAR & CENTERED TIMEFRAMES ARCHITECTURE
   ══════════════════════════════════════════════════════════════════════ */
body.site-system #app #topbar,
body.site-system #scalpApp #scalpTopbar,
body.site-system:is(.page-pro, .page-special) #app #topbar,
#topbar, #scalpTopbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: rgba(13, 17, 23, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  z-index: 100 !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
}

/* ── Top Left: Experience Quick Navigation ── */
body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav,
.experience-quicknav {
  display: inline-flex !important;
  align-items: center !important;
  order: 1 !important;
  margin: 0 !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
  gap: 5px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  height: 36px !important;
}

body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a,
body.site-system :is(#topbar, #scalpTopbar) .experience-quickmore {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 11px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a:hover,
body.site-system :is(#topbar, #scalpTopbar) .experience-quickmore:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a[aria-current="page"],
body.site-system :is(#topbar, #scalpTopbar) .experience-quicknav a.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(185, 28, 28, 0.35)) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.25) !important;
}

/* ── Top Right Controls Cluster ── */
body.site-system #app #topbar .tb-group-controls,
body.site-system #scalpApp #scalpTopbar .scalp-topbar-actions,
.tb-group-controls {
  display: flex !important;
  align-items: center !important;
  order: 2 !important;
  margin: 0 !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Clean up provider dropdown styling across pages */
:is(#special-provider-select, #pro-provider-select, #scalpProvider, #set-provider) {
  min-width: 175px !important;
  height: 32px !important;
  padding: 4px 10px !important;
  background: rgba(18, 24, 38, 0.85) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  outline: none !important;
  white-space: nowrap !important;
}

:is(#refresh-btn, #scalpRefresh, .refresh-btn) {
  height: 32px !important;
  padding: 4px 10px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
}

:is(#refresh-btn, #scalpRefresh, .refresh-btn):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

/* Hide clutter inside topbar */
body.site-system #app #topbar .tb-group-main {
  display: flex !important;
  align-items: center !important;
  order: 3 !important;
  margin: 0 !important;
  gap: 8px !important;
}

body.site-system #app #topbar .logo,
body.site-system #app #topbar .logo-pro,
body.site-system #app #topbar .topbar-nav-links,
body.site-system #app #topbar .workspace-timeframes,
body.site-system #app #topbar .experience-terminal-menu {
  display: none !important;
}

/* Hide redundant badges that cause wrapping */
body.site-system #app #topbar .tb-badge {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════
   FLOATING CENTERED TIMEFRAMES ON CHART (VIP & PRO & SCALPING)
   ══════════════════════════════════════════════════════════════════════ */
.chart-tf-wrapper,
#tfSelector {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important; right: 12px !important; margin: 0 auto !important; width: auto !important; max-width: 440px !important; transform: none !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

.chart-tf-wrapper .tf-pills,
#tfSelector {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: rgba(13, 17, 23, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  padding: 3px 6px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

.chart-tf-wrapper .tf-pill,
#tfSelector .tf-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  line-height: 1 !important;
}

.chart-tf-wrapper .tf-pill:hover,
#tfSelector .tf-btn:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.chart-tf-wrapper .tf-pill.active {
  background: #dc2626 !important;
  color: #fff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 0 10px rgba(220, 38, 38, 0.45) !important;
}

#tfSelector .tf-btn.active {
  background: #00c853 !important;
  color: #000 !important;
  font-weight: 800 !important;
  border-color: #00c853 !important;
  box-shadow: 0 0 10px rgba(0, 200, 83, 0.45) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   PRO PAGE THREE-COLUMN RESPONSIVE GRID LAYOUT
   ══════════════════════════════════════════════════════════════════════ */
.site-system.page-pro #app {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) 320px !important;
  grid-template-rows: 52px minmax(0, 1fr) !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  overflow: hidden !important;
  background: #090e17 !important;
}

.site-system.page-pro #topbar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.site-system.page-pro #left-panel {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 280px !important;
  max-width: 280px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  background: rgba(13, 17, 23, 0.95) !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.site-system.page-pro #chart-area {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: #090e17 !important;
}

.site-system.page-pro #right-panel {
  grid-column: 3 !important;
  grid-row: 2 !important;
  min-width: 320px !important;
  max-width: 320px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  background: rgba(13, 17, 23, 0.95) !important;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

@media (max-width: 1200px) {
  .site-system.page-pro #app {
    grid-template-columns: minmax(0, 1fr) 340px !important;
  }
  .site-system.page-pro #left-panel {
    display: none !important;
  }
  .site-system.page-pro #chart-area {
    grid-column: 1 !important;
  }
  .site-system.page-pro #right-panel {
    grid-column: 2 !important;
  }
}

@media (max-width: 1024px) {
  .site-system.page-pro #app {
    grid-template-columns: 1fr !important;
    grid-template-rows: 52px auto 1fr !important;
  }
  .site-system.page-pro #left-panel,
  .site-system.page-pro #right-panel {
    display: none !important;
  }
  .site-system.page-pro #chart-area {
    grid-column: 1 !important;
    display: flex !important;
  }
}



/* ══════════════════════════════════════════════════════════════════════
   PERFECT TERMINAL TWO-COLUMN LAYOUT & INSPECTOR TAB CONTROLS
   ══════════════════════════════════════════════════════════════════════ */
.site-system:is(.page-special, .page-pro) #app,
body.site-system #app {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  grid-template-rows: 52px minmax(0, 1fr) !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  overflow: hidden !important;
  background: #090e17 !important;
}

.site-system:is(.page-special, .page-pro) #topbar,
body.site-system #topbar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.site-system:is(.page-special, .page-pro) #chart-area,
body.site-system #chart-area {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.site-system:is(.page-special, .page-pro) #terminal-inspector,
body.site-system #terminal-inspector {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  background: #0d1522 !important;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box !important;
  z-index: 20 !important;
}

/* Inspector Tabs Bar */
.experience-inspector-tabs {
  display: flex !important;
  width: 100% !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(13, 17, 23, 0.98) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
}

.experience-inspector-tabs button {
  flex: 1 !important;
  padding: 10px 8px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  background: transparent !important;
  color: #94a3b8 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  text-align: center !important;
  font-family: var(--sans) !important;
}

.experience-inspector-tabs button:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.experience-inspector-tabs button[aria-selected="true"] {
  color: #fff !important;
  border-bottom: 2px solid #dc2626 !important;
  background: rgba(220, 38, 38, 0.08) !important;
}

/* ── Panel Toggling for VIP Page (.page-special) & PRO Page (.page-pro) ── */
.site-system:is(.page-special, .page-pro) #terminal-inspector[data-panel="summary"] #left-panel { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 12px !important; }
.site-system:is(.page-special, .page-pro) #terminal-inspector[data-panel="summary"] #right-panel { display: none !important; }
.site-system:is(.page-special, .page-pro) #terminal-inspector[data-panel="context"] #right-panel { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 12px !important; }
.site-system:is(.page-special, .page-pro) #terminal-inspector[data-panel="context"] #left-panel { display: none !important; }

html[dir="ltr"] .experience-quicknav,
html[lang="en"] .experience-quicknav {
  direction: ltr !important;
}

html[dir="rtl"] .experience-quicknav,
html[lang="ar"] .experience-quicknav {
  direction: rtl !important;
}

#scalpTopbar .experience-quicknav {
  order: 1 !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
}

#scalpTopbar .scalp-topbar-actions {
  order: 2 !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}

.chart-tf-wrapper,
.chart-tf-wrapper .tf-pills,
#tfSelector {
  z-index: 99999 !important;
}
#loading-overlay, #loadingOverlay {
  z-index: 10 !important;
}

/* Instant logged-in state support */
:is(html.user-logged-in, body.logged-in) .experience-account { display: inline-flex !important; align-items: center; gap: 8px; }
:is(html.user-logged-in, body.logged-in) .experience-login { display: none !important; }
:is(html.user-logged-in, body.logged-in) #mobile-guest-nav { display: none !important; }
:is(html.user-logged-in, body.logged-in) #mobile-user-nav { display: flex !important; }
:is(html:not(.user-logged-in)) body:not(.logged-in) .experience-account { display: none !important; }
:is(html:not(.user-logged-in)) body:not(.logged-in) .experience-terminal-menu { display: none !important; }


/* ══════════════════════════════════════════════════════════════════════
   FSS MARKETS — ULTRA-LUXURY INSTITUTIONAL MOBILE DOCK & CLEAN HEADER
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* Single-Row Clean Header on Mobile */
  .experience-header {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(13, 14, 18, 0.94) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-sizing: border-box !important;
    z-index: 1000 !important;
  }

  .experience-header > nav {
    display: none !important;
  }

  .experience-brand {
    flex-shrink: 0 !important;
  }
  .experience-mark {
    font-size: 25px !important;
    font-weight: 850 !important;
    letter-spacing: -0.5px !important;
    gap: 8px !important;
  }

  .experience-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }
  .experience-header-actions .desk-launcher {
    padding: 6px 10px !important;
    height: 34px !important;
    font-size: 11px !important;
  }
  .experience-header-actions .experience-login {
    padding: 6px 12px !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 11px !important;
  }

  body:not(.page-login) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .page-home .content,
  .arrival,
  .main,
  #app {
    padding-bottom: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* THE ULTRA-LUXURY FLOATING BOTTOM DOCK */
  .mobile-bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important; right: 12px !important; margin: 0 auto !important; width: auto !important; max-width: 440px !important; transform: none !important;
    max-width: 440px !important;
    height: 62px !important;
    padding: 3px 6px !important;
    border: 1px solid rgba(240, 213, 138, 0.28) !important;
    border-radius: 20px !important;
    background: rgba(9, 13, 18, 0.94) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    box-shadow: 
      0 18px 45px rgba(0, 0, 0, 0.85),
      0 0 16px rgba(240, 213, 138, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    z-index: 99999 !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }

  .mobile-bottom-nav .mobile-nav-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    appearance: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    padding: 3px 2px !important;
    border-radius: 12px !important;
    color: #94a3b8 !important;
    font-family: 'IBM Plex Sans Arabic', -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    line-height: 1.1 !important;
    gap: 3px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .mobile-bottom-nav .nav-icon-wrap {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
  }

  .mobile-bottom-nav .nav-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    overflow: visible !important;
  }

  /* Vibrant Colors Per Icon matching user reference image */
  .mobile-bottom-nav [data-nav-icon="news"] .nav-icon,
  .mobile-bottom-nav [data-tab="news"] .nav-icon {
    color: #8ecbff !important;
    filter: drop-shadow(0 2px 6px rgba(142, 203, 255, 0.35)) !important;
  }
  .mobile-bottom-nav [data-nav-icon="ai"] .nav-icon,
  .mobile-bottom-nav [data-tab="ai"] .nav-icon {
    color: #d9b6ff !important;
    filter: drop-shadow(0 2px 6px rgba(217, 182, 255, 0.4)) !important;
  }
  .mobile-bottom-nav [data-nav-icon="pro"] .nav-icon,
  .mobile-bottom-nav a[href*="/pro"] .nav-icon {
    color: #74d5c3 !important;
    filter: drop-shadow(0 2px 6px rgba(116, 213, 195, 0.35)) !important;
  }
  .mobile-bottom-nav .fss-more-trigger .nav-icon,
  .mobile-bottom-nav [data-nav-icon="more"] .nav-icon {
    color: #b7c4c0 !important;
  }

  /* THE CENTER HERO: Elevated VIP Golden Tile */
  .mobile-bottom-nav [data-nav-icon="vip"],
  .mobile-bottom-nav a[href*="special"] {
    background: linear-gradient(180deg, rgba(240, 213, 138, 0.20) 0%, rgba(240, 213, 138, 0.06) 100%) !important;
    border: 1px solid rgba(240, 213, 138, 0.38) !important;
    border-radius: 15px !important;
    color: #f1d27a !important;
    font-weight: 700 !important;
    box-shadow: 
      0 4px 18px rgba(212, 175, 55, 0.25),
      inset 0 1px 0 rgba(255, 240, 190, 0.35) !important;
    padding: 3px 10px !important;
    transform: translateY(-2px) !important;
  }
  .mobile-bottom-nav [data-nav-icon="vip"] .nav-icon,
  .mobile-bottom-nav a[href*="special"] .nav-icon {
    color: #f7df9c !important;
    filter: drop-shadow(0 2px 8px rgba(247, 223, 156, 0.55)) !important;
  }

  /* Active States */
  .mobile-bottom-nav a.active:not([href*="special"]),
  .mobile-bottom-nav button.active {
    color: #f8fafc !important;
    font-weight: 700 !important;
  }
  .mobile-bottom-nav a.active:not([href*="special"])::after,
  .mobile-bottom-nav button.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    width: 14px !important;
    height: 2.5px !important;
    border-radius: 2px !important;
    background: #f1d27a !important;
    box-shadow: 0 0 8px rgba(241, 210, 122, 0.8) !important;
  }

  /* Ultra-Luxury "المزيد" Popover Sheet */
  .mobile-bottom-nav .fss-more-panel {
    position: fixed !important;
    inset: auto 14px calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100% - 28px) !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 16px !important;
    max-height: 70dvh !important;
    overflow-y: auto !important;
    background: rgba(13, 16, 22, 0.96) !important;
    backdrop-filter: blur(32px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
    border: 1px solid rgba(240, 213, 138, 0.25) !important;
    border-radius: 22px !important;
    box-shadow: 
      0 24px 70px rgba(0, 0, 0, 0.9),
      0 0 20px rgba(240, 213, 138, 0.08),
      inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
    box-sizing: border-box !important;
    z-index: 100000 !important;
  }
  .fss-more-panel:popover-open,
  .fss-more-panel.open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .fss-more-panel > a,
  .fss-more-panel > button {
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
  }
  .fss-more-panel > a:hover,
  .fss-more-panel > button:hover {
    background: rgba(240, 213, 138, 0.1) !important;
    border-color: rgba(240, 213, 138, 0.28) !important;
    color: #f1d27a !important;
  }
  .fss-more-panel > .fss-more-close {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    background: rgba(229, 9, 20, 0.12) !important;
    border: 1px solid rgba(229, 9, 20, 0.28) !important;
    color: #ff6b75 !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
  }
  .fss-more-panel::backdrop {
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
}
@media (min-width: 901px) {
  .mobile-bottom-nav {
    display: none !important;
  }
}


/* ══════════════════════════════════════════════════════════════════════
   Subscription Enhancements: Notices, Copy Chip, & Email Activation Banner
   ══════════════════════════════════════════════════════════════════════ */
.plan-sub-notices {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 12px 14px;
  text-align: right;
}
html[dir="ltr"] .plan-sub-notices,
[dir="ltr"] .plan-sub-notices {
  text-align: left;
}
.plan-notice-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
  line-height: 1.5;
  color: #c5ced9;
}
.plan-notice-item.notice-account {
  color: #ffda79;
}
.plan-notice-item.notice-payment {
  color: #a5d8ff;
}
.plan-notice-item .notice-icon {
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1.4;
}
.plan-quick-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
  font-size: 11px;
}
.plan-quick-copy .quick-copy-label {
  color: var(--muted, #8e9cae);
  font-size: 10.5px;
}
.plan-copy-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 4px 10px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s ease;
  font-family: inherit;
}
.plan-copy-chip:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(212, 175, 55, 0.4);
  transform: translateY(-1px);
}
.plan-copy-chip code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: #f1d279;
  letter-spacing: 0.2px;
}
.plan-copy-chip .copy-hint {
  font-size: 10px;
  color: var(--muted, #8e9cae);
}
.plan-copy-chip.copied {
  border-color: #00c853 !important;
  background: rgba(0, 200, 83, 0.12) !important;
  color: #00c853 !important;
}
.plan-copy-chip.copied code,
.plan-copy-chip.copied .copy-hint {
  color: #00c853 !important;
}

/* Dedicated Subscription Activation Banner */
.subscription-email-card {
  margin: 36px 0 16px;
  background: linear-gradient(180deg, rgba(22, 27, 36, 0.95) 0%, rgba(14, 18, 25, 0.95) 100%);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 20px;
  padding: 28px 32px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
  text-align: right;
}
html[dir="ltr"] .subscription-email-card,
[dir="ltr"] .subscription-email-card {
  text-align: left;
}
.subscription-email-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.6), transparent);
}
.email-card-header .email-card-badge {
  display: inline-block;
  background: rgba(212, 175, 55, 0.12);
  border: 1px solid rgba(212, 175, 55, 0.35);
  color: #f1d279;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  padding: 4px 12px;
  margin-bottom: 12px;
}
.email-card-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
}
.email-card-header p {
  color: #9cb0c6;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.email-copy-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 18px;
  margin: 20px 0;
  flex-wrap: wrap;
}
.email-display {
  display: flex;
  align-items: center;
  gap: 10px;
}
.email-display .email-label {
  font-size: 12px;
  color: #8e9cae;
}
.email-display .email-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 16px;
  font-weight: 600;
  color: #f1d279;
  letter-spacing: 0.5px;
}
.copy-email-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.copy-email-btn:hover {
  box-shadow: 0 0 16px rgba(229, 9, 20, 0.45);
  transform: translateY(-1px);
}
.copy-email-btn.copied {
  background: linear-gradient(135deg, #00c853 0%, #009624 100%) !important;
}
.email-card-bullets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.bullet-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  line-height: 1.6;
  color: #c7d2de;
}
.bullet-item .bullet-icon {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}
.bullet-item strong {
  color: #fff;
}
@media (max-width: 768px) {
  .email-card-bullets {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .subscription-email-card {
    padding: 20px;
  }
  .email-copy-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .copy-email-btn {
    justify-content: center;
  }
}