/* Shared page headings and the trading workspace. Virtual rows keep their geometry. */
.sc-page-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 28px; color:var(--sc-text); }
.sc-page-heading h1 { color:#f4f7fc; font-size:36px; font-weight:650; letter-spacing:-1.3px; line-height:1.15; margin:0 0 10px; }
.sc-page-heading p { color:var(--sc-muted); font-size:13px; line-height:1.6; margin:0; }
.sc-page-heading .sc-page-eyebrow, .sc-page-eyebrow { color:#75c9ed; font-size:10px; font-weight:700; letter-spacing:.15em; margin:0 0 10px; }
.sc-page-context { display:flex; align-items:center; gap:9px; border:1px solid #30435c; padding:9px 12px; border-radius:8px; color:#bbd0e9; font-size:11px; white-space:nowrap; background:#121e2f; }
.sc-context-dot { width:6px; height:6px; background:#72c2e7; border-radius:50%; }
.sc-dashboard { min-height:100vh; background:var(--sc-bg); }
.sc-dashboard .sc-dashboard-main { min-height:100vh; max-height:none; min-width:0; width:auto; margin:0 !important; padding:34px 24px 32px 89px; background:var(--sc-bg) !important; overflow:visible; }
.sc-dashboard .allMiddleContent { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:18px; max-height:none; width:100%; margin:0; overflow:visible; }
.sc-dashboard .allMiddleContent > .sc-activity-column, .sc-dashboard .allMiddleContent > .right-dashboard-content { width:100%; max-width:none; min-width:0; padding:0; flex-basis:auto; max-height:none !important; }
.sc-dashboard .main-card-outer { border-radius:13px; margin:0 !important; min-width:0 !important; overflow:hidden; background:#141f31 !important; }
.sc-activity-title { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px; border-bottom:1px solid #2b3b53; }
.sc-activity-title h2 { font-size:17px; font-weight:650; color:#edf4fc; margin:0 0 5px; letter-spacing:-.25px; }
.sc-activity-title p { color:#9db1cc; font-size:11px; margin:0; }
.sc-activity-title > span { color:#afd4ea; font-size:10px; border:1px solid #334e69; padding:4px 8px; border-radius:6px; white-space:nowrap; }
.sc-dashboard .main-card-outer > .card-header { padding:12px 16px !important; background:#121e30 !important; }
.sc-dashboard .main-card-outer > .card-header > .MuiGrid-root > .MuiGrid-root { gap:10px; }
.sc-feed-label { font-size:9px; letter-spacing:.12em; color:#97aecb; margin-right:4px; }
.sc-dashboard-date { display:flex; align-items:center; gap:8px; color:#d9e8f8; background:#1a2a40; border:1px solid #425570; border-radius:8px; min-height:38px; padding:0 10px; font-size:11px; font-family:inherit; cursor:pointer; }
.sc-dashboard-date svg { width:16px; height:16px; color:#a6bdd7; }
.sc-dashboard .dateContainer { color:#b2c4db; font-size:11px; }
.sc-dashboard .searchField { background:#0c192b; border-color:#425570 !important; border-radius:8px !important; min-height:36px; }
.sc-dashboard .searchField input { font-family:inherit; font-size:12px; padding-block:8px; }
.sc-dashboard .grid-header-left { color:#b2c4db; font-size:11px; }
.sc-dashboard .MuiSwitch-root { width:44px; height:28px; padding:7px; }
.sc-dashboard .MuiSwitch-thumb { width:14px; height:14px; }
.sc-dashboard .MuiSwitch-switchBase { padding:7px; color:#b3c6db; }
.sc-dashboard .MuiSwitch-switchBase.Mui-checked { color:#73d0f8; transform:translateX(16px); }
.sc-dashboard .MuiSwitch-track { background:#526b8b; border-radius:10px; }
.sc-dashboard .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track { background:#259dcc; opacity:.5; }
.sc-dashboard .main-card-body, .sc-dashboard .full-main-card-body { background:#141f31 !important; }
.sc-dashboard .fixed-size-list, .sc-dashboard .full-fixed-size-list { height:796px !important; padding-bottom:0 !important; background:#141f31 !important; }
.sc-dashboard .data-row-group, .sc-dashboard .full-data-row-group { background:#141f31 !important; }
.sc-dashboard .header { background:#1c2b42 !important; }
.sc-dashboard .header-container, .sc-dashboard .full-header-container { background:#1c2b42 !important; color:#b2c4dd !important; }
.sc-dashboard .main-data-row:nth-child(even) { background:#162237; }
.sc-dashboard .main-data-row:hover { background:#263951 !important; }
.sc-dashboard .callBadge, .sc-preview-call { background:#1e5145 !important; color:#a1efd0 !important; border-radius:5px; }
.sc-dashboard .putBadge, .sc-preview-put { background:#543341 !important; color:#ffc0c5 !important; border-radius:5px; }
.sc-dashboard .bullBadge { background:#214c41 !important; color:#a1e7c5 !important; }
.sc-dashboard .bearBadge { background:#513541 !important; color:#ffc0c5 !important; }
.sc-dashboard .neutralBadge { background:#3a4559 !important; color:#d1ddec !important; }
.sc-dashboard .sweepBadge { background:#1c506b !important; color:#a1ddf7 !important; }
.sc-dashboard .tradeBadge { background:#3b3862 !important; color:#d1c5fc !important; }
.sc-row-action { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; padding:0; background:transparent; color:#a7c5e4; border:0; border-radius:4px; cursor:pointer; vertical-align:middle; }
.sc-row-action svg { width:19px; height:19px; }
.sc-row-action:hover { background:#304766; color:#fff; }
.sc-ticker-action { background:transparent; border:0; color:#e2efff; font:inherit; font-weight:600; padding:0; cursor:pointer; }
.sc-dashboard .right-dashboard-content .progress-bar-content { height:auto !important; min-height:256px; border-radius:13px; margin-bottom:18px !important; }
.sc-dashboard .right-dashboard-content .progress-bar-content .card-body { padding:15px 16px 20px !important; }
.sc-dashboard .progress-bar-content p { color:#a4b9d3 !important; font-size:11px; margin-bottom:7px; }
.sc-dashboard .progress-bar-content .progress { height:7px !important; border-radius:4px; background:#26364c; }
.sc-dashboard .progress-bar-content .progress-bar { background:#58b5d9 !important; border-radius:4px; }
.sc-dashboard .tab-content { height:520px !important; border-radius:13px; overflow:hidden; }
.sc-dashboard .tab-content > .card-body { height:450px !important; background:#141f31; overflow:auto; }
.sc-dashboard .tab-content-header { height:70px !important; min-height:70px !important; padding:8px !important; background:#18283d !important; }
.sc-dashboard .tab-container { display:flex; height:100%; gap:4px; }
.sc-dashboard .tab-container button { display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; gap:4px; padding:6px 2px; border:0; border-radius:7px; background:transparent; color:#a6bed9; font-family:inherit; cursor:pointer; }
.sc-dashboard .tab-container button.selected-tab { background:#243d56; color:#d7f0ff; box-shadow:inset 0 -2px #60bde9; }
.sc-dashboard .tab-container button:hover { background:#24384f; }
.sc-dashboard .tab-container button p { margin:0; font-size:10px; color:inherit; }
.sc-dashboard .tab-container button img, .sc-dashboard .tab-container button svg { width:18px !important; height:18px !important; object-fit:contain; }
.sc-dashboard .watchlist-container .MuiInput-root { font-size:12px; }
.sc-inline-empty { color:#99aec9 !important; font-size:12px; line-height:1.7; text-align:center; margin:18px 8px; }
.sc-dashboard .news-block { background:transparent; border:0; }
.sc-dashboard .news-block .card-body { padding:12px 0; }
.sc-dashboard .news-block hr { border-color:#30415a; }
.sc-dashboard .mobile-watchlist-header { font-size:12px !important; color:#d8e7f9; }
.sc-dashboard .MuiAccordion-root { border:1px solid #30415a; border-radius:10px !important; background:#141f31 !important; margin:0 !important; overflow:hidden; box-shadow:none; }
.sc-dashboard .MuiAccordionSummary-root { background:#18283e !important; color:#d8e7f9; }
.sc-table-message { min-height:220px; display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; text-align:center; padding:32px 20px; color:#a6bad4; font-size:13px; }
.sc-table-message h3 { color:#e3edf9; font-size:18px; margin:0; }
.sc-table-message p { color:#a6bad4; font-size:12px; margin:0; max-width:460px; line-height:1.7; }
.react-datepicker__aria-live { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.sc-trading-dialog { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(960px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); background:#101b2b; border:1px solid #3e5675; border-radius:14px; overflow:hidden; box-shadow:0 24px 80px #0008; outline:0; }
.sc-trading-dialog > header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #30425b; }
.sc-trading-dialog header span { color:#83bfde; font-size:9px; letter-spacing:.14em; }
.sc-trading-dialog h2 { color:#e6effa; font-size:20px; font-weight:600; margin:4px 0 0; }
.sc-trading-dialog header button { display:flex; align-items:center; justify-content:center; width:38px; height:38px; background:#233751; border:0; border-radius:8px; color:#d1e2f7; cursor:pointer; }
.sc-trading-dialog-content { height:min(560px,calc(100dvh - 130px)); min-height:240px; }
.sc-trading-dialog-content iframe { width:100%; height:100%; border:0; }
/* Public sample and membership page. */
.sc-preview-page { min-height:100vh; color:var(--sc-text); background:var(--sc-bg); }
.sc-preview-nav { max-width:1240px; margin:auto; padding:22px 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #26384e; }
.sc-preview-nav img { width:160px; height:40px; object-fit:contain; }
.sc-preview-nav > div { display:flex; align-items:center; gap:24px; }
.sc-preview-nav a { color:#b8cbe2; font-size:12px; text-decoration:none; }
.sc-primary-link { display:inline-flex; align-items:center; justify-content:center; padding:10px 17px; min-height:40px; color:#fff !important; background:#126f9f; border:1px solid #3b96bd; border-radius:8px; text-decoration:none !important; font:600 12px inherit; cursor:pointer; }
.sc-primary-link:hover { background:#1885b6; }
.sc-preview-main { max-width:1240px; margin:auto; padding:46px 28px 20px; }
.sc-preview-badge { color:#99d5ee; background:#142f44; border:1px solid #335a75; padding:7px 11px; border-radius:6px; font-size:11px; white-space:nowrap; }
.sc-preview-feed { background:#141f31; border:1px solid #2b3e57; border-radius:14px; overflow:hidden; }
.sc-preview-feed > header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; border-bottom:1px solid #30415b; }
.sc-preview-feed h2 { color:#e5effc; font-size:18px; font-weight:600; margin:0 0 6px; }
.sc-preview-feed header p { color:#9fb4cf; font-size:11px; margin:0; }
.sc-preview-search { display:flex; align-items:center; gap:9px; padding:0 12px; margin:0; background:#0c192b; border:1px solid #3b516d; border-radius:8px; }
.sc-preview-search svg { width:18px; color:#9db7d8; }
.sc-preview-search input { min-width:0; max-width:190px; border:0; background:transparent; color:#dfedff; height:38px; font-size:12px; }
.sc-preview-scroll { overflow:auto; }
.sc-preview-table { min-width:1040px; width:100%; }
.sc-preview-row { display:grid; grid-template-columns:60px 100px 90px 100px 100px 120px 100px 120px 150px; align-items:center; font-size:11px; color:#c0d3ea; }
.sc-preview-row > * { padding:0 12px; white-space:nowrap; }
.sc-preview-row:not(.sc-preview-table-head):nth-child(even) { background:#18273c; }
.sc-preview-row strong { color:#eaf4ff; font-size:12px; }
.sc-preview-row i { display:inline-block; font-style:normal; padding:3px 7px; font-size:10px; }
.sc-preview-table-head { height:40px; background:#1c2e45; color:#9bb3d0; font-size:10px; }
.sc-preview-feed > footer { padding:16px 20px; border-top:1px solid #30415b; color:#9eb5d1; font-size:11px; line-height:1.6; }
.sc-preview-plans { padding:52px 0 0; scroll-margin-top:20px; }
.sc-preview-plans > header { text-align:center; margin-bottom:26px; }
.sc-preview-plans h2 { color:#edf5ff; font-size:28px; font-weight:600; letter-spacing:-.7px; margin:8px 0 12px; }
.sc-preview-plans > header > p:not(.sc-page-eyebrow) { color:#a2b8d3; font-size:13px; line-height:1.6; }
.sc-plan-grid { max-width:860px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.sc-plan-card { background:#141f31; border:1px solid #304560; border-radius:15px; padding:28px; }
.sc-plan-card h3 { color:#eaf4ff; font-size:18px; margin:0 0 7px; font-weight:600; }
.sc-plan-card > p { font-size:12px; color:#a5bad4; }
.sc-plan-price { font-size:36px; color:#eaf4ff; font-weight:600; letter-spacing:-1px; margin:25px 0; }
.sc-plan-price span { font-size:12px; color:#94aac6; font-weight:400; margin-left:8px; letter-spacing:0; }
.sc-plan-card ul { margin:0 0 25px; padding:0; list-style:none; }
.sc-plan-card li { display:flex; gap:10px; align-items:center; color:#bdcfe5; font-size:12px; padding:7px 0; }
.sc-plan-card li svg { width:16px; color:#7acdb1; }
.sc-plan-card > a { width:100%; }
.sc-preview-note { text-align:center; font-size:11px; color:#94aac6; margin:20px 0; }
.sc-checkout-error { text-align:center; color:#ffb5b5; font-size:12px; line-height:1.7; }
.sc-preview-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #293a51; padding:24px 0; margin-top:36px; font-size:12px; color:#91a8c5; }
.sc-preview-footer div { display:flex; gap:20px; }
.sc-preview-footer a { color:#b3c8e2; }
.sc-not-found { max-width:680px; margin:12vh auto; padding:40px 24px; text-align:center; color:#c3d5ec; }
.sc-not-found h1 { color:#eef5ff; font-size:34px; margin:10px 0 16px; }
.sc-not-found p { color:#aac0dc; font-size:14px; line-height:1.7; }
.sc-not-found nav { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin:28px 0; }
@media (max-width:1151px) {
 .sc-dashboard .sc-dashboard-main { padding:28px 20px; }
 .sc-dashboard .allMiddleContent { grid-template-columns:minmax(0,1fr); }
 .sc-dashboard .right-dashboard-content { display:block; padding:0 16px !important; }
 .sc-dashboard .right-dashboard-content > .progress-bar-content { display:none; }
 .sc-dashboard .allMiddleContent > .MuiGrid-root { max-width:100%; padding:0; }
 .sc-dashboard .fixed-size-list, .sc-dashboard .full-fixed-size-list { height:660px !important; }
}
@media (max-width:700px) {
 .sc-page-heading { flex-wrap:wrap; gap:18px; margin-bottom:24px; }
 .sc-page-heading h1 { font-size:30px; }
 .sc-dashboard .sc-dashboard-main { padding:24px 0; }
 .sc-dashboard .sc-page-heading { padding-inline:16px; }
 .sc-dashboard .allMiddleContent { gap:12px; }
 .sc-dashboard .main-card-outer { border-radius:10px; }
 .sc-dashboard .sc-activity-title { padding:18px 16px; }
 .sc-dashboard .main-card-outer > .card-header { padding:12px !important; }
 .sc-dashboard .main-card-outer > .card-header > .MuiGrid-root > .MuiGrid-root { justify-content:flex-start; }
 .sc-dashboard .dateContainer > div:last-child { padding-left:8px !important; }
 .sc-dashboard .grid-header-switch-span { margin:0 8px 0 0 !important; }
 .sc-preview-nav { padding:18px 16px; }
 .sc-preview-nav img { width:125px; }
 .sc-preview-nav > div { gap:14px; }
 .sc-preview-main { padding:32px 16px 16px; }
 .sc-preview-feed > header { flex-wrap:wrap; padding:18px 16px; }
 .sc-preview-search { width:100%; }
 .sc-preview-search input { max-width:none; width:100%; }
 .sc-plan-grid { grid-template-columns:1fr; }
 .sc-plan-card { padding:24px; }
 .sc-preview-plans h2 { font-size:25px; }
}