/* Small custom layer on top of Tailwind CDN. */
body {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Simple spinner */
.spinner {
  width: 2.5rem;
  height: 2.5rem;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #fbbf24;
  border-radius: 9999px;
  animation: spin 0.9s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Cards */
.card {
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

/* Tables */
.table-base {
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
}
.table-base th {
  padding: 0.625rem 0.75rem;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table-base td {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Chat bubbles */
.chat-msg { max-width: 80%; }
.chat-msg.customer { margin-left: auto; background: #d97706; color: #111; }
.chat-msg.staff { background: rgba(255, 255, 255, 0.08); color: #fff; }

/* Hide number input spinners */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }