.today-stats {
  display: flex; gap: 10px; flex-wrap: wrap;
}
.t-stat {
  background: #161b22; border: 1px solid #2a313c; border-radius: 6px;
  padding: 10px 14px; min-width: 110px;
}
.t-stat-l { font-size: 11px; color: #8b949e; letter-spacing: 0.3px; }
.t-stat-v { font-size: 22px; font-weight: 700; color: #e6edf3; font-variant-numeric: tabular-nums; margin-top: 4px; }
.t-stat.tier-S { border-color: #f59e0b; }
.t-stat.tier-S .t-stat-v { color: #f59e0b; }
.t-stat.tier-A { border-color: #fb923c; }
.t-stat.tier-A .t-stat-v { color: #fb923c; }
.t-stat.tier-B { border-color: #facc15; }
.t-stat.tier-B .t-stat-v { color: #facc15; }
.t-stat.tier-C .t-stat-v { color: #8b949e; }
.t-stat.tier-D .t-stat-v { color: #6e7681; }

#today-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 12px;
}
.t-card {
  background: #161b22; border: 1px solid #2a313c;
  border-left: 4px solid #555; border-radius: 6px;
  padding: 14px 16px;
}
.t-card.tier-S { border-left-color: #f59e0b; box-shadow: 0 0 16px rgba(245, 158, 11, 0.2); }
.t-card.tier-A { border-left-color: #fb923c; }
.t-card.tier-B { border-left-color: #facc15; }
.t-card.tier-C { border-left-color: #6e7681; }
.t-card.tier-D { border-left-color: #444; opacity: 0.7; }

.t-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.t-card-title { display: flex; align-items: baseline; gap: 10px; }
.t-tier-badge { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #21262d; color: #e6edf3; }
.t-card.tier-S .t-tier-badge { background: #f59e0b; color: #0e1117; }
.t-card.tier-A .t-tier-badge { background: #fb923c; color: #0e1117; }
.t-card.tier-B .t-tier-badge { background: #facc15; color: #0e1117; }
.t-sym { font-family: 'JetBrains Mono', monospace; font-size: 18px; font-weight: 700; color: #e6edf3; }
.t-score { font-size: 24px; font-weight: 700; color: #d6dde6; font-variant-numeric: tabular-nums; }
.t-link { color: #58a6ff; text-decoration: none; font-size: 12px; }
.t-link:hover { text-decoration: underline; }

.t-summary {
  font-size: 12px; color: #d6dde6; padding: 8px 10px;
  background: #0e1117; border-radius: 4px; margin-bottom: 10px;
  line-height: 1.5;
}

.t-metrics-row {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 4px 12px; font-size: 11px; margin-bottom: 8px;
}
.t-metric { display: flex; justify-content: space-between; }
.t-metric-l { color: #6e7681; }
.t-metric-v { font-variant-numeric: tabular-nums; color: #d6dde6; }
.t-metric.neg .t-metric-v { color: #ef4444; }
.t-metric.glow .t-metric-v { color: #fbbf24; font-weight: 700; }

.t-components { margin-top: 6px; }
.t-components summary {
  font-size: 11px; color: #8b949e; cursor: pointer; padding: 4px 0;
}
.t-components summary:hover { color: #d6dde6; }
.t-comp-list { display: flex; flex-direction: column; gap: 3px; padding: 6px 0; }
.t-comp { display: flex; gap: 10px; font-size: 11px; font-family: 'JetBrains Mono', monospace; }
.t-comp-delta { width: 36px; text-align: right; font-weight: 700; }
.t-comp.pos .t-comp-delta { color: #22c55e; }
.t-comp.neg .t-comp-delta { color: #ef4444; }
.t-comp-reason { color: #d6dde6; }

.rules-table tr.tier-S td:first-child { color: #f59e0b; font-weight: 700; }
.rules-table tr.tier-A td:first-child { color: #fb923c; font-weight: 700; }
.rules-table tr.tier-B td:first-child { color: #facc15; font-weight: 700; }
.rules-table tr.tier-C td:first-child { color: #8b949e; }
.rules-table tr.tier-D td:first-child { color: #6e7681; }

.t-tail-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.t-tail-table th, .t-tail-table td { padding: 6px 8px; border-bottom: 1px solid #21262d; text-align: left; }
.t-tail-table th { background: #21262d; color: #8b949e; font-size: 11px; font-weight: 600; }
.t-tail-table tr.tier-C { background: rgba(110, 118, 129, 0.04); }
.t-tail-table tr.tier-D { color: #6e7681; }

.empty { color: #6e7681; padding: 20px; text-align: center; }