/* Meridian brand layer; preserve ERPNext forms, validation and keyboard controls. */
:root {
  --primary: #183961;
  --primary-color: #183961;
  --btn-primary-bg: #183961;
  --btn-primary-text: #fff;
  --brand-color: #1e4fd6;
}
body[data-path="login"] { background: #f4f7fb; }
body[data-path="login"]::before {
  content: "MERIDIAN RESEARCH SUPPLY";
  display: block;
  padding: 22px 28px;
  background: #142c49;
  color: #fff;
  font: 600 12px/1.4 system-ui, sans-serif;
  letter-spacing: .16em;
}
.page-card-head .app-logo { width: 62px; height: 62px; object-fit: contain; }
body[data-path="login"] .page-card,
body[data-path="login"] .login-content {
  border-radius: 16px;
}
.navbar .app-logo { object-fit: contain; }
.btn-primary { background: #183961; border-color: #183961; color: #fff; }
.btn-primary:hover, .btn-primary:focus-visible { background: #244f80; border-color: #244f80; }
body[data-path="login"] .btn.btn-primary { background: #183961 !important; border-color: #183961 !important; color: #fff !important; }
.meridian-login-note { margin-top: 20px; color: #52647a; font-size: 12px; line-height: 1.6; }
@media (max-width: 480px) {
 body[data-path="login"]::before { padding: 18px 20px; font-size: 10px; }
}