/* Earnings Moves page.
   Shares the hero, bands, controls, chips and accordion styles with the Sustainable Dividend page
   (css/sustainable-dividends.css, loaded first); this file adds the seven-column row, the twelve-bar history and the average-move pill. */

.em-table{ position:relative; z-index:1; border-top:1px solid rgba(255,255,255,0.1); }
.em-head-row, .em-row{
  display:grid; align-items:center; column-gap:14px;
  grid-template-columns: 40px minmax(170px, 1.3fr) 104px 150px 96px 112px 118px 92px;
}
.em-head-row{ padding:12px 6px 10px; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color: rgba(255,255,255,0.42); }
.em-row{ padding:14px 6px; border-bottom:1px solid rgba(255,255,255,0.08); cursor:pointer; transition: background .15s ease; animation: sd-in .35s ease both; }
.em-row:hover{ background: rgba(255,255,255,0.035); }
@media (prefers-reduced-motion: reduce){ .em-row{ animation:none; } }

.em-m{ display:flex; flex-direction:column; gap:3px; min-width:0; cursor:help; }
.em-m b{ font-size:15px; font-weight:800; font-variant-numeric: tabular-nums; color:#fff; white-space:nowrap; }
.em-m small{ font-size:11px; line-height:1.3; color: rgba(255,255,255,0.46); }
.em-lbl{ display:none; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color: rgba(255,255,255,0.45); }
.em-none{ color: rgba(255,255,255,0.4) !important; font-weight:600 !important; }

.em-pill{ display:inline-block; width:fit-content; padding:3px 10px; border-radius:999px; border:1px solid transparent; font-size:14px !important; }
.em-pill--calm{ background: rgba(47,214,120,0.12); border-color: rgba(47,214,120,0.35); }
.em-pill--typical{ background: rgba(143,214,111,0.1); border-color: rgba(143,214,111,0.3); }
.em-pill--big{ background: rgba(255,194,87,0.1); border-color: rgba(255,194,87,0.36); }
.em-pill--huge{ background: rgba(255,107,87,0.14); border-color: rgba(255,107,87,0.45); }

/* twelve bars: up above the line, down below; the newest bar is outlined */
.em-bars{ width:132px; height:36px; overflow:visible; }
.em-base{ stroke: rgba(255,255,255,0.22); stroke-width:1; }
.em-b--up{ fill:#6FE3A5; }
.em-b--down{ fill:#FF8A75; }
.em-b--new{ stroke:#fff; stroke-width:1.2; }

.em-soon{ position:relative; z-index:1; }

@media (max-width: 1100px){
  .em-head-row{ display:none; }
  .em-row{ grid-template-columns: 32px minmax(0,1fr) repeat(3, auto); row-gap:12px; column-gap:14px; }
  .em-row .c-id{ grid-column: 2 / -1; }
  .em-lbl{ display:block; }
  .em-row .em-m--bars{ grid-column: 1 / -1; }
}