/* status.css — converted from src/components/StatusPage.tsx (recharts replaced with CSS bars) */
.status-chart-wrap {
  position: relative;
  height: 160px;
}
.status-chart-cols {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 160px;
}
.status-chart-col {
  flex: 1 1 0;
  height: 160px;
  display: flex;
  align-items: flex-end;
}
.status-chart-track {
  width: 100%;
  height: 152px;
  display: flex;
  align-items: flex-end;
  background: rgba(148, 163, 184, 0.06);
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.status-chart-bar {
  width: 100%;
  background: linear-gradient(180deg, var(--color-accent-400, #818cf8), var(--color-accent-600, #4f46e5));
  border-radius: 3px 3px 0 0;
  transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease;
}
.status-chart-col:hover .status-chart-bar {
  background: linear-gradient(180deg, var(--color-accent-300, #a5b4fc), var(--color-accent-500, #6366f1));
}
.status-chart-bar-success {
  width: 100%;
  background: linear-gradient(180deg, #34d399, #059669);
}
.status-chart-bar-error {
  width: 100%;
  background: linear-gradient(180deg, #f87171, #dc2626);
  border-radius: 3px 3px 0 0;
}
.status-chart-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #64748b;
  pointer-events: none;
}
.status-range-tab { color: #94a3b8; }
.status-range-tab.bg-accent-600 { box-shadow: 0 0 10px rgba(99, 102, 241, 0.35); }