/* Settings page styles */
body {
  background: #f5f7f9;
  color: #2b2b2b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.app-header .navbar { background: #24649b !important; }

.app-main {
  max-width: 980px;
  background: #fff;
  padding: 24px;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  border: 1px solid #e6e9ec;
}

.tabs-row { display: flex; gap: 8px; margin-bottom: 18px; }
.tab-flag { flex: 1; background: #e9f5ff; color: #24649b; padding: 10px 12px; text-align: center; border-radius: 6px; font-weight: 700; }

.avatar-large { width: 120px; height: 120px; object-fit: cover; }

.student-form .form-control, .password-form .form-control { height: 42px; }

.btn-dark { background: #4f575d; border: none; }

@media (max-width: 767px) {
  .avatar-large { width: 96px; height: 96px; }
  .tabs-row { flex-direction: column; }
}