/* assets/app.css */
:root{
  --brand:#0b3e64;     /* dark blue like screenshot */
  --brand2:#0a3555;
  --border:#d9dee6;
  --page:#f4f6f8;
}

.bg-page{ background: var(--page); }

.title-left{
  font-weight:600;
  color:#1f2937;
}
.title-right{
  font-weight:600;
  color:#111827;
  white-space:nowrap;
}

.card-soft{
  border:1px solid var(--border);
  border-radius:6px;
}

.member-input .input-group-text{
  background:#eef2f6;
  border-color:#cfd6df;
  font-weight:600;
}
.member-input .form-control{
  border-color:#cfd6df;
}

.member-table thead th{
  background: var(--brand);
  color:#fff;
  font-weight:600;
  padding:12px 14px;
  border-color:#2a5d86;
}
.member-table tbody td{
  padding:12px 14px;
}
.member-table{
  border-color:#cfd6df;
}

.btn-outline-secondary{
  border-color:#cfd6df;
}

@media (max-width: 576px){
  .title-right{ font-size:.9rem; }
  .member-table thead th{ font-size:.9rem; }
}