/* ============================================================
   MASTER VORTEX — Economic calendar section styles.
   Pairs with econ-calendar.js (section: #econCal, injected at the
   top of #earnView). Tokens match earnings.css / styles.css
   (--green, --panel, --panel-2, --edge, --dim, --ink, --red).
   Every weight in this file is 400 — the platform unbold rule.
   ============================================================ */

.econ-cal{border-bottom:1px solid var(--edge); background:var(--panel)}
.econ-head{padding:10px 16px 6px; font-size:12px; font-weight:400;
  letter-spacing:1.5px; color:var(--green)}
.econ-body{padding:0 16px 10px}

.econ-row{display:flex; align-items:baseline; gap:14px;
  padding:7px 0; border-bottom:1px solid #101c2e; font-weight:400}
.econ-row:last-child{border-bottom:0}
.econ-row.today{background:rgba(30,227,8,.05); box-shadow:inset 3px 0 0 var(--green);
  padding-left:10px; margin-left:-10px}
.econ-date{flex:0 0 92px; color:#c6d6ea; font-size:13px; font-weight:400; white-space:nowrap}
.econ-main{flex:1; min-width:0; display:flex; align-items:baseline; gap:14px; flex-wrap:wrap}
.econ-title{color:var(--ink); font-size:13.5px; font-weight:400}
.econ-time{color:var(--dim); font-size:12.5px; font-weight:400;
  font-variant-numeric:tabular-nums; white-space:nowrap}
.econ-impact{flex:0 0 auto; font-size:10.5px; font-weight:400; letter-spacing:1.1px;
  color:var(--red); border:1px solid rgba(255,90,90,.45); border-radius:999px;
  padding:2px 8px; white-space:nowrap}

.econ-next{padding:8px 0 2px; font-size:12px; font-weight:400;
  letter-spacing:.6px; color:var(--dim)}
.econ-empty{padding:8px 0; font-size:13px; font-weight:400; color:var(--dim)}
.econ-stale{padding:6px 0 2px; font-size:12px; font-weight:400; color:var(--d-yellow)}

@media (max-width:700px){
  .econ-head{padding:8px 10px 4px}
  .econ-body{padding:0 10px 8px}
  .econ-row{gap:10px}
  .econ-date{flex-basis:78px; font-size:12.5px}
  /* Time stacks under the title on narrow screens. */
  .econ-main{flex-direction:column; gap:2px}
  .econ-title{font-size:13px}
  .econ-time{font-size:12px}
}