/* Scanner page: severity-banded list of insider-buy episodes. Shares the reading page's theme mechanism (dark class on , same palette variables) so the two secondary pages feel like one site. */ :root { /* light theme: mirrors utensil-web's warm cream palette. */ --rp-bg: #fcf6e5; --rp-panel: #faf4e0; --rp-ink: #2d2d2d; --rp-meta: #6b6356; --rp-hair: #e0d8c8; --rp-accent: #3d7a73; --rp-link: #1d4f73; --rp-link-hover: #3d7a73; --sc-hot: #991b1b; --sc-warm: #a16207; --sc-bar: #3d7a73; } html.dark { /* dark theme (matches the dashboard palette) */ --rp-bg: #0b0d12; --rp-panel: #0f1115; --rp-ink: #e8eaf0; --rp-meta: #7c828f; --rp-hair: #2a2e39; --rp-accent: #3b6ee8; --rp-link: #9db3ff; --rp-link-hover: #c4d1ff; --sc-hot: #e8853d; --sc-warm: #cfa93f; --sc-bar: #4a90e2; } html.theme-utensildesk { --rp-bg: #f3efe6; --rp-panel: #fbf8f1; --rp-ink: #22211e; --rp-meta: #6f6b63; --rp-hair: #d8d1c5; --rp-accent: #14775d; --rp-link: #14775d; --rp-link-hover: #0f5d49; --sc-bar: #14775d; } html.theme-utensildesk.dark { --rp-bg: #0f1115; --rp-panel: #171a20; --rp-ink: #e8e9ed; --rp-meta: #969ba7; --rp-hair: #2a2f38; --rp-accent: #66c2a3; --rp-link: #66c2a3; --rp-link-hover: #8bd7bd; --sc-bar: #66c2a3; } * { box-sizing: border-box; } body { margin: 0; background: var(--rp-bg); color: var(--rp-ink); font: 15px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; transition: background-color 0.2s, color 0.2s; } html.theme-utensildesk body { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } a { color: var(--rp-link); text-decoration-color: color-mix(in srgb, var(--rp-link) 45%, transparent); text-underline-offset: 2px; } a:hover { color: var(--rp-link-hover); text-decoration-color: currentColor; } .topbar { display: flex; align-items: center; justify-content: space-between; max-width: 900px; margin: 0 auto; padding: 16px 24px; } .back { color: var(--rp-meta); text-decoration: none; font-size: 13px; } .back:hover { color: var(--rp-ink); } .rp-right { display: flex; align-items: center; gap: 8px; } .theme-btn { padding: 6px; border-radius: 6px; border: 1px solid var(--rp-hair); background: transparent; color: var(--rp-meta); cursor: pointer; line-height: 0; } .theme-btn:hover { color: var(--rp-ink); } .theme-btn svg { width: 18px; height: 18px; } .hidden { display: none; } .wrap { max-width: 900px; margin: 0 auto; padding: 8px 24px 96px; } .eyebrow { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rp-meta); margin: 0 0 10px; } h1 { font-size: clamp(24px, 4vw, 34px); letter-spacing: -0.02em; margin: 0 0 8px; } .stamp { font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--rp-meta); margin-bottom: 14px; } .warning { border: 1px solid color-mix(in srgb, var(--sc-hot) 55%, transparent); background: color-mix(in srgb, var(--sc-hot) 12%, transparent); color: var(--rp-ink); border-radius: 8px; padding: 8px 12px; font-size: 13.5px; margin-bottom: 14px; } .controls { margin: 0 0 18px; } .window-note { margin: -6px 0 14px; } .toggle { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--rp-meta); cursor: pointer; } .toggle input { accent-color: var(--rp-accent); } /* Dollar-weighted sector mix for the currently visible scanner episodes. */ .sector-summary { margin: 0 0 28px; } .sector-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--rp-hair); padding-bottom: 6px; margin-bottom: 8px; } .sector-head h2 { margin: 0; font-family: ui-monospace, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rp-meta); } .sector-head span { font-family: ui-monospace, monospace; font-size: 12px; color: var(--rp-meta); white-space: nowrap; } .sector-bars { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; } .sector-row { min-width: 0; } .sector-line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 3px; } .sector-name { font-weight: 650; font-size: 13.5px; min-width: 0; overflow-wrap: anywhere; } .sector-value { font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--rp-ink); white-space: nowrap; } .sector-value span { color: var(--rp-meta); } .sector-track { width: 100%; height: 9px; border-radius: 999px; background: color-mix(in srgb, var(--rp-ink) 8%, transparent); overflow: hidden; } .sector-fill { display: block; width: var(--sector-width, 0%); min-width: 1px; height: 100%; border-radius: inherit; background: var(--rp-accent); } .sector-healthcare .sector-fill { background: #e0528d; } .sector-financials .sector-fill, .sector-investmentVehicles .sector-fill { background: #4a90e2; } .sector-realEstate .sector-fill { background: #d59638; } .sector-consumerDiscretionary .sector-fill, .sector-consumerStaples .sector-fill { background: #26a69a; } .sector-technology .sector-fill { background: #8f6bdc; } .sector-industrials .sector-fill { background: #8792a2; } .sector-materials .sector-fill, .sector-energy .sector-fill { background: #b8844f; } .sector-communicationServices .sector-fill { background: #5aa0a8; } .sector-other .sector-fill { background: var(--rp-meta); } .sector-meta { margin-top: 2px; font-size: 12px; color: var(--rp-meta); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Bands. Priority is carried by the label text and position; the tinted left rail is reinforcement, never the only signal. */ .band { margin-bottom: 26px; } .band-head, .band summary { display: flex; align-items: baseline; gap: 10px; font-family: ui-monospace, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rp-meta); border-bottom: 1px solid var(--rp-hair); padding-bottom: 6px; margin-bottom: 6px; } .band summary { cursor: pointer; list-style: revert; } .band-hot .band-title { color: var(--sc-hot); font-weight: 700; } .band-warming .band-title { color: var(--sc-warm); font-weight: 700; } .band-count { color: var(--rp-meta); } .band-empty { font-size: 13.5px; margin: 6px 0 0; } .ep-list { list-style: none; margin: 0; padding: 0; } .ep { border-bottom: 1px solid var(--rp-hair); } .ep-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) 150px 78px auto; gap: 12px; align-items: center; width: 100%; padding: 10px 4px; background: transparent; border: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; } .ep-row:hover { background: color-mix(in srgb, var(--rp-ink) 4%, transparent); } .band-hot .ep { border-left: 3px solid var(--sc-hot); } .band-warming .ep { border-left: 3px solid var(--sc-warm); } .band-hot .ep .ep-row, .band-warming .ep .ep-row { padding-left: 9px; } .ep-sym { font-family: ui-monospace, monospace; font-weight: 700; font-size: 14px; } .ep-name { color: var(--rp-meta); font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pill { border: 1px solid var(--rp-accent); color: var(--rp-accent); border-radius: 999px; font-size: 10.5px; padding: 1px 7px; vertical-align: 1px; } .delta { border-radius: 4px; font-size: 10.5px; font-weight: 700; padding: 1px 6px; text-transform: uppercase; letter-spacing: 0.06em; vertical-align: 1px; } .delta-new { background: var(--rp-accent); color: #fff; } .delta-updated { border: 1px solid var(--rp-accent); color: var(--rp-accent); } .ep-ins { display: flex; align-items: center; gap: 8px; } .ins-bar { display: inline-flex; gap: 2px; align-items: center; } .ins-bar i { display: inline-block; width: 7px; height: 14px; border-radius: 2px; background: var(--sc-bar); } .ins-bar b { color: var(--rp-meta); font-size: 12px; } .ins-count { font-size: 12px; color: var(--rp-meta); white-space: nowrap; } .ep-val { font-family: ui-monospace, monospace; font-size: 13.5px; text-align: right; } .ep-badges { display: flex; gap: 6px; } .badge { font-family: ui-monospace, monospace; font-size: 10.5px; border-radius: 4px; padding: 2px 6px; border: 1px solid var(--rp-hair); color: var(--rp-meta); white-space: nowrap; } .badge-high { border-color: currentColor; color: var(--sc-hot); font-weight: 700; } .badge-medium { border-color: currentColor; color: var(--sc-warm); } .ep-detail { padding: 4px 4px 16px; } .detail-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--rp-meta); margin: 4px 0 10px; } .tx-table { border-collapse: collapse; width: 100%; font-size: 13px; } .tx-table th, .tx-table td { border: 1px solid var(--rp-hair); padding: 5px 9px; text-align: left; vertical-align: top; } .tx-table th { font-weight: 700; color: var(--rp-meta); } .tx-table .num { text-align: right; font-family: ui-monospace, monospace; } .tx-table a { color: var(--rp-link); text-decoration: none; } .tx-table a:hover { color: var(--rp-link-hover); text-decoration: underline; } .role { display: block; font-size: 11.5px; } .excluded { color: var(--sc-hot); font-size: 11px; } .muted { color: var(--rp-meta); } .small { font-size: 12.5px; margin-top: 28px; } /* Footer license credit (TradingView Lightweight Charts). Quiet on purpose: the on-chart attribution logo is disabled, so this line carries the required credit instead. */ .app-credits { color: var(--rp-meta); font-size: 11px; margin: 24px 0 0; text-align: center; } .app-credits a { color: inherit; text-decoration: underline; } @media (max-width: 640px) { .ep-row { grid-template-columns: 64px minmax(0, 1fr) 70px; } .ep-ins, .ep-badges { display: none; } .sector-bars { grid-template-columns: 1fr; } .sector-head, .sector-line { align-items: flex-start; flex-direction: column; gap: 2px; } .sector-meta { white-space: normal; } } /* Market view (Phase B): SPY line with episode dots and the confluence band. */ .chart-wrap { margin: 0 0 30px; } .chart-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--rp-hair); padding-bottom: 6px; margin: 0 0 8px; } .chart-title { font-family: ui-monospace, monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rp-meta); font-weight: 700; margin: 0; } .scanner-interval-toggle { display: inline-flex; flex: 0 0 auto; border: 1px solid var(--rp-hair); border-radius: 8px; overflow: hidden; } .interval-btn { border: 0; border-left: 1px solid var(--rp-hair); padding: 5px 10px; background: transparent; color: var(--rp-meta); font: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; } .interval-btn:first-child { border-left: none; } .interval-btn:hover:not(.active) { color: var(--rp-ink); } .interval-btn.active { background: var(--rp-accent); color: #fff; } /* The chart uses autoSize and fills this box; the height lives here, not in JS. */ .chart-box { position: relative; height: 320px; overflow: hidden; } .scanner-calendar-grid { position: absolute; z-index: 3; left: 0; right: 0; top: 0; bottom: 28px; pointer-events: none; overflow: hidden; } .scanner-calendar-grid-line { position: absolute; top: 0; bottom: 0; width: 1px; transform: translateX(-0.5px); background: rgba(127, 127, 127, 0.12); } .scanner-axis-labels { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; height: 28px; pointer-events: none; overflow: hidden; font-family: ui-monospace, monospace; font-size: 11px; color: var(--rp-meta); } .scanner-axis-label { position: absolute; bottom: 5px; transform: translateX(-50%); white-space: nowrap; line-height: 1; } .chart-tooltip { position: absolute; z-index: 5; pointer-events: none; background: var(--rp-panel); border: 1px solid var(--rp-hair); border-radius: 8px; padding: 7px 10px; font-family: ui-monospace, monospace; font-size: 12px; color: var(--rp-ink); max-width: 240px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); } .chart-caption { margin-top: 8px; } /* Chart popover: episode detail anchored to the chart, no page scroll. */ .chart-wrap { position: relative; } .chart-popover { position: absolute; z-index: 10; top: 34px; left: 50%; transform: translateX(-50%); width: min(560px, 96%); max-height: 70vh; overflow: auto; background: var(--rp-panel); border: 1px solid var(--rp-hair); border-radius: 10px; padding: 12px 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); } .chart-popover-head { display: flex; align-items: baseline; gap: 8px; border-bottom: 1px solid var(--rp-hair); padding-bottom: 8px; margin-bottom: 8px; } .chart-popover-head b { font-family: ui-monospace, monospace; font-size: 14px; } .pop-close { margin-left: auto; border: 1px solid var(--rp-hair); background: transparent; color: var(--rp-meta); border-radius: 6px; font: inherit; font-size: 15px; line-height: 1; padding: 2px 8px; cursor: pointer; } .pop-close:hover { color: var(--rp-ink); } .pop-footer { margin: 10px 0 0; font-size: 12.5px; } .pop-footer a { color: var(--rp-link); text-decoration: none; } .pop-footer a:hover { color: var(--rp-link-hover); text-decoration: underline; } /* Detail-table clarity: buys-only badge and the 10b5-1 header tooltip hint. */ .buys-only { color: var(--rp-accent); border: 1px solid color-mix(in srgb, var(--rp-accent) 45%, transparent); border-radius: 999px; padding: 1px 8px; } .tx-table th abbr[title] { cursor: help; text-decoration: underline dotted; } /* Ticker-scope segmented control below the chart. */ .scanner-filter { display: inline-flex; max-width: 100%; border: 1px solid var(--rp-hair); border-radius: 8px; overflow: hidden; } .scanner-filter button { border: 0; border-left: 1px solid var(--rp-hair); background: transparent; color: var(--rp-meta); font: inherit; font-size: 13px; font-weight: 650; line-height: 1.35; min-height: 32px; padding: 6px 12px; cursor: pointer; white-space: nowrap; transition: color 0.15s, border-color 0.15s, background 0.15s; } .scanner-filter button:first-child { border-left: none; } .scanner-filter button:hover:not(.active) { color: var(--rp-ink); } .scanner-filter button.active { background: var(--rp-accent); color: #fff; } .scanner-paywall { margin: 18px 0 28px; } .scanner-paywall-head { max-width: 620px; margin-bottom: 14px; } .scanner-paywall-head .eyebrow { margin-bottom: 5px; } .scanner-paywall-head h2 { margin: 0 0 6px; font-size: 1.15rem; } .scanner-paywall-head p:last-child { margin: 0; } .scanner-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 240px)); gap: 12px; } .scanner-plan-card { position: relative; display: flex; flex-direction: column; min-height: 158px; padding: 16px; border: 1px solid var(--rp-hair); border-radius: 12px; background: var(--rp-panel); } .scanner-plan-annual { border-color: var(--rp-accent); } .scanner-plan-name { margin: 0 0 10px; color: var(--rp-muted); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .scanner-plan-price { margin: 0; } .scanner-plan-price strong { color: var(--rp-ink); font-size: 1.65rem; } .scanner-plan-price span { color: var(--rp-muted); } .scanner-plan-equivalent { margin: 2px 0 0; color: var(--rp-muted); font-size: .75rem; } .scanner-plan-saving { position: absolute; top: 14px; right: 14px; color: var(--rp-accent); font-size: .7rem; font-weight: 700; } .scanner-plan-card button { width: 100%; margin-top: auto; padding: 8px 10px; border: 1px solid var(--rp-hair); border-radius: 8px; color: var(--rp-muted); background: transparent; font: inherit; font-size: .8rem; font-weight: 650; cursor: not-allowed; opacity: .75; } @media (max-width: 640px) { .scanner-plan-grid { grid-template-columns: 1fr; } .scanner-filter { width: 100%; } .scanner-filter button { flex: 1 1 0; min-width: 0; padding-inline: 8px; white-space: normal; } } /* Managers section: curated 13F quarter diffs (prd/filing-scanner.md). */ .managers-summary { margin: 0 0 28px; } .managers-summary .small { margin-top: 0; } .managers-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--rp-hair); padding-bottom: 8px; margin-bottom: 2px; } .managers-title { min-width: 0; } .managers-head h2 { margin: 0; font-size: 16px; } .managers-lag { margin: 2px 0 0; color: var(--rp-meta); font-size: 11.5px; line-height: 1.35; } .managers-lag-age { color: #b45309; font-weight: 650; } .managers-lag-separator { color: var(--rp-hair); } .managers-subtitle { padding-top: 1px; text-align: right; } html.dark .managers-lag-age { color: #f59e0b; } .mgr { border-bottom: 1px solid var(--rp-hair); } .mgr:last-child { border-bottom: none; } .mgr-head { cursor: pointer; list-style: none; } .mgr-head::-webkit-details-marker { display: none; } .mgr-head-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "identity net" "preview preview"; align-items: center; column-gap: 14px; row-gap: 2px; padding: 7px 2px 7px 0; } .mgr-identity { grid-area: identity; display: flex; align-items: center; gap: 9px; min-width: 0; } .mgr-disclosure { width: 8px; color: var(--rp-meta); font-size: 18px; line-height: 1; transition: transform 0.15s ease; } .mgr[open] .mgr-disclosure { transform: rotate(90deg); } .mgr-name { font-weight: 600; } .mgr a { color: var(--rp-link); text-decoration: none; } .mgr a:hover { color: var(--rp-link-hover); text-decoration: underline; } .mgr-period { white-space: nowrap; } .mgr-net { grid-area: net; color: var(--rp-meta); white-space: nowrap; } .mgr-preview { grid-area: preview; display: flex; align-items: baseline; gap: 6px; min-width: 0; color: var(--rp-meta); font-size: 12.5px; line-height: 1.35; } .mgr-preview-group { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mgr-preview-label { font-weight: 650; } .mgr-preview-buy .mgr-preview-label { color: #237a46; } .mgr-preview-sell .mgr-preview-label { color: #bd4545; } html.dark .mgr-preview-buy .mgr-preview-label { color: #52d399; } html.dark .mgr-preview-sell .mgr-preview-label { color: #f87171; } .mgr-preview-separator { color: var(--rp-hair); } .mgr-body { padding: 0 2px 10px 16px; } .mgr-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .mgr-side-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--rp-meta); margin: 8px 0 4px; } .mgr-moves { list-style: none; padding: 0; margin: 0; } .mgr-move { display: flex; align-items: baseline; gap: 10px; padding: 3px 0; font-size: 14px; } .mgr-verb { min-width: 66px; font-size: 12px; color: var(--rp-meta); } .mgr-issuer { flex: 1; min-width: 0; } .mgr-delta { font-variant-numeric: tabular-nums; white-space: nowrap; } .mgr-buy .mgr-delta { color: #237a46; } .mgr-sell .mgr-delta { color: #bd4545; } html.dark .mgr-buy .mgr-delta { color: #52d399; } html.dark .mgr-sell .mgr-delta { color: #f87171; } .mgr-more { margin: 6px 0 0; } /* Manager 13D/13G positions (filer-side beneficial ownership), distinct from 13F moves. */ .mgr-schedule .mgr-verb { color: var(--rp-accent); font-weight: 600; } .mgr-schedule .mgr-delta { color: var(--rp-meta); } /* Government-connected disclosures stay visually separate from institutional 13F managers. */ .government-head { align-items: flex-start; } .government-head > div { min-width: 0; } .gov-scope { margin: 2px 0 0; } .gov-preview-range { color: var(--rp-meta); font-variant-numeric: tabular-nums; white-space: nowrap; } .gov-provenance { margin: 2px 0 4px; } .gov-move { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto auto; grid-template-areas: "verb issuer date delta"; } .gov-move .mgr-verb { grid-area: verb; } .gov-move .mgr-issuer { grid-area: issuer; } .gov-move-note { display: block; margin-top: 1px; } .gov-move-date { grid-area: date; white-space: nowrap; } .gov-move .mgr-delta { grid-area: delta; } .gov-note { margin: 7px 0 0; } .gov-boundary { border-top: 1px solid var(--rp-hair); margin: 4px 0 0; padding-top: 8px; } .government-summary .gov:last-of-type { border-bottom: none; } @media (max-width: 640px) { .managers-head { display: block; } .managers-head > span { display: block; max-width: none; margin-top: 4px; text-align: left; } .mgr-head-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "identity" "net" "preview"; } .mgr-identity { align-items: center; flex-wrap: wrap; gap: 0 9px; } .mgr-net { font-size: 11.5px; } .mgr-preview-group { flex: 1 1 0; } .mgr-columns { grid-template-columns: minmax(0, 1fr); gap: 0; } .government-head { display: block; } .government-head > span { display: block; max-width: none; margin-top: 4px; text-align: left; } .gov-move { grid-template-columns: 60px minmax(0, 1fr) auto; grid-template-areas: "verb issuer delta" ". date delta"; row-gap: 1px; } }