@import "../admin-h5/styles.css";

.staff-hero {
  background: linear-gradient(135deg, #ffffff 0%, #e8f3ef 100%);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
}
.staff-hero h2 {
  margin: 0;
  font-size: 18px;
}
.staff-hero p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.timer {
  font-variant-numeric: tabular-nums;
  color: var(--brand);
  font-weight: 800;
}
.range-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-bottom: 10px;
}
.range-row .btn {
  min-height: 34px;
  padding: 0 6px;
  font-size: 12px;
}