/* ============================================================
   MASTER VORTEX — Earnings view styles.
   Pairs with earnings.js (view: #earnView). Tokens match
   styles.css / news.css / screener.css (--green, --panel,
   --panel-2, --edge, --dim, --ink, --red). Every weight in this
   file is 400 — the platform unbold rule.
   ============================================================ */

/* When the Earnings view is open it owns the workspace: the chart
   grid (which holds the ticker canvas) steps aside. */
body.mv-earnings-open .main{display:none}
body.mv-earnings-open .tf-group{visibility:hidden}

.earn-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}
.earn-view[hidden]{display:none}

.earn-head{display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:12px 16px; border-bottom:1px solid var(--edge); background:var(--panel-2)}
.earn-title{font-size:15px; font-weight:400; letter-spacing:1.5px; color:var(--ink)}
.earn-chip{font-size:10px; font-weight:400; letter-spacing:1.1px; color:var(--d-yellow);
  border:1px solid rgba(255,216,77,.55); border-radius:20px; padding:4px 9px; white-space:nowrap}
.earn-chip[hidden]{display:none}
.earn-controls{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-left:auto}
.earn-filters{display:flex; gap:0; border:1px solid var(--edge); border-radius:10px; overflow:hidden}
.earn-filter{font:inherit; font-size:12px; font-weight:400; letter-spacing:.4px;
  background:transparent; color:var(--dim); border:0; padding:7px 14px; cursor:pointer}
.earn-filter + .earn-filter{border-left:1px solid var(--edge)}
.earn-filter:hover{color:var(--ink)}
.earn-filter.active{background:#17351c; color:var(--green)}
.earn-refresh{font:inherit; font-size:12px; font-weight:400; letter-spacing:.4px;
  background:var(--panel); color:var(--ink); border:1px solid var(--edge);
  border-radius:10px; padding:7px 14px; cursor:pointer}
.earn-refresh:hover{border-color:var(--green); color:var(--green)}
.earn-refresh:disabled{opacity:.5; cursor:default}
.earn-status{font-size:12px; color:var(--dim); font-weight:400}
.earn-status.err{color:var(--red)}

.earn-table-wrap{flex:1; min-height:0; overflow:auto; position:relative}
.earn-table{width:100%; border-collapse:collapse; font-size:13.5px}
.earn-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}
.earn-table thead th.r, .earn-table td.r{text-align:right}
.earn-table tbody td{
  padding:8px 12px; border-bottom:1px solid #101c2e; white-space:nowrap;
  font-variant-numeric:tabular-nums; font-weight:400}
.earn-table tbody tr.earn-row{cursor:pointer}
.earn-table tbody tr.earn-row:hover{background:#0a1524}
.earn-table .sym{font-weight:400; letter-spacing:.3px; color:var(--ink)}
.earn-table .nm{color:#c6d6ea; max-width:340px; overflow:hidden; text-overflow:ellipsis}
.earn-table .earn-date{color:#c6d6ea}

.earn-table tbody tr.earn-group-row td{
  background:#0a1322; color:var(--green); font-size:11.5px; font-weight:400;
  letter-spacing:1.5px; padding:10px 12px 7px; border-bottom:1px solid var(--edge);
  white-space:nowrap}
.earn-table tbody tr.earn-group-row{cursor:default}

.earn-table tbody tr.earn-row.wl{box-shadow:inset 3px 0 0 var(--green); background:rgba(30,227,8,.05)}
.earn-table tbody tr.earn-row.wl:hover{background:rgba(30,227,8,.1)}
.earn-star{color:var(--green)}

.earn-badge{display:inline-block; font-size:10px; font-weight:400; letter-spacing:.8px;
  border:1px solid var(--edge); border-radius:999px; padding:2px 7px; margin-left:7px;
  color:var(--dim); background:rgba(120,150,190,.08); white-space:nowrap}
.earn-badge-bmo{color:var(--green); border-color:rgba(30,227,8,.45)}
.earn-badge-amc{color:var(--d-yellow); border-color:rgba(255,216,77,.45)}

.earn-whisper{color:var(--dim); font-style:normal; font-weight:400}
.earn-move-usd{font-size:11.5px; color:var(--dim)}

.earn-empty{padding:60px 20px; text-align:center; color:var(--dim);
  font-size:14px; font-weight:400}
.earn-empty[hidden]{display:none}

@media (max-width:900px){
  .earn-view{margin:6px}
  .earn-head{gap:10px; padding:8px 10px}
  .earn-title{font-size:14px}
  .earn-controls{margin-left:0}
  .earn-table{font-size:12.5px}
  .earn-table thead th{padding:7px 9px}
  .earn-table tbody td{padding:7px 9px}
  .earn-table .nm{max-width:130px}
}

@media (max-width:700px){
  .earn-table .earn-col-company{display:none}
  .earn-table .earn-col-rev{display:none}
}