/* ============================================================
   MASTER VORTEX — INSIDER BUYS tab styles (insider.js companion,
   view: #insiderView). The feature lives in its own top view tab
   (moved out of the dashboard dock 2026-11-03, CEO directive) and
   speaks the platform view language of meme.css / earnings.css:
   --panel ground, --edge borders, sticky table head. Direction
   green is the platform --green; the CLUSTER badge keeps the
   dashboard family's red tag. Every weight is 400 — the
   platform unbold rule.
   ============================================================ */

/* When the Insider Buys view is open it owns the workspace: the
   chart grid steps aside. */
body.mv-insider-open .main{display:none}
body.mv-insider-open .tf-group{visibility:hidden}

.insider-view{flex:1; min-height:0; display:flex; flex-direction:column;
  background:var(--panel); margin:10px; border:1px solid var(--edge); border-radius:14px;
  overflow:hidden}
.insider-view[hidden]{display:none}

.insider-head{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  padding:12px 16px; border-bottom:1px solid var(--edge); background:var(--panel-2)}
.insider-title{font-size:15px; font-weight:400; letter-spacing:1.5px; color:var(--ink)}
.insider-sub{font-size:12px; font-weight:400; color:var(--dim); flex:1 1 320px}
.insider-status{font-size:12px; font-weight:400; color:var(--red)}

/* Buys/Sells toggle (INSIDER SELLS added 2026-11-04). */
.insider-toggle{display:flex; gap:6px; align-items:center}
.insider-side-btn{background:transparent; border:1px solid var(--edge); color:var(--dim);
  font-size:11.5px; font-weight:400; letter-spacing:1px; padding:4px 12px;
  border-radius:999px; cursor:pointer}
.insider-side-btn.active{color:var(--ink); border-color:var(--dim); background:var(--panel)}

.insider-table-wrap{flex:1; min-height:0; overflow:auto; position:relative}
.insider-table{width:100%; border-collapse:collapse; font-size:13.5px}
.insider-table thead th{
  position:sticky; top:0; z-index:2; background:#0a1322; color:var(--dim);
  font-size:11px; font-weight:400; letter-spacing:1.1px; text-align:left;
  padding:9px 12px; border-bottom:1px solid var(--edge); white-space:nowrap}
.insider-table thead th.r, .insider-table td.r{text-align:right}
.insider-table tbody td{
  padding:8px 12px; border-bottom:1px solid #101c2e; white-space:nowrap;
  font-variant-numeric:tabular-nums; font-weight:400}
.insider-table tbody tr.insider-row{cursor:pointer}
.insider-table tbody tr.insider-row:hover{background:#0a1524}
.insider-table .sym{letter-spacing:.3px; color:var(--ink)}
.insider-table .buyer{color:#c6d6ea}
.insider-table td.amt{color:var(--green)}
.insider-table td.amt.sell{color:var(--red)}
.insider-cluster{
  background:var(--d-red); color:#fff; font-size:9px; font-weight:400; letter-spacing:.5px;
  padding:1px 4px; border-radius:2px; white-space:nowrap; vertical-align:1px}
.insider-empty{padding:34px 16px; text-align:center; color:var(--dim); font-size:13px; font-weight:400}
.insider-empty[hidden]{display:none}

.insider-foot{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  padding:8px 16px; border-top:1px solid var(--edge);
  color:var(--dim); font-size:11.5px; font-weight:400}
.insider-stale{color:var(--d-yellow)}

@media (max-width: 900px) {
  .insider-view{margin:6px}
}