/* stock/earnings/earnings.css — pestaña Earnings (comunicados de resultados de la SEC).
   Usa la base de ../news/news.css (encabezado, tarjeta AlphaAI, cargando). */

.er-shell { display: flex; flex-direction: column; gap: 14px; padding-bottom: 32px; }
/* news.css da a .news-shell una altura fija con scroll: que nada se encoja dentro */
.er-shell > *, .er-release > * { flex-shrink: 0; }

.er-list { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: thin; }
.er-pill {
  flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; cursor: pointer;
  border: 1px solid rgba(22, 36, 42, 0.10); background: #fff; color: #16242a; border-radius: 12px; padding: 8px 12px;
  font: 700 13px 'Inter', sans-serif; text-align: left;
}
.er-pill:hover { background: rgba(84, 140, 146, 0.08); }
.er-pill.is-on { background: #285260; border-color: #285260; color: #fff; }
.er-pill__p { font-size: 11.5px; font-weight: 600; opacity: .75; max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.er-pill:focus-visible, .er-full summary:focus-visible, .er-retry:focus-visible { outline: 3px solid rgba(84, 140, 146, 0.45); outline-offset: 2px; }

.er-release { display: flex; flex-direction: column; gap: 14px; min-height: 200px; }
.er-loading { padding: 28px 18px; }
.er-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font: 600 13px 'Inter', sans-serif; color: #6b7b80; }
.er-links { display: inline-flex; flex-wrap: wrap; gap: 12px; margin-left: auto; }
.er-links a { color: #285260; font-weight: 700; text-decoration: none; }
.er-links a i { font-size: 10px; margin-left: 2px; }
.er-tone { font: 800 11px 'Inter', sans-serif; letter-spacing: .05em; text-transform: uppercase; padding: 5px 9px; border-radius: 999px; }
.er-tone--strong { background: #e6f4ea; color: #188038; }
.er-tone--mixed { background: #fdf3e1; color: #b7791f; }
.er-tone--weak { background: #fbe9e9; color: #c0392b; }

.er-ai { padding: 18px 20px; }
.er-ai__label { display: flex; align-items: center; gap: 8px; font: 800 11.5px 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #5B4BC4; }
.er-ai__label img { object-fit: contain; }
.er-ai__h { margin: 10px 0 6px; font: 800 20px/1.3 'Inter', sans-serif; color: #16242a; letter-spacing: -.01em; }
.er-ai__p { margin: 0; font: 500 15px/1.65 'Inter', sans-serif; color: #2b3a3f; max-width: 80ch; }

.er-sec { background: #fff; border: 1px solid rgba(22, 36, 42, 0.09); border-radius: 16px; padding: 16px 18px; min-width: 0; }
.er-sec h3 { margin: 0 0 12px; font: 800 12px 'Inter', sans-serif; letter-spacing: .07em; text-transform: uppercase; color: #6b7b80; }
.er-sec ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font: 500 14.5px/1.5 'Inter', sans-serif; color: #16242a; }
.er-sec--watch li::marker { color: #b7791f; }
.er-none { margin: 0; font: 500 14px 'Inter', sans-serif; color: rgba(22, 36, 42, 0.5); }
.er-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.er-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.er-metric { display: flex; flex-direction: column; gap: 3px; padding: 12px; border-radius: 12px; background: #f6f9f9; min-width: 0; }
.er-metric__l { font: 600 12px 'Inter', sans-serif; color: #6b7b80; }
.er-metric b { font: 800 18px 'Inter', sans-serif; color: #16242a; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.er-metric__c { font: 700 12.5px 'Inter', sans-serif; color: #6b7b80; }
.er-metric__c.up { color: #188038; } .er-metric__c.down { color: #c0392b; }

.er-guid { width: 100%; border-collapse: collapse; font: 500 14px 'Inter', sans-serif; }
.er-guid th, .er-guid td { padding: 9px 10px; border-bottom: 1px solid rgba(22, 36, 42, 0.07); text-align: left; vertical-align: top; }
.er-guid tr:last-child th, .er-guid tr:last-child td { border-bottom: 0; }
.er-guid th { font-weight: 700; color: #16242a; width: 32%; }
.er-guid td { font-weight: 700; color: #285260; }
.er-guid td.er-guid__n { font-weight: 500; color: #6b7b80; }

.er-full { background: #fff; border: 1px solid rgba(22, 36, 42, 0.09); border-radius: 16px; padding: 4px 18px; }
.er-full summary { cursor: pointer; padding: 12px 0; font: 700 14px 'Inter', sans-serif; color: #285260; }
.er-text { margin: 0 0 16px; max-height: 70vh; overflow: auto; white-space: pre-wrap; word-break: break-word; font: 13px/1.6 ui-monospace, 'SFMono-Regular', Consolas, monospace; color: #2b3a3f; background: #f8fafa; border-radius: 10px; padding: 14px; }

.er-state { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; background: #fff; border: 1px solid rgba(22, 36, 42, 0.09); border-radius: 16px; padding: 28px 18px; }
.er-state i { font-size: 22px; color: #548C92; }
.er-state p { margin: 0; font: 500 14.5px/1.5 'Inter', sans-serif; color: #3d4b50; max-width: 520px; }
.er-retry { border: 1px solid rgba(22, 36, 42, 0.12); background: #fff; border-radius: 10px; padding: 8px 14px; font: 700 13px 'Inter', sans-serif; cursor: pointer; }
.er-note { margin: 4px 2px 0; font: 500 12.5px/1.5 'Inter', sans-serif; color: #6b7b80; }

@media (max-width: 900px) { .er-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .er-two { grid-template-columns: minmax(0, 1fr); } .er-links { margin-left: 0; } .er-guid th { width: 40%; } }