/* Earnings Preview 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 eight-column report row, the day dividers and the priced-vs-usual pill. */

.ep-table{ position:relative; z-index:1; border-top:1px solid rgba(255,255,255,0.1); }
.ep-head-row, .ep-row{
  display:grid; align-items:center; column-gap:14px;
  grid-template-columns: 128px minmax(170px, 1.3fr) 112px 118px 96px 86px 86px 118px;
}
.ep-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); }
.ep-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; }
.ep-row:hover{ background: rgba(255,255,255,0.035); }
@media (prefers-reduced-motion: reduce){ .ep-row{ animation:none; } }

.ep-day{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:16px 6px 8px; border-bottom:1px solid rgba(255,255,255,0.14); }
.ep-day b{ font-size:14px; font-weight:800; color:#fff; }
.ep-day span{ font-size:12px; font-weight:700; color: rgba(255,255,255,0.5); }

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

.ep-pill{ display:inline-block; width:fit-content; padding:3px 10px; border-radius:999px; border:1px solid transparent; font-size:14px !important; }
.ep-pill--below{ background: rgba(94,200,242,0.12); border-color: rgba(94,200,242,0.36); }
.ep-pill--near{ background: rgba(143,214,111,0.1); border-color: rgba(143,214,111,0.3); }
.ep-pill--above{ background: rgba(255,107,87,0.14); border-color: rgba(255,107,87,0.45); }

.ep-pair{ position:relative; z-index:1; display:grid; grid-template-columns: 1fr; gap:34px; }
.ep-pair h3{ margin:0 0 4px; font-size:16px; font-weight:800; color:#fff; }
.ep-pair p.ep-sub{ margin:0 0 8px; font-size:13px; line-height:1.5; color: rgba(255,255,255,0.6); }

@media (max-width: 1100px){
  .ep-head-row{ display:none; }
  .ep-row{ grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); row-gap:12px; column-gap:14px; }
  .ep-row .c-id{ grid-column: 1 / -1; order:-1; }
  .ep-lbl{ display:block; }
  .ep-pair{ grid-template-columns: 1fr; }
}