/* App UI tweaks (Bootstrap 5) */
:root {
  --app-card-radius: 1rem;
}

body.bg-light { background: #f6f7fb !important; }

.navbar-brand { font-weight: 700; letter-spacing: .2px; }

.card {
  border-radius: var(--app-card-radius);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 25px rgba(0,0,0,.04);
}

.table thead th { font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }
.table-hover tbody tr:hover { background: rgba(0,0,0,.02); }

.badge-soft {
  background: rgba(13,110,253,.10);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.15);
  font-weight: 600;
}

.btn-icon i { margin-right: .35rem; }

.admin-tabs .nav-link {
  border-radius: 999px;
  padding: .45rem .8rem;
}

.admin-tabs .nav-link.active {
  font-weight: 700;
}

.form-control, .form-select, .btn { border-radius: .8rem; }

.card-img-top { border-top-left-radius: var(--app-card-radius); border-top-right-radius: var(--app-card-radius); }

.small-muted { color: rgba(0,0,0,.55); }