/*
 * Plain CSS fallbacks for cards/boxes — works even when Tailwind CDN
 * opacity utilities (bg-card/60, border-gold/30) fail on the server.
 */

.drb-card {
  border-radius: 0.75rem;
  border: 1px solid rgba(214, 161, 42, 0.35);
  background-color: #ffffff;
  color: #3c2518;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.drb-card-soft {
  border-radius: 0.75rem;
  border: 1px solid rgba(214, 161, 42, 0.35);
  background-color: rgba(255, 255, 255, 0.88);
  color: #3c2518;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.admin-shell {
  background-color: rgba(234, 210, 168, 0.45);
}

.admin-sidebar,
.admin-mobile-header,
.admin-mobile-tabs {
  background-color: #ffffff;
}

.admin-sidebar {
  border-right: 1px solid rgba(214, 161, 42, 0.25);
}

.admin-mobile-header,
.admin-mobile-tabs {
  border-bottom: 1px solid rgba(214, 161, 42, 0.25);
}

.drb-stat-icon {
  background-color: rgba(248, 181, 43, 0.3);
  color: #761a1e;
}

.drb-progress-track {
  background-color: #ead2a8;
  border-radius: 9999px;
  overflow: hidden;
  height: 0.5rem;
}

.drb-progress-fill {
  background-color: #d71920;
  height: 100%;
  border-radius: 9999px;
}