/* ALERTAS.CSS - ScorePulse V9.8 */

/* TABS */
.alertas-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.alertas-tab {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 6px;
  font-size: 11px;
  font-family: var(--font-mono);
  font-weight: 700;
  cursor: pointer;
  border: 1px solid var(--glass-border);
  background: transparent;
  color: var(--text-dim);
  transition: all var(--transition);
  letter-spacing: 0.5px;
}

.alertas-tab:hover { color: var(--text-secondary); border-color: rgba(255,255,255,0.15); }
.alertas-tab.active {
  background: rgba(139,92,246,0.15);
  border-color: var(--purple);
  color: var(--purple-bright);
}

.alertas-tab-count {
  background: var(--red);
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 10px;
  min-width: 14px;
  text-align: center;
  line-height: 1.4;
}

/* LISTA */
.alertas-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* CARD */
.alerta-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
  animation: card-in 0.3s ease both;
}

.alerta-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
}

.alerta-card.corners::before { background: linear-gradient(180deg, #f59e0b, #d97706); }
.alerta-card.goals::before   { background: linear-gradient(180deg, var(--green-bright), var(--green)); }
.alerta-card.cards::before   { background: linear-gradient(180deg, #ef4444, #dc2626); }

/* HEADER */
.alerta-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.alerta-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.alerta-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.alerta-type-badge {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.alerta-type-badge.corners { color: #f59e0b; background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.25); }
.alerta-type-badge.goals   { color: var(--green-bright); background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.25); }
.alerta-type-badge.cards   { color: #ef4444; background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.25); }

.alerta-minute {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--green-bright);
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  padding: 2px 6px;
  border-radius: 4px;
}

.alerta-league {
  font-size: 10px;
  color: var(--text-dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.alerta-live-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--green-bright);
  box-shadow: 0 0 8px var(--green);
  animation: pulse-dot 1.5s infinite;
}

.alerta-risco {
  font-size: 9px;
  font-family: var(--font-mono);
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 700;
}

.alerta-risco.risco {
  color: #f59e0b;
  background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.2);
}

.alerta-risco.seguro {
  color: var(--green-bright);
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
}

/* BODY */
.alerta-card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.alerta-match {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.alerta-team {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

.alerta-score {
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 700;
  color: var(--green-bright);
  text-shadow: 0 0 16px rgba(52,211,153,0.4);
  letter-spacing: 2px;
  flex-shrink: 0;
  min-width: 46px;
  text-align: center;
}

/* CONFIANÇA */
.alerta-right { flex-shrink: 0; }

.alerta-confs {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  padding: 6px 12px;
}

.alerta-conf-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.alerta-conf-val {
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.alerta-conf-val.high { color: var(--green-bright); }
.alerta-conf-val.mid  { color: var(--purple-bright); }
.alerta-conf-val.low  { color: var(--text-secondary); }

.alerta-conf-lbl {
  font-size: 8px;
  color: var(--text-dim);
  font-family: var(--font-mono);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.alerta-conf-sep {
  color: var(--text-dim);
  font-size: 16px;
  padding: 0 2px;
}

/* STATS */
.alerta-stats {
  display: flex;
  gap: 16px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.02);
  border-radius: 6px;
  border: 1px solid var(--glass-border);
}

.alerta-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.alerta-stat-val {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
}

.alerta-stat-lbl {
  font-size: 8px;
  color: var(--text-dim);
  font-family: var(--font-mono);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* SCORER HINT (golos) */
.alerta-scorer {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #00ff88;
  padding: 4px 14px 2px;
  opacity: 0.85;
}

/* SCORE PILL (cartões) */
.alerta-card-score-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 2px 14px 6px;
  padding: 4px 12px;
  background: rgba(240,165,0,0.1);
  border: 1px solid rgba(240,165,0,0.25);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: #f0a500;
  letter-spacing: 1px;
}

/* TEMPERATURE BADGE */
.alerta-temp {
  font-size: 9px;
  font-family: var(--font-mono);
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  letter-spacing: 0.4px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.alerta-temp small {
  font-size: 8px;
  opacity: 0.75;
  font-weight: 600;
}
.alerta-temp--hot {
  color: #ff6b35;
  background: rgba(255,107,53,0.12);
  border: 1px solid rgba(255,107,53,0.3);
  animation: temp-pulse 2s infinite;
}
.alerta-temp--active {
  color: #f0c040;
  background: rgba(240,192,64,0.1);
  border: 1px solid rgba(240,192,64,0.25);
}
.alerta-temp--cold {
  color: var(--text-dim);
  background: rgba(100,160,255,0.07);
  border: 1px solid rgba(100,160,255,0.15);
}
@keyframes temp-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,107,53,0.4); }
  50%       { box-shadow: 0 0 6px 2px rgba(255,107,53,0.2); }
}

/* TEAM LEADING highlight */
.alerta-team.leading {
  color: #00ff88;
  text-shadow: 0 0 8px rgba(0,255,136,0.3);
}

/* INSIGHT */
.alerta-insight {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(139,92,246,0.05);
  border: 1px solid rgba(139,92,246,0.15);
  border-radius: 6px;
  align-items: flex-start;
}

.alerta-insight-icon { font-size: 14px; flex-shrink: 0; margin-top: 1px; }

.alerta-insight-text {
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.6;
  font-style: italic;
}

/* FOOTER */
.alerta-card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid var(--glass-border);
}

.alerta-btn-signal {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 6px;
  background: rgba(167,139,250,.1);
  border: 1px solid rgba(167,139,250,.25);
  color: #a78bfa;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}
.alerta-btn-signal:hover { background: rgba(167,139,250,.2); }

.alerta-btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 6px;
  background: rgba(37,211,102,0.1);
  border: 1px solid rgba(37,211,102,0.25);
  color: #25d366;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition);
}

.alerta-btn-wa:hover { background: rgba(37,211,102,0.18); }

/* EMPTY */
.alertas-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 20px;
  gap: 12px;
}

.alertas-empty-icon { font-size: 40px; opacity: 0.3; }
.alertas-empty-text { font-family: var(--font-tactical); font-size: 13px; color: var(--text-secondary); letter-spacing: 1px; }
.alertas-empty-sub  { font-size: 11px; color: var(--text-dim); text-align: center; }