/* ============================================================ Signal pages: dark 3D Pro editorial theme (shared) Used by: nepse-signals/momentum, trend-relay, reversal, methodology ============================================================ */ /* Opaque canvas: these pages dropped theme.css, which used to set body.nd's background. Without it, light-on-dark text is measured against a white canvas and every muted line fails contrast. (Same root cause as the f016c313 methodology fix — now in the shared stylesheet so a page restyle can't wipe it again. --nd-bg is theme-aware: #0A0C10 dark / #F6F7F9 light.) Theme-scoped pin (beats any theme body rule at equal specificity because this sheet loads last; also correct if theme.css is absent). */ [data-theme] body.nd{background:var(--nd-bg,#0A0C10)} .sig-wrap{max-width:1080px;margin:0 auto;padding:28px 20px 72px} /* (Wave G2) Scoped --nd-dim override retired: css/nd-tokens.css now defines --nd-dim as #8E98A8 (brighter than the #6B7280 this once patched), so signal pages inherit the token like every other family. */ .sig-kicker{color:var(--nd-dim,#6B7280);font-size:.85rem;margin:0 0 6px;letter-spacing:.14em;text-transform:uppercase;font-weight:600} .sig-wrap h1{font-family:var(--nd-font-display,Georgia,serif);font-size:2.1rem;margin:0 0 8px;color:var(--nd-text,#fff);letter-spacing:-.01em} .sig-lede{color:var(--nd-muted,#9AA3B2);max-width:660px;margin:0 0 6px;line-height:1.6} .sig-sub{color:var(--nd-dim,#6B7280);font-size:.9rem;margin:0 0 4px} .sig-wrap h2{font-family:var(--nd-font-display,Georgia,serif);font-size:1.35rem;margin:34px 0 8px;color:var(--nd-text,#fff);letter-spacing:-.01em} .sig-foot{color:var(--nd-dim,#6B7280);font-size:.85rem;margin:36px 0 0} /* freshness pill */ .sig-fresh{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--nd-muted,#9AA3B2); background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 45%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:999px;padding:8px 16px;margin:14px 0 2px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.4)} .sig-fresh .dot{width:8px;height:8px;border-radius:50%;background:var(--nd-lime,#B8E62E);flex:none;box-shadow:0 0 8px var(--nd-lime,#B8E62E)} /* tabs: dimensional pills — 48px touch target (teardown 2026-10-27: was 10px/20px padding, ~38px tall, far below the 48px standard) */ .sig-tabs{display:flex;gap:10px;margin:0 0 28px;flex-wrap:wrap} .sig-tabs a{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;color:var(--nd-muted,#9AA3B2);text-decoration:none;font-weight:600;font-size:1rem; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 50%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.35); transition:border-color .15s,color .15s,transform .15s} .sig-tabs a:hover:not(.active){border-color:var(--nd-lime,#B8E62E);color:var(--nd-text,#fff);transform:translateY(-1px)} .sig-tabs a.active{color:var(--nd-on-lime,#0A0C10); /* G1: gradient derived from the one brand lime (was off-brand #D4F34A/#9BCB24) */ background:linear-gradient(180deg,color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white) 0%,var(--nd-lime,#B8E62E) 55%,color-mix(in srgb,var(--nd-lime,#B8E62E) 82%,black) 100%); border-color:color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white); box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.5),0 6px 18px rgba(184,230,46,.35),0 0 24px rgba(184,230,46,.3)} /* shared lime focus-visible ring on every control */ .sig-tabs a:focus-visible,.sig-tabs button:focus-visible,.sig-pager button:focus-visible,.sig-pager select:focus-visible,.sig-sector:focus-visible{outline:none;box-shadow:var(--nd-focus-ring,0 0 0 2px var(--nd-bg,#0A0C10),0 0 0 4px var(--nd-lime,#B8E62E))} /* cinematic hero: lime accent bar + larger display title, one panel */ .sig-hero{border-left:4px solid var(--nd-lime,#B8E62E);padding-left:20px;margin:8px 0 24px} .sig-hero h1{font-size:2.6rem} @media(max-width:640px){.sig-hero h1{font-size:2rem}.sig-hero{padding-left:14px}} .sig-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0} @media(min-width:760px){.sig-grid{grid-template-columns:repeat(4,1fr)}} .sig-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 38%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:20px;padding:18px 20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 6px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.45),0 18px 44px rgba(0,0,0,.4); transition:transform .2s ease,box-shadow .2s ease} .sig-card:hover{transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 6px rgba(0,0,0,.15),0 5px 12px rgba(0,0,0,.5),0 24px 54px rgba(0,0,0,.45)} /* tab BUTTONS as pills (G1 migration: was duplicated inline in nepse-screener + nepse-trending; one copy here. Selected hook is [aria-selected="true"] or .active, whichever the page's painter uses; gradient derives from the one brand lime.) */ .sig-tabs button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;color:var(--nd-muted,#9AA3B2);font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 50%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.35); transition:border-color .15s,color .15s,transform .15s} .sig-tabs button:hover{border-color:var(--nd-lime,#B8E62E);color:var(--nd-text,#fff);transform:translateY(-1px)} .sig-tabs button[aria-selected="true"],.sig-tabs button.active{color:var(--nd-on-lime,#0A0C10); background:linear-gradient(180deg,color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white) 0%,var(--nd-lime,#B8E62E) 55%,color-mix(in srgb,var(--nd-lime,#B8E62E) 82%,black) 100%); border-color:color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white); box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.5),0 6px 18px rgba(184,230,46,.35),0 0 24px rgba(184,230,46,.3)} [data-theme="light"] .sig-tabs button{background:linear-gradient(180deg,var(--nd-panel) 0%,#EDF1F5 100%);border:1px solid #CBD4DE;border-top-color:#E8EEF3;color:#3F4753; box-shadow:inset 0 2px 0 var(--nd-white),0 1px 2px rgba(10,12,16,.1),0 4px 12px rgba(10,12,16,.08)} [data-theme="light"] .sig-tabs button[aria-selected="true"],[data-theme="light"] .sig-tabs button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--nd-lime) 76%,white) 0%,var(--nd-lime) 60%,color-mix(in srgb,var(--nd-lime) 84%,black) 100%);border-color:#3E650C;border-top-color:color-mix(in srgb,var(--nd-lime) 70%,white);color:var(--nd-on-lime); box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(0,0,0,.18),0 2px 4px rgba(77,124,15,.4),0 8px 20px rgba(77,124,15,.3)} .sig-card-l{font-size:.78rem;color:var(--nd-dim,#6B7280);margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase} .sig-card-v{font-family:var(--nd-font-display,Georgia,serif);font-size:1.5rem;font-weight:700;color:var(--nd-text,#fff);text-shadow:0 2px 4px rgba(0,0,0,.3)} .sig-card-s{font-size:.78rem;color:var(--nd-dim,#6B7280);margin-top:6px} .sig-card.up .sig-card-v{color:var(--nd-up,#4ADE80)} .sig-card.down .sig-card-v{color:var(--nd-down,#F87171)} /* track record mini-cards */ .sig-track{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0} @media(min-width:760px){.sig-track{grid-template-columns:repeat(4,1fr)}} .sig-track .sig-card-v{font-size:1.7rem} /* tables: full 3D */ .scrollx{overflow-x:auto;margin:18px 0;border-radius:20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.45),0 18px 44px rgba(0,0,0,.35)} .sig-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem; background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 60px),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:20px;overflow:hidden;color:var(--nd-text,#fff)} .sig-table th,.sig-table td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--nd-border,#1E2430);white-space:nowrap} .sig-table th{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),var(--nd-panel-2,#161A23); font-weight:700;color:var(--nd-lime,#B8E62E);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase; text-shadow:0 1px 2px rgba(0,0,0,.4);border-bottom:1px solid var(--nd-border-strong,#2A3342)} .sig-table tr:last-child td{border-bottom:none} .sig-table th.num,.sig-table td.num{text-align:right;font-variant-numeric:tabular-nums} .sig-table tbody tr{transition:background .12s} .sig-table tbody tr:hover td{background:rgba(255,255,255,.025)} .sig-table td strong{color:var(--nd-text,#fff)} #closed thead th{position:sticky;top:0;z-index:1} /* pills + tags */ .rpill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:capitalize; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 3px rgba(0,0,0,.3)} .rpill.rp-win{background:linear-gradient(180deg,rgba(74,222,128,.2),rgba(74,222,128,.08));color:var(--nd-up,#4ADE80);border:1px solid rgba(74,222,128,.35)} .rpill.rp-loss{background:linear-gradient(180deg,rgba(248,113,113,.2),rgba(248,113,113,.08));color:var(--nd-down,#F87171);border:1px solid rgba(248,113,113,.35)} .rpill.rp-trail{background:linear-gradient(180deg,rgba(245,179,1,.22),rgba(245,179,1,.1));color:var(--nd-amber,#F5B301);border:1px solid rgba(245,179,1,.35)} .rpill.rp-info{background:var(--nd-panel-2,#161A23);color:var(--nd-muted,#9AA3B2);border:1px solid var(--nd-border,#1E2430)} .tag{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.75rem;font-weight:700; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 3px rgba(0,0,0,.3)} .tag.entry{background:linear-gradient(180deg,rgba(184,230,46,.2),rgba(184,230,46,.08));color:var(--nd-lime,#B8E62E);border:1px solid rgba(184,230,46,.3)} .prog{height:8px;background:var(--nd-inset,#0D0F14);border-radius:4px;min-width:70px; box-shadow:inset 0 1px 3px rgba(0,0,0,.5);overflow:hidden} .prog i{display:block;height:8px;border-radius:4px; background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%),var(--nd-lime,#B8E62E); box-shadow:0 0 6px rgba(184,230,46,.4)} /* notes + rules: deep panels */ .note{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 45%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-left:4px solid var(--nd-lime,#B8E62E);border-radius:16px; padding:17px 22px;margin:22px 0;font-size:.92rem;color:var(--nd-muted,#9AA3B2);line-height:1.65; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.3)} .note strong{color:var(--nd-text,#fff)} .rules{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 45%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:20px;padding:22px 26px;margin:22px 0;color:var(--nd-muted,#9AA3B2); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 6px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.32)} .rules li{margin:10px 0;line-height:1.65} .rules p{line-height:1.7;margin:0} .gloss{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0} .gloss dt{font-weight:700;white-space:nowrap;color:var(--nd-text,#fff)} .gloss dd{margin:0;color:var(--nd-muted,#9AA3B2);line-height:1.6} @media(max-width:640px){.gloss{grid-template-columns:1fr}.gloss dt{white-space:normal}} #eqchart{width:100%;height:320px; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 45%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 8px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.32)} /* pagination controls — 48px (was 8–9px padding, ~35px tall) */ .sig-pager{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap} .sig-pager label{font-size:.85rem;color:var(--nd-dim,#6B7280)} .sig-pager select{min-height:48px;padding:0 13px;border:1px solid var(--nd-border,#1E2430);border-radius:12px; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 50%),var(--nd-panel,#12141A); color:var(--nd-text,#fff);font-size:.95rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.3)} .sig-pager button{min-height:48px;padding:0 22px;border:1px solid var(--nd-border,#1E2430);border-radius:12px; background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 50%),var(--nd-panel,#12141A); color:var(--nd-text,#fff);cursor:pointer;font-size:.95rem;font-weight:600; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.35);transition:border-color .15s,transform .15s} .sig-pager button:hover:not(:disabled){border-color:var(--nd-lime,#B8E62E);transform:translateY(-1px)} .sig-pager button:disabled{cursor:default;opacity:.45} /* Next = lime primary, Prev = quiet panel (teardown pager rule) */ .sig-pager button.sig-next{background:linear-gradient(180deg,color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white) 0%,var(--nd-lime,#B8E62E) 55%,color-mix(in srgb,var(--nd-lime,#B8E62E) 82%,black) 100%);border-color:color-mix(in srgb,var(--nd-lime,#B8E62E) 88%,white);color:var(--nd-on-lime,#0A0C10)} #closed-info{font-size:.85rem;color:var(--nd-dim,#6B7280)} /* methodology prose */ .method{max-width:780px} .method h3{color:var(--nd-text,#fff);font-family:var(--nd-font-display,Georgia,serif);margin:28px 0 10px;font-size:1.15rem} .method p,.method li{color:var(--nd-muted,#9AA3B2);line-height:1.75;font-size:.95rem} .method li{margin:8px 0} .method table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;margin:16px 0; background:var(--nd-panel,#12141A);border:1px solid var(--nd-border,#1E2430);border-radius:16px;overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.4)} .method th,.method td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--nd-border,#1E2430)} .method th{background:var(--nd-panel-2,#161A23);color:var(--nd-lime,#B8E62E);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase} .method tr:last-child td{border-bottom:none} .method code{background:var(--nd-inset,#0D0F14);padding:2px 7px;border-radius:6px;font-size:.85em;color:var(--nd-text,#fff)} /* sector stock block (teardown 2026-10-27): sector cards filter the record tables; active card = lime border + wash + aria-pressed */ .sig-sectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0} .sig-sector{text-align:left;min-height:72px;padding:14px 18px;cursor:pointer;font-family:inherit; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 50%),var(--nd-panel,#12141A); border:1px solid var(--nd-border,#1E2430);border-radius:16px;color:var(--nd-text,#fff); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.35);transition:border-color .15s,transform .15s} .sig-sector:hover{border-color:var(--nd-lime,#B8E62E);transform:translateY(-1px)} .sig-sector[aria-pressed="true"]{border-color:var(--nd-lime,#B8E62E);background:linear-gradient(180deg,var(--nd-lime-soft,rgba(184,230,46,.12)),rgba(184,230,46,0) 60%),var(--nd-panel,#12141A)} /* index sector cards are display-only divs, not filter buttons */ .sig-sector:not(button){cursor:default} .sig-sector:not(button):hover{transform:none;border-color:var(--nd-border,#1E2430)} .sig-sector-n{display:block;font-family:var(--nd-font-display,Georgia,serif);font-size:1.05rem;font-weight:700} .sig-sector-c{display:block;font-family:var(--nd-font-mono,ui-monospace,monospace);font-size:.8rem;color:var(--nd-muted,#9AA3B2);margin-top:2px} .sig-sector-t{display:block;font-size:.8rem;color:var(--nd-dim,#6B7280);margin-top:6px;line-height:1.5} /* closed-trade P&L distribution bars (client-side, from recent_closed) */ .sig-dist{margin:14px 0} .sig-dist-row{display:grid;grid-template-columns:110px 1fr 44px;gap:10px;align-items:center;margin:7px 0} .sig-dist-lab{font-family:var(--nd-font-mono,ui-monospace,monospace);font-size:.78rem;color:var(--nd-muted,#9AA3B2);text-align:right} .sig-dist-track{height:12px;border-radius:6px;background:var(--nd-inset,#0D0F14);overflow:hidden} .sig-dist-fill{display:block;height:12px;border-radius:6px;background:var(--nd-lime,#B8E62E)} .sig-dist-n{font-family:var(--nd-font-mono,ui-monospace,monospace);font-size:.8rem;color:var(--nd-text,#fff)} /* freshness failure state: amber dot, last-good data kept */ .sig-fresh.fail .dot{background:var(--nd-amber,#F5B301);box-shadow:0 0 8px var(--nd-amber,#F5B301)} /* index system cards (moved from inline