.daily-source-card,
.processing-pipeline-card {
  min-width: 0;
  border-top: 3px solid var(--signal);
}

.daily-source-card { order: 4; }
.processing-pipeline-card {
  order: 5;
  border-top-color: #0f766e;
}

.daily-card-kicker {
  display: block;
  margin-bottom: 3px;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0;
}

.daily-schedule-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.daily-schedule-mark {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(194, 65, 12, 0.22);
  border-radius: 6px;
  background: rgba(234, 88, 12, 0.08);
}

.daily-schedule-mark span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.1);
}

.daily-schedule-row span,
.daily-schedule-row time,
.daily-metric-grid span,
.daily-metric-grid small,
.daily-progress-head span {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 600;
}

.daily-schedule-row strong {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 680;
}

.daily-schedule-row time {
  color: var(--muted);
  text-align: right;
}

.daily-metric-grid,
.processing-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 13px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.daily-metric-grid > div,
.processing-summary > div {
  min-width: 0;
  padding: 11px 8px;
}

.daily-metric-grid > div + div,
.processing-summary > div + div {
  border-left: 1px solid var(--line);
}

.daily-metric-grid strong,
.daily-metric-grid small,
.processing-summary strong,
.processing-summary span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-metric-grid strong,
.processing-summary strong {
  margin-top: 5px;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
}

.daily-metric-grid small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 9.5px;
}

.daily-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 13px;
}

.daily-progress-head strong {
  font-family: var(--mono);
  font-size: 12px;
}

.daily-progress {
  height: 7px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(16, 21, 28, 0.08);
}

.daily-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--signal);
  transition: width 350ms ease;
}

.processing-summary {
  margin-top: 2px;
}

.processing-summary span {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
}

.processing-stage-list {
  margin-top: 13px;
  border-top: 1px solid var(--line);
}

.processing-stage {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--line);
}

.stage-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
}

.stage-dot.good { background: #0f766e; }
.stage-dot.warn { background: #ca8a04; }
.stage-dot.bad { background: #dc2626; }

.processing-stage strong,
.processing-stage small {
  display: block;
}

.processing-stage strong {
  font-size: 12px;
  font-weight: 680;
}

.processing-stage small,
.processing-stage > span {
  margin-top: 2px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 10px;
}

.processing-stage > span {
  margin: 0;
  color: var(--faint);
}

.daily-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
}

.daily-card-foot time {
  flex: 0 0 auto;
  font-family: var(--mono);
}

.daily-card-foot a {
  color: var(--signal);
  font-weight: 650;
  text-decoration: none;
}

.daily-alert {
  margin-top: 11px;
  padding: 9px 10px;
  border-left: 3px solid #ca8a04;
  background: rgba(202, 138, 4, 0.07);
  color: #854d0e;
  font-size: 10.5px;
  overflow-wrap: anywhere;
}

.daily-alert strong,
.daily-alert span { display: block; }
.daily-alert span { margin-top: 2px; }

@media (max-width: 640px) {
  .daily-metric-grid,
  .processing-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .daily-metric-grid > div:nth-child(3),
  .processing-summary > div:nth-child(3) {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .daily-metric-grid > div:nth-child(4),
  .processing-summary > div:nth-child(4) {
    border-top: 1px solid var(--line);
  }

  .daily-schedule-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .daily-schedule-row time {
    grid-column: 2;
    text-align: left;
  }

  .daily-card-foot {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}