:root{
  --app-surface: #ffffff;
  --app-muted: #6c757d;
}

body{
  background: #f6f7fb;
}

/* Backward-compatible containers used in older pages */
.form-container{
  background: var(--app-surface);
  border-radius: 14px;
  padding: 20px;
  margin: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

@media (max-width: 576px){
  .form-container{ margin: 12px; padding: 16px; }
}

.table-card{
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

/* Keep header readable over light background */
.navbar, header{
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.card{
  border-radius: 14px;
}

.card-header{
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.icon-badge{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(13,110,253,.10);
  color: #0d6efd;
  flex: 0 0 auto;
}

.form-control, .form-select{
  border-radius: 12px;
}

.btn{
  border-radius: 12px;
}

.table{
  margin-bottom: 0;
}

.table thead th{
  font-weight: 600;
}

/* Make textarea in floating label behave nicely */
.form-floating > textarea.form-control{
  padding-top: 1.6rem;
}