:root {
  color-scheme: dark;
  --bg: #06110d;
  --surface: #0c1c15;
  --surface-2: #11251b;
  --line: #203d2f;
  --text: #f1f7f3;
  --muted: #8fa99a;
  --green: #4fe18a;
  --green-2: #1eaf61;
  --red: #ff7880;
  --amber: #f6c969;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .28);
  --market-accent: #4fe18a;
  --market-soft: rgba(79, 225, 138, .12);
  --market-glow: rgba(79, 225, 138, .12);
  --market-glow-strong: rgba(79, 225, 138, .24);
  --app-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --app-safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
  --app-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
  --app-safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));
}

/* Android's native container already applies the physical system-bar insets. */
:root.native-app-shell {
  --app-safe-top: 0px;
  --app-safe-right: 0px;
  --app-safe-bottom: 0px;
  --app-safe-left: 0px;
}

* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 0%, #103424 0, var(--bg) 36%); color: var(--text); font: 15px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
/* Authentication and dashboard shells must never be visible together, even
   while a mobile session is being restored or rejected asynchronously. */
body:has(#auth-shell:not(.hidden)) #app-shell { display: none !important; }
body:has(#subscription-shell:not(.hidden)) #app-shell,
body:has(#subscription-shell:not(.hidden)) #auth-shell { display: none !important; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 6px; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: clamp(27px, 3vw, 42px); line-height: 1.08; letter-spacing: -.035em; }
h2 { margin-bottom: 4px; font-size: 19px; letter-spacing: -.02em; }

.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr); padding: var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left); }
.brand-panel { display: flex; flex-direction: column; justify-content: center; padding: 9vw; border-right: 1px solid rgba(79, 225, 138, .14); }
.brand-panel h1 { max-width: 660px; font-size: clamp(48px, 6.5vw, 88px); }
.brand-panel h1 span { color: var(--green); }
.intro { max-width: 590px; color: #acc0b4; font-size: 18px; }
.logo { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 36px; border-radius: 18px; background: linear-gradient(145deg, var(--green), #16934d); color: #04140b; font-weight: 950; letter-spacing: -.06em; box-shadow: 0 12px 40px rgba(51, 207, 115, .2); }
.logo.small { width: 38px; height: 38px; margin: 0; border-radius: 12px; font-size: 13px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.trust-row span { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: #b9cec1; font-size: 12px; }
.auth-card { align-self: center; width: min(440px, calc(100% - 48px)); margin: 0 auto; padding: 30px; border: 1px solid var(--line); border-radius: 26px; background: rgba(10, 27, 19, .9); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; margin-bottom: 28px; border-radius: 12px; background: #07140e; }
.auth-tab, .segmented button { border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; }
.auth-tab { padding: 10px; }
.auth-tab.active, .segmented button.active { background: var(--surface-2); color: var(--text); }
.auth-form { display: grid; gap: 17px; }
label { display: grid; gap: 7px; color: #bbcec2; font-size: 12px; font-weight: 700; }
.field-help { color: #789584; font-size: 10px; font-weight: 500; line-height: 1.4; }
input, select { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; outline: none; background: #07150f; color: var(--text); }
input:focus, select:focus { border-color: var(--green-2); box-shadow: 0 0 0 3px rgba(79, 225, 138, .09); }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 62px; }
.password-toggle { position: absolute; top: 50%; right: 8px; min-height: 30px; padding: 4px 8px; transform: translateY(-50%); border: 0; border-radius: 7px; background: transparent; color: var(--green); cursor: pointer; font-size: 11px; font-weight: 800; }
.password-toggle:hover, .password-toggle:focus-visible { background: rgba(79, 225, 138, .12); outline: none; }
.check { display: grid; grid-template-columns: auto 1fr; align-items: start; font-weight: 500; line-height: 1.4; }
.check input { width: 18px; min-height: 18px; margin-top: 1px; }
.primary, .outline { min-height: 44px; padding: 10px 17px; border-radius: 11px; cursor: pointer; font-weight: 800; }
.primary { border: 0; background: linear-gradient(135deg, var(--green), #25bd6a); color: #04130a; }
.primary:hover { filter: brightness(1.08); }
.outline { border: 1px solid var(--line); background: var(--surface); }
.compact { min-height: 38px; padding: 8px 13px; font-size: 13px; }
.text-button { padding: 4px; border: 0; background: transparent; color: var(--green); cursor: pointer; }

.subscription-shell { min-height: 100vh; padding: var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left); background: radial-gradient(circle at 16% 0%, #103424 0, var(--bg) 34%); }
.subscription-header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px clamp(20px, 4vw, 54px); border-bottom: 1px solid var(--line); background: rgba(6, 17, 13, .94); }
.subscription-brand { display: flex; align-items: center; gap: 11px; }
.subscription-brand strong, .subscription-brand small { display: block; }
.subscription-brand small { margin-top: 2px; color: var(--green); font-size: 9px; letter-spacing: .14em; }
.subscription-content { max-width: 1220px; margin: 0 auto; padding: 34px clamp(20px, 4vw, 54px) 54px; }
.subscription-welcome { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border: 1px solid #28583e; border-radius: 17px; background: linear-gradient(100deg, #0a2b1d, #071b13); }
.subscription-welcome h1 { margin: 0; font-size: clamp(25px, 3.2vw, 38px); }
.subscription-welcome p:last-child { margin: 6px 0 0; }
.verified-pill { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(79, 225, 138, .35); border-radius: 999px; color: var(--green); font-size: 11px; }
.subscription-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, .7fr); gap: 26px; margin-top: 26px; }
.subscription-overview { padding: 12px 0; }
.subscription-overview h2 { font-size: clamp(25px, 3vw, 36px); }
.subscription-intro { max-width: 710px; line-height: 1.6; }
.subscription-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 20px; }
.subscription-features article { min-height: 112px; display: grid; align-content: center; padding: 16px; border: 1px solid #1b4932; border-radius: 13px; background: #081e15; }
.subscription-features article > span { color: var(--green); font-size: 20px; }
.subscription-features strong, .subscription-features small { display: block; }
.subscription-features strong { margin-top: 8px; font-size: 13px; }
.subscription-features small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.subscription-plan { padding: 24px; border: 1px solid #3c915a; border-radius: 19px; background: linear-gradient(150deg, #113722, #071b12); box-shadow: 0 18px 55px rgba(0,0,0,.22); }
.subscription-plan h2 { font-size: 26px; }
.subscription-duration { margin: 6px 0 0; color: var(--green); font-size: 13px; }
.subscription-price { margin: 24px 0 5px; font-size: 34px; font-weight: 850; }
.subscription-price small { color: var(--muted); font-size: 11px; font-weight: 500; }
.subscription-plan ul { display: grid; gap: 9px; margin: 18px 0 22px; padding: 0; color: #b5cbbd; font-size: 11px; list-style: none; }
.subscription-plan li::before { content: "✓"; margin-right: 8px; color: var(--green); }
.subscription-plan .primary { width: 100%; }
.subscription-renewal-form { display: grid; gap: 7px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #2b6441; }
.subscription-renewal-form > label { color: #d7f4df; font-size: 12px; font-weight: 800; }
.subscription-renewal-form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.subscription-renewal-form input { min-width: 0; min-height: 40px; border: 1px solid #3c915a; border-radius: 9px; background: #06160e; color: var(--text); font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.subscription-renewal-form small { color: #9ab5a2; font-size: 10px; line-height: 1.4; }
.subscription-lock-note { margin: 11px 0 0; color: #7e9a89; font-size: 10px; line-height: 1.4; text-align: center; }

.app-shell { min-height: 100vh; padding: var(--app-safe-top) var(--app-safe-right) 0 var(--app-safe-left); background-color: #031b11; background-image: radial-gradient(circle at 78% 0%, rgba(25, 119, 67, .22), transparent 42%), linear-gradient(rgba(79, 225, 138, .075) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 225, 138, .075) 1px, transparent 1px); background-size: auto, 20px 20px, 20px 20px; }
.pull-refresh-indicator { position: fixed; z-index: 90; top: calc(var(--app-safe-top) + 8px); left: 50%; display: flex; align-items: center; gap: 6px; padding: 7px 11px; border: 1px solid var(--market-accent); border-radius: 999px; background: rgba(7, 25, 16, .96); box-shadow: 0 8px 22px rgba(0, 0, 0, .24); color: var(--text); font-size: 10px; font-weight: 750; opacity: 0; pointer-events: none; transform: translate(-50%, -130%); transition: opacity .16s ease, transform .16s ease; }
.pull-refresh-indicator span:first-child { color: var(--market-accent); font-size: 15px; line-height: 1; transition: transform .16s ease; }
.pull-refresh-indicator.visible { opacity: .94; transform: translate(-50%, 0); }
.pull-refresh-indicator.ready { border-color: var(--green); color: var(--green); }
.pull-refresh-indicator.ready span:first-child { transform: rotate(180deg); }
.pull-refresh-indicator.refreshing span:first-child { animation: pull-refresh-spin .8s linear infinite; }
@keyframes pull-refresh-spin { to { transform: rotate(360deg); } }
.market-ticker { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid var(--market-accent); background: #0a130f; box-shadow: 0 8px 30px var(--market-glow); scrollbar-width: none; transition: border-color .35s ease, box-shadow .35s ease; }
.market-ticker::-webkit-scrollbar, .market-tabs::-webkit-scrollbar, .home-shortcuts::-webkit-scrollbar, .home-filter-strip::-webkit-scrollbar { display: none; }
.ticker-item { flex: 0 0 auto; min-width: 190px; padding: 10px 18px; border-right: 1px solid var(--line); }
.ticker-item > div { display: flex; align-items: center; gap: 7px; }
.ticker-item strong { font-size: 12px; }
.ticker-item span { color: var(--muted); font-size: 10px; }
.ticker-item p { display: flex; align-items: baseline; gap: 4px; margin: 3px 0 0; font-size: 15px; white-space: nowrap; }
.ticker-item p > span:first-child { color: var(--text); }
.ticker-primary { border-left: 3px solid var(--market-accent); }
#nifty-points, #nifty-change, #sensex-points, #sensex-change, #bank-nifty-points, #bank-nifty-change { transition: color .35s ease; }
.topbar { position: sticky; top: 0; z-index: 30; height: 66px; display: grid; grid-template-columns: auto minmax(180px, 520px) auto; justify-content: space-between; align-items: center; gap: 18px; padding: 0 24px; border-bottom: 1px solid var(--line); background: rgba(6, 17, 13, .94); backdrop-filter: blur(16px); }
.app-brand { display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.app-brand strong, .app-brand small { display: block; }
.app-brand small { color: var(--green); font-size: 9px; letter-spacing: .14em; }
.app-brand .app-brand-as-of { margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 650; letter-spacing: .03em; text-transform: none; }
.home-header-summary { display: none; min-width: 0; color: inherit; text-decoration: none; }
.home-header-line { min-width: 0; display: flex; align-items: baseline; gap: 7px; }
.home-header-summary .header-eyebrow { flex: 0 0 auto; color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.home-header-summary strong { min-width: 0; overflow: hidden; font-size: 13px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.home-header-summary #as-of { max-width: 620px; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.home-header-brand { display: none; align-items: center; gap: 7px; }
.home-header-brand .logo.small { width: 32px; height: 32px; border-radius: 9px; font-size: 11px; }
.home-header-wordmark { display: grid; color: var(--green); font-size: 8px; line-height: 1.05; letter-spacing: .12em; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.global-search { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 11px; background: #101b15; color: var(--muted); text-align: left; cursor: pointer; }
.global-search:hover { border-color: var(--market-accent); color: var(--text); }
.app-shell[data-view="sector"] .topbar { height: 58px; grid-template-columns: minmax(0, 1fr); padding-block: 6px; }
.app-shell[data-view="sector"] .home-header-summary { display: grid; gap: 3px; }
.app-shell[data-view="sector"] .app-brand,
.app-shell[data-view="sector"] #global-search-button,
.app-shell[data-view="sector"] .top-actions { display: none; }
.app-shell[data-view="sector"] .market-tabs { top: 58px; }
.user-maintenance { margin: 12px 18px 0; padding: 11px 14px; border: 1px solid #544b26; border-radius: 11px; background: #211e0e; color: var(--amber); text-align: center; font-size: 12px; }
.user-maintenance.stale { border-color: #7b343c; background: #2b1217; color: var(--red); }
.market-tabs { position: sticky; top: 66px; z-index: 29; min-height: 32px; display: flex; align-items: stretch; gap: 6px; overflow-x: auto; padding: 0 18px; background: rgba(8, 20, 14, .96); backdrop-filter: blur(14px); scrollbar-width: none; }
.market-tabs-outline { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.market-tab-stop-bright { stop-color: var(--market-accent); }
.market-tab-stop-mid { stop-color: color-mix(in srgb, var(--market-accent) 66%, #5a321f); }
.market-tab-stop-dark { stop-color: color-mix(in srgb, var(--market-accent) 34%, transparent); }
#market-tabs-blended { fill: none; stroke: url(#market-tabs-gradient); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; filter: drop-shadow(0 0 7px var(--market-glow)); }
.market-tabs button { position: relative; z-index: 1; flex: 0 0 auto; padding: 7px 14px 4px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-weight: 750; }
.market-tabs button.active { color: var(--market-accent); text-shadow: 0 0 18px var(--market-glow-strong); }
.status-pill { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; }
.status-pill.live { border-color: rgba(79, 225, 138, .35); color: var(--green); }
.status-pill.stale { border-color: rgba(255, 95, 105, .6); background: rgba(92, 24, 31, .5); color: var(--red); }
.avatar { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-2); cursor: pointer; font-weight: 850; }
.app-layout { min-height: calc(100vh - 66px); }
.view-root { min-width: 0; padding: 34px clamp(20px, 3vw, 48px) 48px; }
.view { max-width: 1380px; margin: 0 auto; }
.home-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 2px 1px 14px; margin-bottom: 4px; }
.home-shortcuts button { min-width: 0; min-height: 66px; display: grid; place-items: center; align-content: center; gap: 4px; padding: 8px 5px; border: 1px solid var(--line); border-radius: 11px; background: #0d1913; color: var(--muted); cursor: pointer; }
.home-shortcuts button:hover { border-color: var(--market-accent); box-shadow: 0 0 20px var(--market-glow); }
.home-shortcuts button span { color: inherit; font-size: 17px; }
.home-shortcuts button.active { border-color: var(--market-accent); background: var(--market-soft); color: var(--market-accent); box-shadow: 0 0 18px var(--market-glow); }
.home-ready-board { margin-bottom: 18px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(8, 25, 16, .72); }
.home-ready-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.home-ready-heading .eyebrow { margin: 0; }
.home-ready-heading h2 { margin: 2px 0 0; font-size: 18px; }
.home-ready-cards { --home-ready-columns: 1; display: grid; grid-template-columns: repeat(var(--home-ready-columns), minmax(0, 1fr)); gap: 9px; }
.home-ready-cards.empty { grid-template-columns: 1fr; }
.home-ready-empty { display: grid; gap: 3px; min-height: 72px; place-content: center; color: var(--muted); text-align: center; }
.home-ready-empty strong { color: var(--text); }
.home-ready-card { min-width: 0; display: grid; align-content: start; gap: 7px; padding: 12px; overflow: hidden; border: 1px solid; border-radius: 12px; }
.home-ready-card.bullish-card { border-color: #35d77b; background: radial-gradient(circle at 5% 0%, rgba(46, 196, 113, .2), transparent 54%), #081b11; }
.home-ready-card.bearish-card { border-color: #ef5d66; background: radial-gradient(circle at 5% 0%, rgba(214, 52, 62, .25), transparent 56%), #251012; }
.home-ready-card-top { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.home-ready-card-top > strong { min-width: 0; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.home-ready-score { flex: 0 0 auto; min-width: 32px; padding: 5px 6px; border-radius: 8px; background: rgba(42, 196, 111, .14); color: var(--green); font-size: 17px; font-weight: 900; text-align: center; }
.home-ready-card.bearish-card .home-ready-score { background: rgba(239, 77, 88, .14); color: var(--red); }
.home-ready-side { overflow: hidden; color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: .04em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.home-ready-card.bearish-card .home-ready-side { color: var(--red); }
.home-ready-card > p { min-height: 2.5em; margin: 0; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.25; }
.home-ready-card-bottom { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 6px; }
.home-ready-card-bottom > span { min-width: 0; display: grid; gap: 1px; }
.home-ready-card-bottom small { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.home-ready-card-bottom strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.home-ready-card.bullish-card .home-ready-card-bottom strong { color: var(--green); }
.home-ready-card.bearish-card .home-ready-card-bottom strong { color: var(--red); }
.home-ready-card-bottom button { min-height: 30px; padding: 5px 8px; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: var(--green); cursor: pointer; font-size: 9px; font-weight: 800; }
.home-ready-card.bearish-card .home-ready-card-bottom button { color: var(--red); }
.home-ready-cards[data-density="dense"] .home-ready-card { gap: 5px; padding: 8px; }
.home-ready-cards[data-density="dense"] .home-ready-card-top > strong { font-size: 13px; }
.home-ready-cards[data-density="dense"] .home-ready-score { min-width: 26px; padding: 4px; font-size: 13px; }
.home-ready-cards[data-density="dense"] .home-ready-card > p { min-height: 2.3em; font-size: 9px; }
.home-ready-cards[data-density="dense"] .home-ready-card-bottom strong { font-size: 11px; }
.home-ready-cards[data-density="dense"] .home-ready-card-bottom button { min-height: 26px; padding: 4px 5px; font-size: 8px; }
.home-active-signals { margin: 0 0 18px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(8, 25, 16, .72); }
.home-active-signal-list { display: grid; gap: 7px; }
.home-active-signal { padding: 10px 11px; border: 1px solid #2d8554; border-left: 4px solid var(--green); border-radius: 11px; background: linear-gradient(105deg, rgba(22, 92, 53, .25), #091810 65%); cursor: pointer; }
.home-active-signal.bearish { border-color: #8c3c43; border-left-color: var(--red); background: linear-gradient(105deg, rgba(117, 31, 38, .25), #1a0c0e 65%); }
.home-active-signal.profit { border-color: #967528; border-left-color: var(--amber); background: linear-gradient(105deg, rgba(113, 83, 20, .22), #191305 65%); }
.home-active-signal:focus-visible { outline: 2px solid var(--market-accent); outline-offset: 2px; }
.home-active-signal header, .home-active-summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.home-active-signal header > strong { font-size: 14px; }
.home-active-action { flex: 0 0 auto; padding: 4px 6px; border-radius: 7px; background: #174a2e; color: var(--green); font-size: 9px; font-weight: 900; letter-spacing: .04em; }
.home-active-signal.bearish .home-active-action { background: #56232a; color: var(--red); }.home-active-signal.profit .home-active-action { background: #59451e; color: var(--amber); }
.home-active-summary { margin-top: 6px; color: var(--muted); font-size: 10px; }.home-active-summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.home-active-summary b { flex: 0 0 auto; color: var(--green); }.home-active-signal.bearish .home-active-summary b { color: var(--red); }.home-active-signal.profit .home-active-summary b { color: var(--amber); }
.home-active-signal > p { margin: 6px 0 0; color: var(--text); font-size: 11px; }.home-active-details { display: none; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--line); }.home-active-signal[aria-expanded="true"] .home-active-details { display: block; }
.home-active-levels { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }.home-active-levels span { min-width: 0; padding: 5px; border: 1px solid rgba(55, 85, 68, .7); border-radius: 7px; }.home-active-levels small, .home-active-levels b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.home-active-levels small { color: var(--muted); font-size: 7px; }.home-active-levels b { margin-top: 2px; font-size: 10px; }
.home-active-timeline { display: grid; gap: 5px; margin: 9px 0; padding: 0 0 0 14px; border-left: 1px solid #3c7b56; list-style: none; }.home-active-timeline li { position: relative; color: var(--muted); font-size: 9px; line-height: 1.35; }.home-active-timeline li::before { content: ""; position: absolute; top: 3px; left: -18px; width: 6px; height: 6px; border: 2px solid var(--green); border-radius: 50%; background: var(--surface); }.home-active-timeline li.current { color: var(--text); }.home-active-timeline li.current::before { background: var(--green); box-shadow: 0 0 8px var(--green); }.home-active-signal.bearish .home-active-timeline li::before { border-color: var(--red); }.home-active-signal.bearish .home-active-timeline li.current::before { background: var(--red); box-shadow: 0 0 8px var(--red); }.home-active-timeline time { display: inline-block; min-width: 45px; color: #79bc94; font-weight: 800; }.home-active-details button { width: 100%; min-height: 29px; font-size: 9px; }
.featured-idea { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; margin-bottom: 18px; padding: 22px; border: 1px solid var(--market-accent); border-radius: var(--radius); background: linear-gradient(135deg, var(--market-soft), #0c1c15 60%); box-shadow: 0 0 28px var(--market-glow), inset 0 0 20px var(--market-soft); transition: border-color .35s ease, box-shadow .35s ease, background .35s ease; }
.featured-idea.bullish-card { border-color: #39d77e; background: radial-gradient(circle at 15% 0%, rgba(46, 196, 113, .24), transparent 52%), linear-gradient(145deg, #0b281a, #07150f 72%); box-shadow: 0 0 28px rgba(54, 211, 124, .18), inset 0 0 24px rgba(45, 190, 107, .08); }
.featured-idea.bearish-card { border-color: #ef5d66; background: radial-gradient(circle at 15% 0%, rgba(214, 52, 62, .28), transparent 54%), linear-gradient(145deg, #321416, #170a0c 72%); box-shadow: 0 0 30px rgba(235, 65, 76, .22), inset 0 0 26px rgba(218, 48, 60, .1); }
.featured-idea.bullish-card .primary { background: linear-gradient(135deg, #47df89, #20b963); color: #03130a; box-shadow: 0 8px 24px rgba(40, 200, 105, .2); }
.featured-idea.bearish-card .primary { background: linear-gradient(135deg, #ff6570, #ca303c); color: #fff; box-shadow: 0 8px 24px rgba(225, 50, 62, .24); }
.featured-idea.bearish-card .eyebrow { color: #ff7b83; }
.featured-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.featured-side { padding: 4px 8px; border: 1px solid currentColor; border-radius: 999px; color: var(--green); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.bearish-card .featured-side { color: var(--red); }
.featured-idea p:last-child { margin: 5px 0 0; color: var(--muted); }
.home-trending { margin-bottom: 18px; }
.home-stock-hunt-meta { display: flex; align-items: center; gap: 8px; }
.home-stock-hunt-meta .eyebrow { margin: 0; }
.home-scan-update { padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 9px; white-space: nowrap; }
.home-scan-update.pending { color: var(--market-accent); cursor: pointer; font-weight: 750; }
.home-scan-update:disabled { opacity: 1; cursor: default; }
.home-filter-strip { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; overflow: hidden; margin: -3px 0 12px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #07140e; scrollbar-width: none; }
.home-filter-strip button { min-width: 0; padding: 7px 8px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-filter-strip button.active { background: var(--surface-2); color: var(--text); }
.home-filter-strip button[data-home-setup-filter="next"].active { background: var(--surface-2); color: var(--text); }
#home-horizon-filter button[data-home-horizon="intraday"] { border: 1px solid rgba(194, 150, 255, .5); color: #d6b8ff; }
#home-horizon-filter button[data-home-horizon="swing"] { border: 1px solid rgba(147, 91, 233, .52); color: #b88cff; }
#home-horizon-filter button[data-home-horizon="positional"] { border: 1px solid rgba(93, 53, 170, .65); color: #a989e7; }
#home-horizon-filter button[data-home-horizon="intraday"].active { background: linear-gradient(135deg, #b98aff, #6e3bbd); border-color: #dec4ff; box-shadow: 0 0 16px rgba(182, 125, 255, .48); color: #fff; }
#home-horizon-filter button[data-home-horizon="swing"].active { background: linear-gradient(135deg, #7540c6, #3d1f76); border-color: #b986ff; box-shadow: 0 0 14px rgba(139, 79, 223, .38); color: #fff; }
#home-horizon-filter button[data-home-horizon="positional"].active { background: linear-gradient(135deg, #482187, #211042); border-color: #8f65d2; box-shadow: 0 0 14px rgba(87, 44, 164, .38); color: #eee5ff; }
#home-setup-filter.intraday-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#home-setup-filter button[data-home-setup-filter="ready"] { border: 1px solid rgba(205, 173, 255, .58); color: #d9c1ff; }
#home-setup-filter button[data-home-setup-filter="ready"].active { background: linear-gradient(135deg, #c9a2ff, #7750bd); border-color: #eadcff; box-shadow: 0 0 14px rgba(193, 145, 255, .42); color: #fff; }
#home-setup-filter button[data-home-setup-filter="bullish"] { border: 1px solid rgba(68, 222, 128, .62); color: #55eb9a; }
#home-setup-filter button[data-home-setup-filter="bullish"].active { background: linear-gradient(135deg, #176e42, #0c3823); border-color: #52e997; box-shadow: 0 0 14px rgba(52, 211, 124, .34); color: #d7ffea; }
#home-setup-filter button[data-home-setup-filter="bearish"] { border: 1px solid rgba(255, 111, 121, .64); color: #ff9098; }
#home-setup-filter button[data-home-setup-filter="bearish"].active { background: linear-gradient(135deg, #7d2c37, #351418); border-color: #ff7d87; box-shadow: 0 0 14px rgba(239, 82, 95, .31); color: #ffe1e4; }
.setup-carousel { position: relative; min-width: 0; }
.setup-carousel-button { position: absolute; z-index: 6; top: 50%; width: 28px; height: 46px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--market-accent); box-shadow: none; cursor: pointer; font-size: 30px; line-height: 1; opacity: 0; pointer-events: none; transform: translateY(-50%); transition: opacity .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.setup-carousel:hover .setup-carousel-button, .setup-carousel:focus-within .setup-carousel-button { opacity: .9; pointer-events: auto; border-color: color-mix(in srgb, var(--market-accent) 35%, transparent); }
.setup-carousel-button:hover { background: color-mix(in srgb, var(--market-soft) 60%, transparent); border-color: color-mix(in srgb, var(--market-accent) 70%, transparent); opacity: 1; transform: translateY(-50%) scale(1.04); }
.setup-carousel-button:focus-visible { opacity: 1; pointer-events: auto; outline: 2px solid var(--market-accent); outline-offset: 2px; }
.setup-carousel-button.previous { left: -14px; }
.setup-carousel-button.next { right: -14px; }
.home-trade-ledger-panel { overflow: hidden; border: 1px solid #24533a; border-radius: 12px; background: #07170f; }
.home-trade-ledger-list { min-width: 0; }
.home-trade-ledger-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #24533a; background: linear-gradient(90deg, rgba(74, 42, 135, .36), rgba(7, 23, 15, .2)); }
.home-trade-ledger-head strong, .home-trade-ledger-head small { display: block; }
.home-trade-ledger-head strong { color: #e4d3ff; font-size: 13px; }
.home-trade-ledger-head small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.home-trade-ledger-head > span { flex: 0 0 auto; color: #c8a5ff; font-size: 10px; font-weight: 850; }
.home-trade-ledger-scroll { overflow-x: auto; }
.home-trade-ledger { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 11px; }
.home-trade-ledger th { padding: 8px 10px; border-bottom: 1px solid #214630; color: #a3b8ab; font-size: 8px; letter-spacing: .06em; text-align: left; white-space: nowrap; }
.home-trade-ledger td { padding: 9px 10px; border-bottom: 1px solid rgba(44, 93, 65, .58); color: var(--text); font-weight: 700; white-space: nowrap; }
.home-trade-ledger tbody tr:last-child td { border-bottom: 0; }
.home-trade-ledger tbody tr:hover { background: rgba(106, 63, 183, .13); }
.home-trade-ledger time { color: #d2beff; font-weight: 850; }
.home-ledger-symbol { margin-right: 7px; padding: 0; border: 0; background: transparent; color: var(--text); cursor: pointer; font: inherit; font-weight: 900; }
.home-ledger-symbol:hover { color: #d3b7ff; }
.home-ledger-ltp-time { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; font-weight: 400; text-transform: none; letter-spacing: normal; }
.home-ledger-call, .home-ledger-status { display: inline-block; padding: 3px 5px; border-radius: 6px; font-size: 8px; font-weight: 900; letter-spacing: .04em; }
.home-ledger-call.buy { background: #164a2d; color: var(--green); }
.home-ledger-call.sell { background: #57262c; color: var(--red); }
.home-ledger-stop { color: #ff9199 !important; }
.home-ledger-target { color: var(--green) !important; }
.home-ledger-status.active { background: #403061; color: #decaff; }
.home-ledger-status.profit { background: #1c5635; color: #65efa5; }
.home-ledger-status.loss { background: #642831; color: #ff9da4; }
.home-trade-ledger-empty { min-height: 92px; display: grid; place-items: center; padding: 18px; color: var(--muted); text-align: center; }
.setup-list.rich-setup-list { display: flex; gap: 12px; overflow-x: auto; padding: 2px 1px 8px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rich-setup-list::-webkit-scrollbar, .rich-stock-grid::-webkit-scrollbar { display: none; }
.rich-setup-list .rich-setup-card { flex: 0 0 460px; max-width: 92%; scroll-snap-align: start; }
.rich-hunt-panel { padding: 16px; }
.rich-stock-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 12px; }
.rich-setup-card { min-width: 0; padding: 8px 10px 12px; border: 1px solid #24533a; border-radius: 14px; background: linear-gradient(145deg, #0b1b13, #09160f); box-shadow: 0 8px 24px rgba(0,0,0,.16); transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.rich-setup-card.bullish-card { border-color: #2d8554; background: radial-gradient(circle at 5% 0%, rgba(41, 176, 96, .18), transparent 48%), linear-gradient(145deg, #0b2116, #08140e 75%); box-shadow: 0 8px 26px rgba(20, 118, 67, .12); }
.rich-setup-card.bearish-card { border-color: #9b4248; background: radial-gradient(circle at 5% 0%, rgba(194, 49, 59, .22), transparent 50%), linear-gradient(145deg, #2b1215, #15090b 75%); box-shadow: 0 8px 26px rgba(142, 27, 36, .16); }
.current-hunt-card { cursor: pointer; }
.current-hunt-card:focus-visible { outline: 2px solid var(--market-accent); outline-offset: 2px; }
.current-hunt-card[aria-expanded="true"] { cursor: default; }
.current-hunt-card > .setup-summary-line { margin-top: 8px; }
.current-hunt-symbol { min-width: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.current-hunt-details { display: none; }
.current-hunt-card[aria-expanded="true"] .current-hunt-details { display: block; }
.rich-stock-head { display: grid; grid-template-columns: minmax(70px, 1fr) auto auto auto auto; align-items: center; gap: 4px; padding-bottom: 2px; border-bottom: 1px solid var(--line); }
.rich-stock-head .symbol-button { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rich-stock-ltp { display: flex; align-items: baseline; gap: 4px; white-space: nowrap; }
.rich-stock-ltp small { color: var(--muted); font-size: 7px; font-weight: 800; }
.rich-stock-ltp strong { font-size: 12px; }
.bullish-card .rich-stock-ltp strong { color: var(--green); }
.bearish-card .rich-stock-ltp strong { color: var(--red); }
.stock-ltp { display: flex; align-items: baseline; gap: 6px; margin: 7px 0 9px !important; color: var(--text) !important; }
.stock-ltp span { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.stock-ltp strong { font-size: 14px; }
.bullish-card .stock-ltp strong { color: var(--green); }
.bearish-card .stock-ltp strong { color: var(--red); }
.rich-stock-body { display: grid; gap: 7px; padding-top: 7px; }
.rich-stock-body section { display: grid; gap: 4px; min-width: 0; }
.rich-stock-body section > strong { overflow-wrap: anywhere; }
.rich-stock-body section > small { color: var(--muted); }
.setup-summary-line { display: flex !important; align-items: baseline; gap: 6px !important; white-space: nowrap; }
.trade-horizon { width: max-content; max-width: 100%; margin: 2px 0 6px; padding: 3px 6px; overflow: hidden; border: 1px solid #2d6a89; border-radius: 7px; background: rgba(28, 86, 113, .22); color: #a9ddff; font-size: 8px; font-weight: 850; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.trade-horizon.swing { border-color: #2f7b50; background: rgba(25, 101, 56, .22); color: var(--green); }
.trade-horizon.positional { border-color: #806726; background: rgba(111, 80, 21, .22); color: #ffd574; }
.setup-summary-line strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.setup-summary-line small { flex: 0 0 auto; white-space: nowrap; }
.setup-summary-line .setup-name-pill { padding: 3px 6px; border: 1px solid #3a7151; border-radius: 6px; background: rgba(28, 113, 66, .24); color: var(--green); font-size: 11px; }
.setup-summary-line.bearish .setup-name-pill { border-color: #7f3b42; background: rgba(129, 37, 45, .26); color: var(--red); }
.trade-plan-summary strong, .trade-plan-summary small { white-space: nowrap; }
.trade-plan-values { display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr); align-items: stretch; min-height: 42px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgba(7, 23, 15, .45); }
.trade-plan-values > strong { min-width: 0; padding: 7px 8px; overflow: hidden; border-right: 1px solid var(--line); text-overflow: ellipsis; }
.trade-plan-risk { display: grid; grid-template-rows: 1fr 1fr; min-width: 0; }
.trade-plan-risk small { display: flex; align-items: center; min-width: 0; padding: 3px 8px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.trade-plan-risk small:first-child { justify-content: space-between; gap: 8px; }
.trade-plan-risk small span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.trade-plan-risk small:first-child span:first-child { flex: 1 1 auto; font-size: 8.5px; }
.trade-plan-risk small span:last-child { flex: 0 0 auto; text-align: right; }
.trade-plan-risk small + small { border-top: 1px solid rgba(64, 92, 77, .5); }
.trade-plan-summary.bullish .trade-plan-values { border-color: rgba(57, 215, 126, .5); background: rgba(28, 113, 66, .18); }
.trade-plan-summary.bullish .trade-plan-values strong { color: var(--green); }
.trade-plan-summary.bearish .trade-plan-values { border-color: rgba(239, 93, 102, .5); background: rgba(129, 37, 45, .18); }
.trade-plan-summary.bearish .trade-plan-values strong { color: var(--red); }
.rich-label { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.rich-section-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rich-section-head small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.stock-timeframes { gap: 3px !important; }
.stock-timeframe-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.stock-timeframe { min-width: 0; padding: 3px 2px; border: 1px solid var(--line); border-radius: 6px; background: rgba(7, 23, 15, .72); text-align: center; }
.stock-timeframe b, .stock-timeframe strong, .stock-timeframe small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stock-timeframe b { color: var(--muted); font-size: 7px; }
.stock-timeframe strong { margin-top: 1px; font-size: 8px; }
.stock-timeframe small { margin-top: 0; color: var(--muted); font-size: 6px; }
.stock-timeframe.bullish { border-color: rgba(57, 215, 126, .48); background: rgba(22, 100, 58, .22); }
.stock-timeframe.bullish strong { color: var(--green); }
.stock-timeframe.bearish { border-color: rgba(239, 93, 102, .48); background: rgba(119, 31, 39, .25); }
.stock-timeframe.bearish strong { color: var(--red); }
.stock-timeframe.neutral strong { color: #bdc9c1; }
.price-position-section { gap: 5px !important; padding-top: 6px; border-top: 1px solid var(--line); }
.setup-level-chart { overflow: hidden; border: 1px solid #263646; border-radius: 11px; background: #101722; }
.setup-level-canvas { display: block; width: 100%; height: 252px; }
.level-chart-key { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 6px 8px 7px; border-top: 1px solid #263646; background: #101722; color: #8fa99a; font-size: 9px; }
.level-chart-key b { color: #dce7e0; }
.fno-section { gap: 4px !important; padding-top: 5px; border-top: 1px solid var(--line); }
.derivative-status { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 5px 7px; border: 1px solid #755f29; border-radius: 7px; background: rgba(91, 68, 18, .16); color: var(--muted); font-size: 8px; }.derivative-status > span:last-child { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }.derivative-status b { color: var(--amber); }.derivative-status.fresh { border-color: #28734b; background: rgba(24, 105, 58, .15); }.derivative-status.fresh b { color: var(--green); }.derivative-status.missing { border-color: #79363e; background: rgba(113, 31, 38, .15); }.derivative-status.missing b { color: var(--red); }
.early-reversal-watch { margin: 7px 0; padding: 7px 9px; border: 1px solid #b88a35; border-radius: 8px; background: rgba(184, 138, 53, .12); color: #f4cf75; font-size: .78rem; line-height: 1.35; }
.fno-compact-block { display: grid; gap: 2px; }
.fno-inline-row { display: flex; align-items: center; min-width: 0; gap: 8px; }
.fno-inline-row span, .fno-inline-row small { min-width: 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.fno-inline-row strong { color: var(--text); font-size: 11px; }
.fno-futures-top { min-height: 19px; }
.fno-futures-top .rich-label { flex: 0 0 auto; color: var(--muted); }
.fno-inline-value { flex: 1 1 auto; }
.fno-inline-value.bullish strong { color: var(--green); }
.fno-inline-value.bearish strong { color: var(--red); }
.fno-buildup-label { flex: 0 1 auto; overflow: hidden; color: #e2c36f !important; font-size: 10px !important; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.fno-buildup-label.bullish { color: var(--green) !important; }
.fno-buildup-label.bearish { color: var(--red) !important; }
.fno-futures-bottom { min-height: 20px; padding: 3px 5px; border-radius: 6px; background: rgba(21, 66, 43, .22); }
.fno-futures-bottom.bullish { background: rgba(28, 113, 66, .22); }
.fno-futures-bottom.bearish { background: rgba(129, 37, 45, .22); }
.fno-futures-bottom > span { flex: 0 0 auto; }
.fno-futures-bottom .fno-change { flex: 1 1 auto; color: var(--green); text-align: right; }
.fno-futures-bottom.bearish .fno-change { color: var(--red); }
.fno-option-top { min-height: 18px; justify-content: space-between; }
.fno-option-top small { text-align: right; }
.fno-option-bottom { min-height: 20px; padding: 3px 0; border-top: 1px solid rgba(64, 92, 77, .5); }
.fno-option-bottom > span { flex: 1 1 0; }
.fno-option-bottom > span + span { border-left: 1px solid rgba(64, 92, 77, .42); padding-left: 7px; }
.fno-positive { color: var(--green); }
.fno-negative { color: var(--red); }
.option-divider { height: 1px; margin: 3px 0; background: var(--line); }
.fno-empty { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.fno-on-demand { display: grid; gap: 7px; margin-top: 4px; padding: 8px; border: 1px solid #385043; border-radius: 9px; background: rgba(20, 55, 38, .28); }
.fno-on-demand p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.35; }
.fno-on-demand button { width: 100%; min-height: 34px; }
.reason-section { align-items: start; }
.reason-panel { display: flex; flex-wrap: wrap; gap: 5px; padding-top: 2px; }
.reason-panel span { padding: 3px 6px; border: 1px solid #294337; border-radius: 7px; background: var(--surface-2); color: #c6d6cc; font-size: 10px; font-weight: 650; }
.rich-stock-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 8px; }
.rich-stock-actions button { width: 100%; }
.rich-setup-card.bullish-card .rich-stock-actions .inspect-symbol { border-color: transparent; background: linear-gradient(135deg, #42d984, #20ad60); color: #03130a; }
.rich-setup-card.bearish-card .rich-stock-actions .inspect-symbol { border-color: transparent; background: linear-gradient(135deg, #fa626c, #c72f3a); color: #fff; }
.rich-setup-card.bullish-card .rich-stock-actions .trade-symbol { border-color: #2b734b; background: rgba(20, 81, 48, .32); }
.rich-setup-card.bearish-card .rich-stock-actions .trade-symbol { border-color: #77363b; background: rgba(91, 28, 34, .34); }
.nse-sector-reference-panel { margin-bottom: 20px; padding: 15px; border: 1px solid #3b3158; border-radius: 13px; background: radial-gradient(circle at 5% 0%, rgba(116, 73, 196, .2), transparent 46%), #071c12; }
.nse-sector-reference-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.nse-sector-reference-head .eyebrow { margin: 0 0 3px; }
.nse-sector-reference-head h2 { margin: 0; font-size: 16px; }
.nse-sector-reference-head .muted { margin: 4px 0 0; font-size: 10px; line-height: 1.4; }
.nse-sector-reference-badge { flex: 0 0 auto; padding: 5px 9px; border: 1px solid #7750b4; border-radius: 999px; background: rgba(116, 73, 196, .2); color: #cba8ff; font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.nse-sector-reference-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.nse-sector-reference-card { min-width: 0; min-height: 62px; padding: 7px 8px; border: 1px solid #3d3a57; border-left: 3px solid #9a73d1; border-radius: 8px; background: linear-gradient(100deg, rgba(70, 49, 105, .28), rgba(7, 28, 18, .94) 74%); color: var(--text); text-align: left; cursor: pointer; }
.nse-sector-reference-card:hover, .nse-sector-reference-card:focus-visible, .nse-sector-reference-card.active { border-color: #cba8ff; outline: none; box-shadow: 0 0 16px rgba(155, 104, 226, .22); }
.nse-sector-reference-card.positive { border-left-color: #39d77e; background: linear-gradient(100deg, rgba(26, 116, 67, .42), rgba(7, 28, 18, .94) 74%); }
.nse-sector-reference-card.negative { border-left-color: #ef5d66; background: linear-gradient(100deg, rgba(126, 36, 44, .44), rgba(7, 28, 18, .94) 74%); }
.nse-sector-reference-card > strong { display: block; overflow: hidden; color: var(--text); font: 800 12px/1.15 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.nse-sector-reference-count { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }
.nse-sector-reference-count b { margin-left: 4px; font-size: 10px; }
.nse-sector-reference-card.positive .nse-sector-reference-count b { color: var(--green); }
.nse-sector-reference-card.negative .nse-sector-reference-count b { color: var(--red); }
.nse-sector-reference-meta { display: flex; gap: 7px; margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(95, 79, 130, .42); font-size: 9px; white-space: nowrap; }
.nse-sector-reference-meta b:first-child { color: #cba8ff; }
.nse-sector-reference-meta b:last-child { color: #88c6ff; }
.nse-sector-reference-card small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; }
.nse-sector-stock-panel { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.nse-sector-stock-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.nse-sector-stock-head .eyebrow { margin: 0 0 3px; }
.nse-sector-stock-head h3 { margin: 0; font-size: 16px; }
.nse-sector-stock-head .muted { margin: 4px 0 0; font-size: 10px; }
.nse-sector-stock-summary { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0; }
.nse-sector-stock-summary span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 999px; background: rgba(10, 36, 24, .6); color: var(--muted); font-size: 10px; }
.nse-sector-stock-summary .positive { border-color: #277049; color: var(--green); }
.nse-sector-stock-summary .negative { border-color: #73383e; color: var(--red); }
.nse-sector-stock-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.nse-sector-stock-card { display: flex; justify-content: space-between; gap: 9px; min-width: 0; min-height: 68px; padding: 9px 10px; border: 1px solid var(--line); border-left: 3px solid #91a89b; border-radius: 9px; background: #071c12; color: var(--text); font: inherit; text-align: left; cursor: pointer; transition: border-color .16s ease, transform .16s ease, filter .16s ease; }
.nse-sector-stock-card:active { transform: scale(.98); filter: brightness(1.15); }
.nse-sector-stock-card:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.nse-sector-stock-card.positive { border-color: #277049; border-left-color: #39d77e; background: linear-gradient(100deg, rgba(26, 116, 67, .34), #071c12 78%); }
.nse-sector-stock-card.negative { border-color: #73383e; border-left-color: #ef5d66; background: linear-gradient(100deg, rgba(126, 36, 44, .34), #071c12 78%); }
.nse-sector-stock-card > div:first-child { min-width: 0; }
.nse-sector-stock-card strong, .nse-sector-stock-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nse-sector-stock-card strong { font-size: 13px; }
.nse-sector-stock-card small { max-width: 150px; margin-top: 4px; color: var(--muted); font-size: 9px; }
.nse-sector-stock-values { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 6px; font-size: 10px; }
.nse-sector-stock-values b { font-size: 12px; }
.nse-sector-stock-card.positive .nse-sector-stock-values b { color: var(--green); }
.nse-sector-stock-card.negative .nse-sector-stock-values b { color: var(--red); }
.home-sector-panel { margin-bottom: 20px; padding: 0; }
.sector-momentum-panel { margin-top: 16px; padding: 15px; border: 1px solid #29483a; border-radius: 13px; background: radial-gradient(circle at 7% 0%, rgba(116, 73, 196, .18), transparent 44%), #071c12; }
.sector-momentum-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sector-momentum-head .eyebrow { margin: 0 0 3px; }
.sector-momentum-head h2 { margin: 0; font-size: 16px; }
.sector-momentum-head .muted { margin: 4px 0 0; max-width: 680px; font-size: 10px; line-height: 1.4; }
.sector-momentum-period { flex: 0 0 auto; padding: 5px 9px; border: 1px solid #7750b4; border-radius: 999px; background: rgba(116, 73, 196, .2); color: #cba8ff; font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.sector-momentum-loading { min-height: 220px; display: grid; place-items: center; color: var(--muted); font-size: 12px; text-align: center; }
.sector-momentum-chart { width: 100%; height: 320px; display: block; margin-top: 13px; border: 1px solid rgba(55, 95, 74, .7); border-radius: 10px; background: rgba(4, 15, 10, .52); }
.sector-momentum-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.sector-momentum-legend-item { display: inline-flex; align-items: center; gap: 6px; min-width: 128px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; background: rgba(8, 26, 17, .8); font-size: 10px; }
.sector-momentum-swatch { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; box-shadow: 0 0 8px currentColor; }
.sector-momentum-legend-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sector-momentum-legend-item span:last-child { margin-left: auto; font-weight: 850; }
.sector-momentum-legend-item.positive span:last-child { color: var(--green); }
.sector-momentum-legend-item.negative span:last-child { color: var(--red); }
.settings-panel { max-width: 680px; }
.settings-row { display: grid; grid-template-columns: minmax(100px, .5fr) 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.settings-row span { color: var(--muted); }
.settings-row strong { overflow-wrap: anywhere; }
.settings-sound-toggle { justify-self: end; min-width: 150px; }
.settings-sound-toggle[aria-pressed="true"] { border-color: var(--green); background: rgba(42, 211, 122, .1); color: var(--green); }
.settings-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding-top: 16px; }
.settings-signout { border-color: #6e343a; color: var(--red); }
.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px; }
.page-heading p { margin-bottom: 0; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 18px; }
.metric { min-height: 120px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, var(--surface), #0a1812); }
.metric span { color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.metric strong { display: block; margin: 11px 0 3px; font-size: 26px; letter-spacing: -.04em; }
.metric small { color: var(--muted); }
.positive { color: var(--green) !important; }
.negative { color: var(--red) !important; }
.two-column { display: grid; grid-template-columns: 1fr 1.15fr; gap: 18px; }
.panel { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(12, 28, 21, .86); box-shadow: 0 10px 40px rgba(0,0,0,.12); }
.panel-head, .chart-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.sector-list, .setup-list, .order-list { display: grid; gap: 9px; }
.sector-row, .setup-row, .order-row { display: grid; align-items: center; gap: 12px; padding: 12px; border: 1px solid #193529; border-radius: 12px; background: #0a1912; }
.sector-row { grid-template-columns: 1fr auto; }
.setup-row { grid-template-columns: 1fr auto auto; }
.setup-row button, .symbol-button { padding: 0; border: 0; background: none; color: var(--text); text-align: left; cursor: pointer; font-weight: 850; }
.setup-row button:hover, .symbol-button:hover { color: var(--green); }
.score { min-width: 34px; padding: 2px 6px; border-radius: 8px; background: #173a26; color: var(--green); font-size: 19px; line-height: 1; text-align: center; font-weight: 900; }
.bear-score { background: #402022; color: var(--red); }
.badge { display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 999px; background: #173a26; color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.badge.bearish { background: #3a2021; color: var(--red); }
.empty { min-height: 100px; display: grid; place-items: center; color: var(--muted); }
.segmented { display: flex; gap: 3px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #07140e; }
.segmented button { padding: 7px 11px; font-size: 12px; }
.stock-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; white-space: nowrap; }
.stock-filter-toggle b { display: inline-block; font-size: 14px; line-height: 1; transition: transform .18s ease; }
#view-hunt.filters-open .stock-filter-toggle b { transform: rotate(180deg); }
.stock-mode-filter { width: 100%; max-width: 100%; margin: 0 0 14px; padding: 4px; }
.stock-mode-filter#stock-horizon-filter { margin-bottom: 6px; }
.stock-mode-filter button { flex: 1 1 0; min-width: 0; padding: 9px 12px; text-align: center; }
#view-hunt:not(.filters-open) #ready-history-filters { display: none; }
.ready-history-panel { padding: 14px; }
.ready-history-filters { display: grid; grid-template-columns: minmax(150px, 1.25fr) repeat(3, minmax(105px, .7fr)) auto; gap: 8px; align-items: end; }
.ready-history-filters label { gap: 4px; color: var(--muted); font-size: 10px; }
.ready-history-filters input, .ready-history-filters select { min-width: 0; min-height: 38px; padding: 7px 9px; border-radius: 9px; }
.ready-history-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 11px 0; }
.ready-history-summary span { min-width: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(7, 23, 15, .72); }
.ready-history-summary small, .ready-history-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ready-history-summary small { color: var(--muted); font-size: 8px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.ready-history-summary strong { margin-top: 2px; font-size: 15px; }
.ready-history-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.ready-history-list.empty { min-height: 90px; grid-template-columns: 1fr; place-items: center; color: var(--muted); }
.ready-history-card { min-width: 0; padding: 11px; border: 1px solid #2d8554; border-left: 4px solid var(--green); border-radius: 12px; background: radial-gradient(circle at 4% 0%, rgba(41, 176, 96, .16), transparent 48%), #091810; cursor: pointer; }
.ready-history-card.bearish { border-color: #8c3c43; border-left-color: var(--red); background: radial-gradient(circle at 4% 0%, rgba(194, 49, 59, .2), transparent 50%), #1c0c0e; }
.ready-history-card:focus-visible { outline: 2px solid var(--market-accent); outline-offset: 2px; }
.ready-history-card[aria-expanded="true"] { cursor: default; }
.ready-history-card header { display: grid; grid-template-columns: minmax(72px, 1fr) auto auto auto; align-items: center; gap: 6px; padding-bottom: 7px; border-bottom: 1px solid var(--line); }
.ready-history-card header strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.history-score, .history-status { padding: 4px 6px; border-radius: 7px; background: var(--surface-2); font-size: 9px; font-weight: 850; white-space: nowrap; }
.ready-history-card.bullish .history-score { color: var(--green); }
.ready-history-card.bearish .history-score { color: var(--red); }
.history-status { color: var(--amber); }
.ready-history-setup { display: flex; align-items: baseline; gap: 6px; min-width: 0; margin: 7px 0; }
.ready-history-setup strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ready-history-setup small { flex: 0 0 auto; color: var(--muted); font-size: 9px; }
.ready-history-details { display: none; }
.ready-history-card[aria-expanded="true"] .ready-history-details { display: block; }
.ready-history-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.ready-history-price-grid span, .ready-history-plan span { min-width: 0; padding: 5px 6px; border: 1px solid rgba(55, 85, 68, .7); border-radius: 7px; }
.ready-history-price-grid small, .ready-history-price-grid b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ready-history-price-grid small { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.ready-history-price-grid b { margin-top: 1px; font-size: 11px; }
.ready-history-plan { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-top: 5px; color: var(--muted); font-size: 8px; }
.ready-history-plan b { display: block; overflow: hidden; margin-top: 1px; color: var(--text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ready-history-horizons { display: flex; gap: 4px; overflow-x: auto; margin-top: 6px; scrollbar-width: none; }
.ready-history-horizons span { flex: 0 0 auto; padding: 4px 6px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); font-size: 8px; white-space: nowrap; }
.ready-history-horizons span.positive { border-color: #276e49; }
.ready-history-horizons span.negative { border-color: #74363d; }
.ready-history-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; color: var(--muted); font-size: 8px; }
.ready-history-card footer button { min-height: 28px; padding: 4px 8px; font-size: 8px; }
.sector-strip { display: flex; gap: 9px; margin-bottom: 14px; overflow-x: auto; scrollbar-width: none; }
.sector-strip::-webkit-scrollbar { display: none; }
.sector-chip { flex: 0 0 auto; min-width: 104px; padding: 10px 13px; border: 1px solid var(--line); border-left-width: 2px; border-radius: 11px; background: var(--surface); color: var(--text); text-align: left; cursor: pointer; }
.sector-chip strong, .sector-chip small { display: block; }
.sector-chip small { margin-top: 3px; color: var(--muted); }
.sector-chip.bullish { border-left-color: var(--green); background: linear-gradient(100deg, rgba(26, 116, 67, .36), rgba(7, 28, 18, .92) 78%); }
.sector-chip.bearish { border-left-color: var(--red); background: linear-gradient(100deg, rgba(126, 36, 44, .38), rgba(7, 28, 18, .92) 78%); }
.sector-chip.mixed { border-left-color: var(--amber); background: linear-gradient(100deg, rgba(105, 80, 28, .28), rgba(7, 28, 18, .92) 78%); }
.sector-chip.neutral { border-left-color: #93a69b; }
.sector-chip.active { border-color: var(--market-accent); background: var(--market-soft); box-shadow: 0 0 16px var(--market-glow); }
.table-panel { padding: 0; overflow: hidden; }
.table-panel > .panel-head { padding: 20px 20px 0; }
.stock-line { display: grid; grid-template-columns: minmax(150px, 1.2fr) .65fr .65fr 1.5fr .55fr; align-items: center; gap: 14px; padding: 15px 20px; border-top: 1px solid var(--line); }
.stock-line:first-child { border-top: 0; }
.stock-line small { color: var(--muted); }
.portfolio-position { grid-template-columns: minmax(150px, 1fr) auto auto; gap: 7px 14px; padding-block: 10px; }
.portfolio-position-symbol small, .portfolio-position-quote small { display: block; }
.portfolio-position-quote { text-align: right; }
.portfolio-position-pnl { min-width: 78px; text-align: right; }
.portfolio-position-guidance { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; font-size: 11px; }
.portfolio-position-guidance > strong, .portfolio-position-guidance > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-position-guidance span { color: var(--muted); }
.portfolio-position-guidance b { color: var(--text); }
.portfolio-position-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.portfolio-position-actions .close-position { border-color: #73353b; color: var(--red); }
.inspector-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.inspector-toolbar form { display: flex; align-items: end; gap: 9px; width: min(450px, 100%); }
.inspector-card-result { width: 100%; margin: 0 auto; }
.inspector-horizon-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(8, 25, 16, .72); }
.inspector-horizon-intro strong { color: var(--green); font-size: 14px; }
.inspector-horizon-intro span { color: var(--muted); font-size: 11px; text-align: right; }
.inspector-horizon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; }
.inspector-horizon-card { min-width: 0; }
.inspector-horizon-card > header { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 0 5px 6px; }
.inspector-horizon-card > header strong { color: var(--text); font-size: 14px; }
.inspector-horizon-card > header small { color: var(--muted); font-size: 9px; text-align: right; }
.inspector-horizon-card .rich-setup-card { min-width: 0; }
.inspector-card-result.empty { min-height: 140px; display: grid; place-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(8, 25, 16, .72); color: var(--muted); text-align: center; }
.search-label { flex: 1; display: grid; gap: 7px; color: #bbcec2; font-size: 12px; font-weight: 700; }
.symbol-search { position: relative; }
.symbol-suggestions { position: absolute; z-index: 60; top: calc(100% + 7px); left: 0; right: 0; max-height: 310px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 13px; background: #081710; box-shadow: 0 20px 45px rgba(0,0,0,.45); }
.symbol-suggestion { width: 100%; display: grid; grid-template-columns: minmax(80px, auto) 1fr auto; align-items: center; gap: 11px; padding: 10px 11px; border: 0; border-radius: 9px; background: transparent; color: var(--text); text-align: left; cursor: pointer; }
.symbol-suggestion:hover, .symbol-suggestion.active { background: var(--surface-2); }
.symbol-suggestion strong { color: var(--green); font-size: 13px; }
.symbol-suggestion span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.symbol-suggestion small { color: var(--muted); font-weight: 600; }
.symbol-empty { padding: 12px; color: var(--muted); text-align: center; font-weight: 600; }
.chart-panel { padding-bottom: 10px; }
#price-chart { display: block; width: 100%; height: min(48vh, 470px); border-radius: 12px; background: #06120d; }
.inspect-details { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }
.detail-chip { padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 12px; }
.trade-layout { display: grid; grid-template-columns: minmax(340px, .75fr) minmax(0, 1.25fr); gap: 18px; }
.trade-ticket { display: grid; gap: 15px; }
.side-switch { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; padding: 4px; border-radius: 11px; background: #07140e; }
.side-switch button { padding: 9px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.side-switch button.active.buy { background: #173d27; color: var(--green); }
.side-switch button.active.short { background: #442224; color: var(--red); }
.side-switch button.active:not(.buy):not(.short) { background: var(--surface-2); color: var(--text); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.trade-readout { width: 100%; min-height: 46px; display: flex; align-items: center; overflow: hidden; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: #07150f; color: var(--text); font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.trade-fund-summary.insufficient .trade-readout { border-color: rgba(255, 120, 128, .7); }
.simulation-note { padding: 11px; border: 1px solid #464025; border-radius: 10px; background: #211e0e; color: var(--amber); font-size: 11px; }
.simulation-note p { margin: 3px 0 0; color: #b5aa77; }
.order-row { grid-template-columns: 1fr auto; }
.order-row p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.watchlist-heading { align-items: center; margin-bottom: 10px; }
.watchlist-title-compact { min-width: 0; display: grid; gap: 2px; }
.watchlist-title-compact p { display: flex; align-items: baseline; gap: 7px; margin: 0; white-space: nowrap; }
.watchlist-title-compact p span { color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.watchlist-title-compact p strong { font-size: 16px; line-height: 1; }
.watchlist-title-compact small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
#show-create-watchlist { min-height: 30px; padding: 5px 9px; white-space: nowrap; }
.watchlist-create { display: flex; align-items: end; gap: 10px; margin-bottom: 14px; padding: 14px; }
.watchlist-create label { flex: 1; }
.watchlist-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 0 0 10px; padding: 2px 1px 4px; scrollbar-width: none; }
.watchlist-tabs::-webkit-scrollbar { display: none; }
.watchlist-tabs button { flex: 0 0 calc((100% - 18px) / 4); min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 3px; padding: 6px 7px; border: 1px solid var(--line); border-radius: 8px; background: #081710; color: var(--muted); cursor: pointer; }
.watchlist-tabs button.active { border-color: var(--market-accent); background: var(--market-soft); color: var(--text); box-shadow: 0 0 18px var(--market-glow); }
.watchlist-tabs button span { min-width: 0; overflow: hidden; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.watchlist-tabs button small { flex: 0 0 auto; min-width: 16px; padding: 2px 4px; border-radius: 999px; background: rgba(255,255,255,.07); font-size: 8px; text-align: center; }
.watchlist-panel { overflow: visible; padding: 0; }
.watchlist-panel-head { min-height: 32px; align-items: center; margin-bottom: 0; padding: 6px 9px 4px; }
.watchlist-selected-summary { min-width: 0; display: flex; align-items: baseline; gap: 7px; white-space: nowrap; }
.watchlist-selected-summary .eyebrow { margin: 0; font-size: 8px; }
.watchlist-selected-summary strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; }
.watchlist-selected-summary small { font-size: 9px; }
.watchlist-panel-head .text-button { flex: 0 0 auto; padding: 3px 0; font-size: 10px; }
.danger-text { color: var(--red); }
.watchlist-add-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; padding: 5px 8px 6px; border-bottom: 1px solid var(--line); }
.watchlist-add-form .symbol-search { min-width: 0; }
.watchlist-add-form input { min-height: 32px; padding: 5px 8px; border-radius: 8px; font-size: 10px; }
.watchlist-add-form .primary { min-height: 32px; padding: 5px 10px; border-radius: 8px; font-size: 10px; }
.watchlist-stocks { display: grid; }
.watchlist-stocks.empty { padding: 28px 18px; color: var(--muted); text-align: center; }
.watchlist-stock { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 24px; align-items: center; gap: 6px; min-height: 40px; padding: 6px 8px 6px 11px; border-top: 1px solid var(--line); border-left: 3px solid var(--muted); background: linear-gradient(90deg, rgba(143,169,154,.05), transparent 52%); }
.watchlist-stock:first-child { border-top: 0; }
.watchlist-stock.bullish { border-left-color: var(--green); background: linear-gradient(90deg, rgba(53,201,119,.11), transparent 58%); }
.watchlist-stock.bearish { border-left-color: var(--red); background: linear-gradient(90deg, rgba(230,99,107,.12), transparent 58%); }
.watchlist-stock-main { min-width: 0; display: grid; grid-template-columns: minmax(70px, 1fr) auto auto; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.watchlist-stock-main strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.watchlist-stock-main small { color: var(--muted); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.watchlist-stock-price, .watchlist-stock-score { flex: 0 0 auto; color: var(--muted); font-size: 10px; font-weight: 750; white-space: nowrap; }
.watchlist-stock.bullish .watchlist-stock-score { color: var(--green); }
.watchlist-stock.bearish .watchlist-stock-score { color: var(--red); }
.watchlist-remove { width: 22px; height: 22px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--muted); font-size: 13px; line-height: 1; cursor: pointer; }
.watchlist-remove:hover { border-color: var(--red); color: var(--red); }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 24px; transform: translate(-50%, 140%); max-width: calc(100% - 32px); padding: 11px 15px; border: 1px solid var(--line); border-radius: 11px; background: #10251a; box-shadow: var(--shadow); transition: transform .22s ease; }
.toast.show { transform: translate(-50%, 0); }
.toast.error { border-color: #6b3034; color: #ffadb1; }
.bottom-nav { display: none; }

@media (max-width: 900px) {
  .auth-shell { grid-template-columns: 1fr; }
  .brand-panel { min-height: 35vh; padding: 52px 28px 30px; border-right: 0; }
  .brand-panel h1 { font-size: clamp(42px, 12vw, 65px); }
  .brand-panel .logo { margin-bottom: 24px; }
  .auth-card { margin: 16px auto 48px; }
  .subscription-layout { grid-template-columns: 1fr; }
  .subscription-plan { max-width: 620px; }
  .app-layout { grid-template-columns: 1fr; }
  .view-root { padding: 24px 16px 48px; }
  .topbar { grid-template-columns: auto 1fr auto; padding: 0 14px; gap: 10px; }
  .app-brand > span:last-child { display: none; }
  .market-tabs { display: flex; gap: 0; justify-content: space-between; padding-inline: 6px; }
  .market-tabs button { flex: 0 1 auto; padding-inline: 8px; font-size: 11px; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .two-column, .trade-layout { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .setup-carousel-button { display: none; }
  .subscription-header { min-height: 62px; padding: 10px 16px; }
  .subscription-header .outline { min-height: 36px; padding: 7px 10px; }
  .subscription-content { padding: 18px 16px 34px; }
  .subscription-welcome { align-items: flex-start; flex-direction: column; padding: 16px; }
  .subscription-features { grid-template-columns: 1fr; gap: 8px; }
  .subscription-features article { min-height: 84px; }
  .subscription-plan { padding: 18px; }
  .market-ticker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow-x: hidden; }
  .ticker-item { min-width: 0; padding: 8px 3px; }
  .ticker-item > div { gap: 3px; }
  .ticker-item strong { font-size: 10px; white-space: nowrap; }
  .ticker-item p { gap: 2px; margin-top: 2px; }
  .ticker-item p > span:first-child { font-size: 9px; }
  .ticker-item p > span:not(:first-child), .ticker-item p > strong { font-size: 8px; }
  .topbar { padding: 0 14px; }
  .status-pill { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .top-actions .status-pill, #install-button { display: none !important; }
  .global-search { min-width: 0; }
  .app-shell[data-view="sector"] .topbar { grid-template-columns: minmax(0, 1fr); }
  .app-shell[data-view="sector"] .home-header-summary { display: grid; }
  .view-root { padding-top: 14px; }
  .home-sector-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .nse-sector-reference-panel { padding: 12px; }
  .nse-sector-reference-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .nse-sector-reference-card { min-height: 61px; padding: 6px 7px; }
  .nse-sector-stock-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sector-momentum-panel { padding: 12px; }
  .sector-momentum-chart { height: 250px; }
  .sector-momentum-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sector-momentum-legend-item { min-width: 0; }
  .home-sector-card { min-height: 55px; padding: 5px 8px; border-radius: 7px; }
  .sector-card-name { font-size: 13px; }
  .sector-card-summary { font-size: 10px; }
  .sector-card-summary b { font-size: 10px; }
  .sector-card-meta { font-size: 9px; }
  .sector-card-meta b { font-size: 10px; }
  .featured-idea { grid-template-columns: 1fr; padding: 17px; }
  .featured-idea .primary { width: 100%; }
  #view-home .metric-grid { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  #view-home .metric-grid::-webkit-scrollbar { display: none; }
  #view-home .metric { flex: 0 0 76%; scroll-snap-align: start; }
  #view-home .sector-list { display: flex; gap: 9px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; scroll-snap-type: x mandatory; }
  #view-home .sector-row { flex: 0 0 78%; scroll-snap-align: start; }
  .page-heading { align-items: start; }
  .page-heading .segmented { overflow-x: auto; }
  .page-heading > .primary { display: none; }
  .metric { min-height: 105px; padding: 14px; }
  .metric strong { font-size: 21px; }
  .inspector-toolbar { align-items: stretch; flex-direction: column; }
  .inspector-toolbar form { width: 100%; }
  .inspector-horizon-grid { grid-template-columns: 1fr; }
  .inspector-horizon-intro { align-items: start; flex-direction: column; gap: 3px; }
  .inspector-horizon-intro span { text-align: left; }
  #timeframe-buttons { overflow-x: auto; }
  .stock-line { grid-template-columns: 1fr auto auto; }
  .stock-line .hide-mobile { display: none; }
  .watchlist-heading { flex-direction: row; align-items: center; }
  .watchlist-create { display: grid; grid-template-columns: 1fr auto auto; padding: 10px; }
  .watchlist-tabs button { flex-basis: calc((100% - 18px) / 4); min-width: 0; padding: 5px 6px; }
  .app-shell[data-view="watchlist"] .view-root { padding-inline: 5px; }
  .watchlist-add-form { padding: 4px 6px 5px; }
  .watchlist-stock { grid-template-columns: minmax(0, 1fr) 22px; gap: 4px; min-height: 42px; padding: 5px 3px 5px 7px; }
  .watchlist-stock-main { grid-template-columns: minmax(62px, 1fr) auto auto; gap: 5px; }
  .watchlist-stock-main strong { font-size: 12px; }
  .watchlist-stock-main small { font-size: 7px; }
  .watchlist-stock-price, .watchlist-stock-score { font-size: clamp(11px, 3.2vw, 13px); font-weight: 850; letter-spacing: -.02em; }
  .app-shell:is([data-view="portfolio"], [data-view="settings"]) .view-root { padding: 8px 5px 54px; }
  #view-portfolio .page-heading, #view-settings .page-heading { align-items: center; gap: 7px; margin-bottom: 8px; padding-inline: 3px; }
  #view-portfolio .page-heading > div, #view-settings .page-heading > div { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 2px 6px; }
  #view-portfolio .page-heading .eyebrow, #view-settings .page-heading .eyebrow { margin: 0; font-size: 8px; white-space: nowrap; }
  #view-portfolio .page-heading h1, #view-settings .page-heading h1 { overflow: hidden; margin: 0; font-size: 18px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
  #view-portfolio .page-heading .muted, #view-settings .page-heading .muted { grid-column: 1 / -1; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  #refresh-portfolio { min-height: 30px; padding: 4px 8px; border-radius: 8px; font-size: 9px; }
  #view-portfolio .metric-grid { gap: 5px; margin-bottom: 7px; }
  #view-portfolio .metric { min-height: 68px; padding: 8px; border-radius: 9px; }
  #view-portfolio .metric span { font-size: 9px; letter-spacing: .04em; }
  #view-portfolio .metric strong { margin: 4px 0 1px; font-size: 18px; }
  #view-portfolio .metric small { display: block; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  #view-portfolio .table-panel > .panel-head { min-height: 34px; margin: 0; padding: 6px 9px 5px; }
  #view-portfolio .table-panel .eyebrow { margin: 0; font-size: 8px; }
  #view-portfolio .table-panel h2 { margin: 1px 0 0; font-size: 14px; }
  #positions-list.empty { min-height: 46px; font-size: 10px; }
  #view-portfolio .stock-line { gap: 4px 7px; padding: 6px 8px; }
  #view-portfolio .stock-line strong, #view-portfolio .stock-line button { font-size: 11px; }
  #view-portfolio .stock-line small { display: block; font-size: 9px; }
  #view-portfolio .portfolio-position { grid-template-columns: minmax(86px, 1fr) auto auto; }
  #view-portfolio .portfolio-position-pnl { min-width: 55px; }
  #view-portfolio .portfolio-position-guidance { font-size: 9px; }
  #view-portfolio .portfolio-position-actions { gap: 5px; }
  #view-portfolio .stock-line .outline { min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: 9px; }
  #view-settings .settings-panel { max-width: none; padding: 0 9px 7px; border-radius: 10px; }
  #view-settings .settings-row { grid-template-columns: 86px minmax(0, 1fr); gap: 7px; padding: 8px 0; font-size: 11px; }
  #view-settings .settings-row strong { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
  #view-settings .settings-sound-toggle { min-width: 0; padding-inline: 7px; font-size: 9px; white-space: nowrap; }
  #view-settings .settings-actions { gap: 6px; padding-top: 7px; }
  #view-settings .settings-actions button { min-height: 32px; padding: 5px 7px; border-radius: 8px; font-size: 10px; }
  .app-shell:is([data-view="home"], [data-view="hunt"], [data-view="inspector"], [data-view="trade"]) .view-root { padding: 8px 5px 54px; }
  #view-hunt .page-heading, #view-inspector .page-heading, #view-trade .page-heading { align-items: center; gap: 7px; margin-bottom: 8px; padding-inline: 3px; }
  #view-hunt .page-heading > div:first-child, #view-inspector .page-heading > div:first-child, #view-trade .page-heading > div:first-child { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 2px 6px; }
  #view-hunt .page-heading .eyebrow, #view-inspector .page-heading .eyebrow, #view-trade .page-heading .eyebrow { margin: 0; font-size: 9px; white-space: nowrap; }
  #view-hunt .page-heading h1, #view-inspector .page-heading h1, #view-trade .page-heading h1 { overflow: hidden; margin: 0; font-size: 18px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
  #view-hunt .page-heading .muted, #view-inspector .page-heading .muted, #view-trade .page-heading .muted { grid-column: 1 / -1; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  #view-hunt .stock-filter-toggle { min-height: 31px; padding: 5px 9px; border-radius: 8px; font-size: 9px; }
  #view-hunt .stock-mode-filter { width: 100%; margin-bottom: 7px; padding: 2px; border-radius: 8px; }
  #view-hunt .stock-mode-filter#stock-horizon-filter { margin-bottom: 4px; }
  #view-hunt .stock-mode-filter button { flex: 1 1 auto; padding: 5px 4px; font-size: 8px; }
  #view-home .stock-mode-filter { width: 100%; margin-bottom: 7px; padding: 2px; border-radius: 8px; }
  #view-home .stock-mode-filter button { flex: 1 1 auto; padding: 5px 4px; font-size: 8px; }
  #view-hunt .ready-history-panel { padding: 6px; }
  #view-hunt .ready-history-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  #view-hunt .ready-history-filters label { font-size: 8px; }
  #view-hunt .ready-history-filters input, #view-hunt .ready-history-filters select { min-height: 32px; padding: 5px 6px; font-size: 9px; }
  #view-hunt .ready-history-filters button { grid-column: 1 / -1; min-height: 31px; padding: 5px 8px; font-size: 9px; }
  #view-hunt .ready-history-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 6px 0; }
  #view-hunt .ready-history-summary span { padding: 5px; border-radius: 7px; }
  #view-hunt .ready-history-summary small { font-size: 6px; }
  #view-hunt .ready-history-summary strong { font-size: 11px; }
  #view-hunt .ready-history-list { grid-template-columns: 1fr; gap: 6px; }
  #view-hunt .ready-history-card { padding: 8px; border-radius: 9px; }
  #view-hunt .ready-history-card header { grid-template-columns: minmax(66px, 1fr) auto auto auto; gap: 4px; padding-bottom: 5px; }
  #view-hunt .ready-history-card header strong { font-size: 12px; }
  #view-hunt .history-score, #view-hunt .history-status { padding: 3px 4px; font-size: 7px; }
  #view-hunt .ready-history-setup { margin: 5px 0; }
  #view-hunt .ready-history-price-grid, #view-hunt .ready-history-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-hunt .sector-strip { gap: 5px; margin-bottom: 7px; }
  #view-hunt .sector-chip { padding: 6px 8px; border-radius: 8px; font-size: 10px; }
  #view-hunt .rich-hunt-panel { padding: 5px; border-radius: 10px; }
  #view-hunt .rich-stock-grid { gap: 7px; }
  #view-hunt .rich-stock-grid { grid-template-columns: minmax(0, 1fr); }
  #view-hunt .rich-stock-grid .rich-setup-card { width: 100%; min-width: 0; }
  #view-hunt .rich-setup-card { padding: 7px 8px 10px; border-radius: 10px; }
  .rich-stock-head { grid-template-columns: minmax(62px, 1fr) auto auto auto auto; gap: 3px; padding-bottom: 2px; }
  .rich-stock-head .symbol-button { font-size: 12px; }
  .rich-stock-head .score { min-width: 27px; padding: 2px 4px; font-size: 17px; }
  .rich-stock-head .badge { padding: 2px 3px; font-size: 7px; }
  .rich-stock-ltp strong { font-size: 11px; }
  .setup-summary-line { gap: 4px !important; }
  #view-home .trade-horizon { margin: 1px 0 4px; padding: 2px 5px; border-radius: 6px; font-size: 7px; }
  .setup-summary-line .rich-label { font-size: 8px; }
  .setup-summary-line strong { font-size: 11px; }
  .setup-summary-line small { font-size: 9px; }
  .fno-section { gap: 5px !important; padding-top: 6px; }
  .fno-metrics, .option-summary { gap: 2px; }
  .fno-metrics span, .option-summary span { font-size: 8px; }
  .fno-metrics strong, .option-summary strong { font-size: 10px; }
  .option-writing-head { margin-bottom: 3px; }
  .option-writing-head strong, .option-writing-head span, .option-writing-row { font-size: 8px; }
  .trade-plan-summary { gap: 3px !important; }
  .trade-plan-summary strong { font-size: 13px; }
  .trade-plan-summary small { overflow: hidden; font-size: 9px; text-overflow: ellipsis; }
  #view-home .featured-idea { grid-template-columns: minmax(0, 1fr) auto; gap: 7px; margin-bottom: 7px; padding: 10px; border-radius: 10px; }
  #view-home .featured-idea h2 { margin: 2px 0; font-size: 17px; }
  #view-home .featured-idea p { font-size: 10px; }
  #view-home .featured-idea .primary { width: auto; min-height: 32px; padding: 5px 9px; font-size: 9px; }
  #view-home .home-ready-board { margin-bottom: 7px; padding: 7px; border-radius: 10px; }
  #view-home .home-ready-heading { align-items: center; margin-bottom: 6px; }
  #view-home .home-ready-heading h2 { margin-top: 1px; font-size: 13px; }
  #view-home .home-ready-heading .eyebrow, #view-home .home-ready-heading .text-button { font-size: 8px; }
  #view-home .home-ready-cards { gap: 4px; }
  #view-home .home-ready-card { gap: 4px; padding: 7px; border-radius: 8px; }
  #view-home .home-ready-card-top > strong { font-size: 12px; }
  #view-home .home-ready-score { min-width: 25px; padding: 3px 4px; border-radius: 6px; font-size: 12px; }
  #view-home .home-ready-side { font-size: 7px; }
  #view-home .home-ready-card > p { min-height: 2.2em; font-size: 8px; }
  #view-home .home-ready-card-bottom small { font-size: 6px; }
  #view-home .home-ready-card-bottom strong { font-size: 10px; }
  #view-home .home-ready-card-bottom button { min-height: 24px; padding: 3px 4px; border-radius: 6px; font-size: 7px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card { gap: 3px; padding: 5px 3px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card-top { align-items: flex-start; gap: 2px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card-top > strong { font-size: 9px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-score { min-width: 20px; padding: 2px; font-size: 9px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-side { font-size: 6px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card > p { min-height: 2.1em; font-size: 7px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card-bottom { grid-template-columns: 1fr; gap: 2px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card-bottom strong { font-size: 8px; }
  #view-home .home-ready-cards[data-density="dense"] .home-ready-card-bottom button { width: 100%; min-height: 20px; padding: 2px; font-size: 6px; }
  #view-home .metric-grid { gap: 6px; margin-bottom: 7px; padding-bottom: 4px; }
  #view-home .metric { flex-basis: 62%; min-height: 74px; padding: 9px; border-radius: 9px; }
  #view-home .metric span { font-size: 9px; }
  #view-home .metric strong { margin: 5px 0 1px; font-size: 18px; }
  #view-home .metric small { font-size: 9px; }
  #view-home .home-trending { margin-bottom: 7px; padding: 8px; border-radius: 10px; }
  #view-home .home-trending .panel-head { gap: 7px; margin-bottom: 6px; }
  #view-home .home-stock-hunt-meta { gap: 6px; }
  #view-home .home-scan-update { font-size: 8px; }
  #view-home .home-trending .panel-head h2 { margin: 1px 0 0; font-size: 14px; }
  #view-home .home-filter-strip { gap: 3px; margin: 0 0 7px; padding: 2px; border-radius: 8px; }
  #view-home .home-filter-strip button { padding: 5px 4px; border-radius: 7px; font-size: 8px; }
  #view-home .rich-setup-list { gap: 7px; padding-bottom: 4px; }
  #view-inspector .inspector-toolbar { gap: 6px; margin-bottom: 7px; padding: 7px; border-radius: 10px; }
  #view-inspector .inspector-toolbar form { gap: 6px; }
  #view-inspector .search-label { gap: 3px; font-size: 9px; }
  #view-inspector .inspector-toolbar input { min-height: 34px; padding: 6px 8px; border-radius: 8px; font-size: 10px; }
  #view-inspector .inspector-toolbar .primary { min-height: 34px; padding: 6px 9px; border-radius: 8px; font-size: 10px; }
  #view-inspector .inspector-card-result { width: 100%; }
  #view-trade .trade-layout { gap: 7px; }
  #view-trade .trade-layout > .panel { padding: 8px; border-radius: 10px; }
  #view-trade .trade-ticket { gap: 8px; }
  #view-trade .trade-ticket label { font-size: 10px; }
  #view-trade .trade-ticket input, #view-trade .trade-ticket select { min-height: 35px; padding: 6px 8px; border-radius: 8px; font-size: 10px; }
  #view-trade .field-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  #view-trade .trade-readout { min-height: 35px; padding: 6px 8px; border-radius: 8px; font-size: 10px; }
  #view-trade .side-switch { gap: 3px; padding: 3px; border-radius: 8px; }
  #view-trade .side-switch button { padding: 6px; font-size: 10px; }
  #view-trade .simulation-note { padding: 7px; border-radius: 8px; font-size: 9px; }
  #view-trade .trade-ticket > .primary { min-height: 34px; padding: 6px 9px; font-size: 10px; }
  #view-trade .trade-layout > section .panel-head { margin-bottom: 6px; }
  #view-trade .trade-layout > section .panel-head h2 { margin: 1px 0 0; font-size: 14px; }
  #view-trade .order-list { gap: 5px; }
  #view-trade .order-row { gap: 6px; padding: 7px; border-radius: 8px; }
  #view-trade .order-row strong { font-size: 10px; }
  #view-trade .order-row p { font-size: 9px; }
  .rich-setup-list .rich-setup-card { flex-basis: 92%; }
  .field-row { grid-template-columns: 1fr; }
  #view-trade .field-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #price-chart { height: 340px; }
}

/* Signed-in Order Flow workspace. */
.order-flow-page-heading{align-items:center}.order-flow-session,.order-flow-tag{padding:6px 9px;border:1px solid #3f7b61;border-radius:999px;background:#082319;color:var(--green);font-size:10px;font-weight:850;letter-spacing:.06em}.order-flow-workspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(460px,1.4fr) minmax(250px,.8fr);gap:12px;align-items:start}.order-flow-workspace .panel{margin:0}.order-flow-workspace .panel-head{align-items:start}.order-flow-workspace h2{margin:0;font-size:16px}.liquidity-columns{display:grid;grid-template-columns:1fr 42px 1fr;gap:8px;align-items:end;min-height:302px;padding:8px 0}.liquidity-side{display:grid;gap:7px;align-content:end}.liquidity-side strong{margin-bottom:6px;font-size:11px}.liquidity-side.bullish{color:var(--green)}.liquidity-side.bearish{color:var(--red)}.liq-row{display:block;height:10px;border-radius:2px;background:var(--green);box-shadow:0 0 11px rgba(79,225,138,.2)}.bearish .liq-row{justify-self:end;background:var(--red);box-shadow:0 0 11px rgba(239,93,102,.16)}.l100{width:100%}.l88{width:88%}.l76{width:76%}.l65{width:65%}.l64{width:64%}.l54{width:54%}.l52{width:52%}.l43{width:43%}.l40{width:40%}.l31{width:31%}.l28{width:28%}.liquidity-axis{display:grid;place-items:center;align-self:stretch;grid-template-rows:1fr auto 1fr;color:var(--muted);font-size:8px;font-weight:800}.liquidity-axis i{width:1px;height:100%;background:linear-gradient(var(--green),var(--red))}.liquidity-axis b{z-index:1;display:grid;width:28px;height:28px;place-items:center;border:1px solid #5adf9c;border-radius:50%;background:#0b281c;color:var(--green);font-size:7px}.order-flow-note{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.flow-stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;position:relative}.flow-stock-card{display:grid;gap:6px;min-height:110px;padding:10px;border:1px solid #31556a;border-radius:9px;background:#081925}.flow-stock-card strong{font-size:12px}.flow-stock-card span{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.flow-stock-card span b{color:var(--text)}.flow-stock-card em{padding-top:5px;border-top:1px solid #244359;color:var(--green);font-size:10px;font-style:normal;font-weight:850}.flow-stock-card.negative{border-color:#643a48}.flow-stock-card.negative em{color:var(--red)}.flow-hub{grid-column:2;display:grid;min-height:84px;place-content:center;text-align:center;border:2px solid #a26ce7;border-radius:50%;background:radial-gradient(circle,rgba(132,83,210,.35),#0a1723 68%);color:#efe4ff;font-size:16px;font-weight:900;box-shadow:0 0 24px rgba(171,110,245,.35)}.flow-hub small{display:block;margin-top:3px;color:#caa9ff;font-size:8px}.flow-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.flow-summary-grid span{display:grid;gap:4px;padding:9px;border:1px solid #285a40;border-radius:8px;background:#081d14}.flow-summary-grid small,.net-flow small{color:var(--muted);font-size:9px}.flow-summary-grid b{font-size:18px}.net-flow{display:grid;gap:3px;margin:9px 0;padding:10px;border:1px solid #3a8660;border-radius:8px;background:#0a2b1e}.net-flow strong{color:var(--green);font-size:20px}.order-block-summary{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:9px}.order-block-summary .eyebrow{margin:0}.order-block-summary div{display:flex;justify-content:space-between;gap:8px;padding:7px;border-left:3px solid var(--red);background:#251317;color:#ffb6bc;font-size:10px}.order-block-summary div:last-child{border-color:var(--green);background:#092519;color:#b6f4cd}.order-block-summary b{font-size:10px}@media(max-width:1150px){.order-flow-workspace{grid-template-columns:1fr 1fr}.order-flow-stream{grid-column:1/-1}.order-flow-summary{grid-column:2}.order-flow-liquidity{grid-column:1;grid-row:1}}@media(max-width:700px){.order-flow-workspace{grid-template-columns:1fr}.order-flow-stream,.order-flow-summary,.order-flow-liquidity{grid-column:auto;grid-row:auto}.flow-stock-grid{grid-template-columns:1fr 1fr}.flow-hub{grid-column:1/-1;grid-row:2}.liquidity-columns{min-height:245px}.order-flow-page-heading{display:block}.order-flow-session{display:inline-flex;margin-top:7px}}


/* Embedded Market Flow terminal */
.market-flow-embed-view{max-width:none;margin:-24px -26px -30px;min-height:calc(100vh - 150px);overflow:hidden}.market-flow-frame{display:block;width:100%;height:calc(100vh - 110px);min-height:880px;border:0;background:#03101b}@media(max-width:700px){.market-flow-embed-view{margin:-16px -14px -22px}.market-flow-frame{height:calc(100vh - 94px);min-height:760px}}

/* Order Flow owns the only vertical scroll area. This prevents the dashboard
   page and the embedded terminal from showing two scrollbars at once. */
.app-shell[data-view="orderflow"]{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
.app-shell[data-view="orderflow"] .market-ticker,.app-shell[data-view="orderflow"] .topbar,.app-shell[data-view="orderflow"] .market-tabs{flex:none}
.app-shell[data-view="orderflow"] .app-layout,.app-shell[data-view="orderflow"] .view-root{min-height:0;overflow:hidden}
.app-shell[data-view="orderflow"] .app-layout{flex:1 1 auto}
.app-shell[data-view="orderflow"] .view-root{height:100%;padding-bottom:0}
.app-shell[data-view="orderflow"] .market-flow-embed-view{height:100%;min-height:0}
.app-shell[data-view="orderflow"] .market-flow-frame{height:100%;min-height:0}
.flow-terminal{display:grid;gap:10px;color:#cfe4ed}.terminal-topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:11px 14px;border:1px solid #16445e;border-radius:8px;background:#061725}.terminal-brand{display:grid;gap:2px}.terminal-brand strong,.terminal-tabs strong{color:#16d9ff;font-size:12px;letter-spacing:.1em}.terminal-brand span,.terminal-notice,.terminal-universe-head p,.sector-pulse p{font-size:10px;color:#7894a7}.terminal-controls{display:flex;gap:12px;align-items:center;font-size:10px;color:#8da6b6}.terminal-controls b{color:#e5f8ff}.terminal-pill{padding:4px 7px;border:1px solid #1a6d85;border-radius:4px;color:#20d7f5}.terminal-notice{margin:0;padding:4px 2px;color:#e0a940}.terminal-tabs{display:flex;gap:14px;align-items:center;padding:4px 0;border-bottom:1px solid #143c52;font-size:11px}.terminal-tabs span{color:#7793a4}.terminal-layout{display:grid;grid-template-columns:220px minmax(570px,1fr) 300px;gap:10px;align-items:stretch}.terminal-panel{min-width:0;border:1px solid #174762;border-radius:8px;background:#041927;box-shadow:inset 0 1px rgba(96,216,255,.06)}.sector-pulse{padding:12px 9px}.terminal-title h2{margin:0;color:#08d5f7;font-size:13px}.terminal-title h2 small{padding:2px 4px;border:1px solid #0a7892;border-radius:3px;font-size:7px}.terminal-title time{display:block;margin-top:7px;color:#71a0b5;font-size:9px}.pulse-state{display:flex;gap:4px;margin:8px 0}.pulse-state b{padding:3px 5px;border:1px solid #276176;border-radius:999px;font-size:8px}.pulse-state .good{border-color:#1a917a;color:#1be4bd}.pulse-state .bad{border-color:#a9415d;color:#ff7f9a}.terminal-columns{display:flex;justify-content:space-between;margin-top:10px;padding:5px 1px;border-top:1px solid #14415a;border-bottom:1px solid #14415a;color:#6ea0b6;font-size:8px}.terminal-sector-list{display:grid}.terminal-sector-list button{display:flex;justify-content:space-between;padding:4px 2px;border:0;border-bottom:1px solid #10364a;background:transparent;color:#1be4bd;font-size:10px;text-align:left}.terminal-sector-list button.down{color:#ff6b89}.terminal-sector-list b{font-size:9px}.sector-pulse footer{margin-top:8px;color:#6c91a2;font-size:8px}.liquidity-universe{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.terminal-universe-head{display:flex;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid #18445b}.terminal-universe-head h1{margin:0 0 11px;color:#5bc9ff;font-size:21px}.terminal-universe-head p{margin:6px 0 0}.terminal-universe-head>div:last-child{display:grid;justify-items:end;gap:8px}.terminal-micro{color:#8db3c8;font-size:9px}.terminal-switch{display:flex;gap:4px}.terminal-switch button{padding:4px 8px;border:1px solid #245c74;border-radius:4px;background:#071b29;color:#9bbaca;font-size:9px}.terminal-switch .active{border-color:#0bd8f3;color:#3fe9ff}.liquidity-matrix{display:grid;grid-template-columns:34% 5% 61%;min-height:480px;padding:9px 12px}.liquidity-bars{display:grid;grid-template-rows:auto 1fr 1fr auto;gap:5px;padding:3px 8px}.liquidity-bars header{display:grid;color:#1be4bd;font-size:12px}.liquidity-bars header small{font-size:9px}.bull-bars,.bear-bars{display:grid;align-content:start;gap:7px;padding-top:8px;border-top:1px solid #15495d}.bull-bars i,.bear-bars i{height:8px;background:#19d6ad;box-shadow:0 0 8px rgba(26,239,190,.4)}.bear-bars{align-content:end;border-bottom:1px solid #15495d}.bear-bars i{justify-self:end;background:#f14f74;box-shadow:0 0 8px rgba(241,79,116,.35)}.liquidity-bars footer{display:grid;gap:2px;color:#ff5c7c;font-size:10px}.flow-lines{display:grid;grid-template-rows:repeat(15,1fr);position:relative;margin:2px 0;border-left:1px solid #24d8ef}.flow-lines i{border-top:1px solid rgba(29,128,153,.33);transform:skewY(-12deg)}.flow-lines em{position:absolute;top:49%;left:-5px;width:10px;height:10px;border-radius:50%;background:#d5f9ff;box-shadow:0 0 10px #72e8ff}.terminal-stock-cards{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:6px;padding-left:7px}.terminal-stock-cards article{display:grid;grid-template-columns:1fr auto;gap:3px;padding:5px;border:1px solid #20717a;border-radius:4px;background:#07222e;color:#cdeefa;font-size:9px}.terminal-stock-cards strong{color:#14dcb4;font-size:10px}.terminal-stock-cards span{grid-column:1/-1;height:5px;border:1px solid #39637a}.terminal-stock-cards span i{display:block;height:100%;background:#18c9ae}.terminal-stock-cards small{grid-column:1/-1;color:#8eacbb;font-size:7px}.terminal-stock-cards em{grid-column:1/-1;color:#1be4bd;font-size:8px;font-style:normal}.terminal-stock-cards .bad,.terminal-stock-cards em.bear{color:#ff6685}.selected-flow{display:flex;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid #19465c;color:#9bc4d6;font-size:9px}.selected-flow strong{color:#12dcfa;font-size:12px}.relative-strength{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;padding:13px;min-height:580px}.relative-strength header{position:relative}.relative-strength header p{margin:0;color:#7aa1b3;font-size:9px;letter-spacing:.12em}.relative-strength h2{margin:5px 0 15px;color:#f1fbff;font-size:18px}.relative-strength header button{position:absolute;right:0;top:0}.relative-strength select{justify-self:end;width:120px;padding:5px;border:1px solid #2b5e76;border-radius:4px;background:#0b2233;color:#b5d2df;font-size:9px}.map-label{margin:11px 0;color:#17dbf8;font-size:9px}.strength-map{position:relative;min-height:390px;border:1px solid #153f56;background:linear-gradient(transparent 49%,#24485e 50%,transparent 50%),linear-gradient(90deg,transparent 49%,#24485e 50%,transparent 50%)}.strength-map .quad{position:absolute;top:11px;font-size:9px;line-height:1.25}.strength-map .tl{left:12px;color:#fd748d}.strength-map .tr{right:12px;text-align:right;color:#36e5c4}.strength-map b{position:absolute;width:15px;height:15px;border-radius:50%;background:rgba(33,218,180,.72);box-shadow:0 0 8px rgba(33,218,180,.4)}.strength-map b.big{width:28px;height:28px}.strength-map b.red-dot{background:rgba(244,92,120,.7)}.relative-strength footer{display:flex;gap:11px;padding-top:9px;color:#2fe4bf;font-size:9px}.relative-strength footer em{margin-left:auto;color:#8caaba;font-style:normal}@media(max-width:1250px){.terminal-layout{grid-template-columns:210px 1fr}.relative-strength{grid-column:1/-1;min-height:370px}.strength-map{min-height:260px}}@media(max-width:760px){.terminal-topbar,.terminal-universe-head{display:block}.terminal-controls{margin-top:8px;flex-wrap:wrap}.terminal-layout{grid-template-columns:1fr}.relative-strength{grid-column:auto}.liquidity-matrix{grid-template-columns:31% 4% 65%;min-height:420px;padding:7px}.terminal-stock-cards{grid-template-columns:1fr 1fr}.terminal-stock-cards article{font-size:8px}.terminal-stock-cards article:nth-child(3n){display:none}.terminal-sector-list{grid-template-columns:1fr 1fr;column-gap:12px}.selected-flow{flex-wrap:wrap}.terminal-universe-head h1{font-size:17px}}
/* Stock Hunt chrome — Midnight Teal Glass. */
:root{--glass-ink:#e7f8fa;--glass-muted:#9abfc8;--glass-line:rgba(96,213,218,.27);--glass-panel:rgba(7,34,44,.76);--glass-panel-strong:rgba(8,43,54,.90);--glass-cyan:#62dbe8}
body{background:radial-gradient(920px 460px at 8% -12%,rgba(32,142,151,.18),transparent 66%),linear-gradient(180deg,#07171e,#041016)}
.app-shell{background-color:#06141a;background-image:radial-gradient(850px 430px at 85% 0%,rgba(23,108,123,.16),transparent 65%)}
.market-ticker{background:linear-gradient(135deg,rgba(8,42,52,.94),rgba(4,23,31,.95));border-bottom-color:rgba(85,221,220,.40);box-shadow:inset 0 1px rgba(220,255,255,.07),0 9px 25px rgba(0,12,18,.18)}
.ticker-item{border-right-color:var(--glass-line)}.ticker-primary{border-left-color:#5ee6e0}.ticker-item strong,.ticker-item p>span:first-child{color:var(--glass-ink)}.ticker-item span{color:var(--glass-muted)}
.topbar{background:linear-gradient(135deg,rgba(8,35,45,.90),rgba(5,22,30,.94));border-bottom-color:var(--glass-line);box-shadow:inset 0 1px rgba(235,255,255,.06);backdrop-filter:blur(20px)}
.app-brand{color:var(--glass-ink)}.app-brand small,.home-header-summary .header-eyebrow{color:#58e4ac}.app-brand .app-brand-as-of,.home-header-summary #as-of{color:var(--glass-muted)}
.global-search{background:rgba(13,51,62,.64);border-color:var(--glass-line);color:var(--glass-muted);box-shadow:inset 0 1px rgba(232,255,255,.06),0 7px 18px rgba(0,10,16,.13)}.global-search:hover{border-color:#6ce4e6;background:rgba(19,69,80,.70)}
.status-pill,.avatar,.outline{background:rgba(12,48,59,.66);border-color:var(--glass-line);box-shadow:inset 0 1px rgba(232,255,255,.05)}.status-pill{color:var(--glass-muted)}.avatar{color:var(--glass-ink)}
.market-tabs{background:linear-gradient(90deg,rgba(6,29,38,.96),rgba(9,43,50,.90),rgba(6,27,35,.96));border-bottom:1px solid rgba(84,215,217,.22);backdrop-filter:blur(18px)}.market-tabs button{color:#a9c9cf}.market-tabs button.active{color:#6de7e5;text-shadow:0 0 18px rgba(83,226,221,.45)}
/* Order Flow fills the available screen: no green grid or side gutters remain. */
.app-shell[data-view="orderflow"]{background:#06141a}
.app-shell[data-view="orderflow"] .view-root{padding:0}
.app-shell[data-view="orderflow"] .market-flow-embed-view{width:100%;margin:0;max-width:none;background:#06141a}
.app-shell[data-view="orderflow"] .market-flow-frame{width:100%;background:#06141a}
/* Mobile performance: preserve the terminal data and glass palette while avoiding GPU-heavy motion in the embedded view. */
@media (max-width:700px){
  .app-shell[data-view="orderflow"] .market-flow-frame{touch-action:pan-y;overscroll-behavior-y:contain}
  .app-shell[data-view="orderflow"] .topbar,.app-shell[data-view="orderflow"] .market-tabs{backdrop-filter:none}
}
/* Account/logout belongs in Settings, not the persistent header. */
.settings-signout{display:inline-flex;align-items:center;gap:8px}.settings-user-initial{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid rgba(95,223,222,.42);border-radius:50%;background:rgba(24,91,98,.60);color:#eaffff;font-size:10px;font-weight:850}
/* Remove the complete app header row; account sign-out remains in Settings. */
.app-shell>.topbar{display:none}
.market-tabs{top:0}
.app-layout{min-height:calc(100vh - 32px)}
.app-shell[data-view="sector"] .topbar{display:none}
.app-shell[data-view="sector"] .market-tabs{top:0}
/* Compact market-index ribbon. */
.market-ticker{min-height:37px;height:37px}
.ticker-item{min-width:190px;padding:4px 18px}.ticker-item strong{font-size:10px}.ticker-item p{gap:3px;margin-top:1px;font-size:10px}.ticker-item span{font-size:8px}
/* Index name/value and daily movement have separate compact rows. */
.ticker-item>div{justify-content:space-between}.ticker-item>div #nifty-value,.ticker-item>div #sensex-value,.ticker-item>div #bank-nifty-value{color:var(--glass-ink);font-size:10px;font-weight:750}.ticker-item p{justify-content:flex-end}.ticker-item p>span{color:var(--red);font-size:8px}.ticker-item p>strong{font-size:8px}
/* Compact index title, for example: NIFTY (22,888.95). */
.ticker-item>div{justify-content:flex-start;gap:3px}.ticker-item>div #nifty-value,.ticker-item>div #sensex-value,.ticker-item>div #bank-nifty-value{font-size:10px}.ticker-item>div #nifty-value::before,.ticker-item>div #sensex-value::before,.ticker-item>div #bank-nifty-value::before{content:"("}.ticker-item>div #nifty-value::after,.ticker-item>div #sensex-value::after,.ticker-item>div #bank-nifty-value::after{content:")"}
/* Daily movement sits directly below the corresponding index title/value. */
.ticker-item p{justify-content:flex-start;padding-left:0}
/* Phone index ribbon: three equal columns with no horizontal drift. */
@media(max-width:700px){
  .market-ticker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
  .ticker-item,.ticker-primary{min-width:0;padding:4px 5px;border-left:0!important}
  .ticker-item>div{gap:2px;white-space:nowrap}.ticker-item strong,.ticker-item>div #nifty-value,.ticker-item>div #sensex-value,.ticker-item>div #bank-nifty-value{font-size:8px}
  .ticker-item p{gap:2px;white-space:nowrap}.ticker-item p>span,.ticker-item p>strong{font-size:7px}
}

/* Navigation — left cyan marker: uniform for every tab, including Portfolio and Settings. */
.market-tabs-outline{display:none}
.market-tabs{gap:4px;padding-inline:14px}
.market-tabs button{min-height:32px;padding:7px 14px 7px 22px;border-radius:0;color:#9ebfc5;transition:color .16s ease,background-color .16s ease}
.market-tabs button::before{content:"";position:absolute;left:9px;top:50%;width:3px;height:0;transform:translateY(-50%);border-radius:99px;background:#63e7e5;box-shadow:0 0 9px rgba(99,231,229,.72);transition:height .16s ease}
.market-tabs button.active{color:#d9ffff;background:linear-gradient(90deg,rgba(69,205,204,.15),rgba(22,101,111,.05) 72%,transparent);text-shadow:none}
.market-tabs button.active::before{height:17px}
@media(max-width:700px){.market-tabs{gap:0;padding-inline:3px}.market-tabs button{padding-inline:15px 7px;font-size:11px}.market-tabs button::before{left:5px}.market-tabs button.active::before{height:15px}}

/* Midnight Teal Glass palette only — Hunt, Stocks and Inspector keep their existing layout and controls. */
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .view-root{background:linear-gradient(180deg,rgba(5,23,30,.90),rgba(4,17,23,.97))}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .page-heading h1,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) h2{color:#e5fbfc}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .panel,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .metric,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .sector-row,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .setup-row,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .ready-history-summary span,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .inspector-horizon-intro,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .inspector-card-result.empty{border-color:rgba(97,218,221,.24);background:linear-gradient(135deg,rgba(15,65,76,.52),rgba(5,26,35,.82));box-shadow:inset 0 1px rgba(229,255,255,.06),0 12px 30px rgba(0,7,12,.16)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .metric{background:linear-gradient(145deg,rgba(16,72,82,.56),rgba(5,28,37,.84))}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .sector-row,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .setup-row{border-color:rgba(93,204,208,.20)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .segmented{border-color:rgba(96,213,218,.28);background:rgba(5,31,40,.80)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .segmented button.active{background:linear-gradient(135deg,rgba(69,203,205,.24),rgba(23,101,111,.30));color:#d9ffff;box-shadow:inset 0 1px rgba(232,255,255,.09)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) input,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) select{border-color:rgba(94,208,214,.30);background:rgba(7,38,49,.80);color:#d6f4f6}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .symbol-suggestions{border-color:rgba(95,216,220,.30);background:rgba(5,29,39,.97);box-shadow:0 20px 45px rgba(0,8,13,.48)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .symbol-suggestion:hover,
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .symbol-suggestion.active{background:rgba(41,139,150,.25)}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .chart-panel #price-chart{background:linear-gradient(180deg,rgba(4,27,37,.96),rgba(3,18,25,.96))}
.app-shell:is([data-view="home"],[data-view="hunt"],[data-view="inspector"]) .detail-chip{border-color:rgba(93,205,211,.25);background:rgba(13,57,68,.42);color:#a9d2d7}

/* Midnight Teal Glass palette only — Paper Trade, Watchlist, Portfolio and Settings. */
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .view-root{background:linear-gradient(180deg,rgba(5,23,30,.90),rgba(4,17,23,.97))}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .page-heading h1,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) h2{color:#e5fbfc}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .panel,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .metric,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .trade-readout,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .watchlist-tabs button,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .settings-panel{border-color:rgba(97,218,221,.24);background:linear-gradient(135deg,rgba(15,65,76,.52),rgba(5,26,35,.84));box-shadow:inset 0 1px rgba(229,255,255,.06),0 12px 30px rgba(0,7,12,.16)}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .metric{background:linear-gradient(145deg,rgba(16,72,82,.56),rgba(5,28,37,.84))}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .side-switch,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .segmented{border-color:rgba(96,213,218,.28);background:rgba(5,31,40,.80)}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .side-switch button.active:not(.buy):not(.short),
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .segmented button.active,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .watchlist-tabs button.active{border-color:rgba(101,228,228,.42);background:linear-gradient(135deg,rgba(69,203,205,.24),rgba(23,101,111,.30));color:#d9ffff;box-shadow:inset 0 1px rgba(232,255,255,.09),0 0 16px rgba(67,204,204,.13)}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) input,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) select{border-color:rgba(94,208,214,.30);background:rgba(7,38,49,.80);color:#d6f4f6}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .stock-line,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .watchlist-stock,
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .settings-row{border-color:rgba(96,210,214,.18)}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .watchlist-panel{background:linear-gradient(135deg,rgba(12,57,68,.55),rgba(5,26,35,.88))}
.app-shell:is([data-view="trade"],[data-view="watchlist"],[data-view="portfolio"],[data-view="settings"]) .simulation-note{border-color:rgba(222,181,77,.45);background:rgba(73,58,16,.30);color:#f0cd6c}

/* Half-height navigation for the Order Flow workspace. */
.app-shell[data-view="orderflow"] .market-tabs{height:20px;min-height:20px;max-height:20px;align-items:center;overflow-y:hidden}
.app-shell[data-view="orderflow"] .market-tabs button{height:19px;min-height:19px;padding-block:0;font-size:12px;line-height:19px}
.app-shell[data-view="orderflow"] .market-tabs button.active::before{height:12px}

/* Commodity research workspace: three instruments, one clear position review. */
#view-commodities{padding:14px;--cmd-up:#35dba7;--cmd-down:#fa7287;--cmd-muted:#a9c8ce}
.cmd-heading,.cmd-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cmd-heading h1{font-size:18px;margin:0}.cmd-heading p,.cmd-muted{color:var(--cmd-muted);font-size:11px;line-height:1.6}.cmd-warning{padding:8px 12px;border-left:3px solid #d8b15b;color:#e5cb8d;background:#312b1844;font-size:12px}.cmd-error{color:var(--cmd-down)}.cmd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.cmd-quote{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px;border:1px solid #28505b;border-radius:6px;background:#0a2933;color:#def1f2;text-align:left}.cmd-quote.selected{border-color:#71e1e1}.cmd-quote b{font-size:24px}.cmd-quote small{font-size:11px;color:var(--cmd-muted);overflow-wrap:anywhere}.cmd-quote strong{font-size:13px}.cmd-up{color:var(--cmd-up)}.cmd-down{color:var(--cmd-down)}.cmd-focus{border:1px solid #28505b;background:#0a2933;border-radius:6px;margin:12px 0;padding:13px;min-width:0}.cmd-focus h2{font-size:15px;margin:0 0 7px}.cmd-focus h3{font-size:13px}.cmd-focus p,.cmd-focus li{font-size:12px;line-height:1.6}.cmd-title span{color:var(--cmd-muted);font-size:11px}.cmd-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid #28505b}.cmd-metrics small{display:block;font-size:11px;color:var(--cmd-muted)}.cmd-metrics strong{display:block;margin-top:5px;font-size:15px}.cmd-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cmd-news{border-bottom:1px solid #28505b;padding:10px 0}.cmd-news a{color:#71e1e1;font-size:12px}.cmd-news small{display:block;margin-top:4px;font-size:11px;color:var(--cmd-muted)}.cmd-news p{margin:4px 0}#cmd-chart{display:block;width:100%;height:210px}#cmd-risk{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#cmd-risk label{display:flex;gap:8px;align-items:center;font-size:12px}#cmd-risk input{width:150px}#cmd-risk span{font-size:12px;color:var(--cmd-muted)}.cmd-table-wrap{overflow:auto}.cmd-table-wrap table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.cmd-table-wrap td,.cmd-table-wrap th{padding:8px;border-bottom:1px solid #28505b}.cmd-focus summary{cursor:pointer;font-size:13px;color:#a1eff0}.cmd-empty{padding:30px;color:var(--cmd-muted)}
@media(max-width:700px){#view-commodities{padding:9px}.cmd-grid,.cmd-columns{grid-template-columns:1fr}.cmd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cmd-quote b{font-size:21px}.cmd-table-wrap table{min-width:600px}}

/* Commodity actions are a summary of real closed-candle and paper-position states. */
.cmd-actions{border:1px solid #28505b;border-radius:6px;background:#0a2933;margin:12px 0;overflow:hidden}.cmd-actions>header,.cmd-actions>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px}.cmd-actions>header strong{font-size:14px;color:#def1f2}.cmd-actions>header span,.cmd-actions>footer{font-size:11px;color:var(--cmd-muted)}.cmd-action-summary{padding:10px 12px;border-block:1px solid #28505b;background:#12343d;font-size:15px;font-weight:600}.cmd-action-summary small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--cmd-muted)}.cmd-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cmd-action-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:12px;border:0;border-right:1px solid #28505b;border-radius:0;background:#0a2933;color:#def1f2;text-align:left;white-space:normal}.cmd-action-card:last-child{border-right:0}.cmd-action-card.selected{background:#10343e;box-shadow:inset 0 -2px #71e1e1}.cmd-action-name{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;flex-wrap:wrap}.cmd-action-name small,.cmd-action-state,.cmd-action-card>small{font-size:11px;color:var(--cmd-muted);font-weight:400}.cmd-action-call{display:block;font-size:21px;line-height:1.25;margin:8px 0 4px;overflow-wrap:anywhere}.cmd-action-up{color:var(--cmd-up)}.cmd-action-down{color:var(--cmd-down)}.cmd-action-wait{color:#e7c470}.cmd-action-state{display:block;min-height:28px;margin-bottom:7px;line-height:1.4}.cmd-action-level{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:4px 0;flex-wrap:wrap}.cmd-action-level span{color:var(--cmd-muted)}.cmd-action-level b{font-weight:500;font-variant-numeric:tabular-nums}.cmd-action-card p{border-top:1px solid #28505b;margin:8px 0;padding-top:8px;font-size:11px;line-height:1.55;flex:1}.cmd-actions>footer{border-top:1px solid #28505b}
@media(max-width:700px){.cmd-action-grid{grid-template-columns:1fr}.cmd-action-card{border-right:0;border-bottom:1px solid #28505b;padding:10px}.cmd-action-card:last-child{border-bottom:0}.cmd-action-call{font-size:19px}.cmd-action-state{min-height:0}}