/* style.css — Traffic Director supplemental styles */

.stat-card {
  background-color: rgb(31 41 55);
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  border: 1px solid rgb(55 65 81);
}
.stat-label {
  font-size: 0.75rem;
  color: rgb(156 163 175);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: ui-monospace, monospace;
}
.stat-footnote {
  font-size: 0.75rem;
  color: rgb(107 114 128);
  margin-top: 0.25rem;
  line-height: 1.5;
}
.btn-flash {
  filter: brightness(1.6);
  transition: filter 0.15s ease-out;
}
button {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
#toast {
  transition: opacity 0.3s ease;
}
body {
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}