@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap');

/* Khusus layar HP: judul tetap imut, tetapi input/form dibuat lebih jelas di Android WebView. */
@media (max-width: 760px) {
  html body.login-body,
  html body.login-body *,
  html body.dashboard-body,
  html body.dashboard-body * {
    font-family: "Comic Sans MS", "Comic Neue", "Trebuchet MS", Arial, sans-serif !important;
  }

  html body.dashboard-body .brand-block,
  html body.dashboard-body .brand-block *,
  html body.dashboard-body .brand-block .brand-script,
  html body.dashboard-body .topbar > div:first-of-type,
  html body.dashboard-body .topbar > div:first-of-type *,
  html body.dashboard-body .topbar .top-slogan,
  html body.login-body .login-brand,
  html body.login-body .login-brand *,
  html body.login-body .login-brand h1 {
    font-family: "Comic Sans MS", "Comic Neue", "Trebuchet MS", Arial, sans-serif !important;
  }

  html body.login-body label,
  html body.login-body input,
  html body.login-body select,
  html body.login-body button,
  html body.login-body textarea,
  html body.login-body input::placeholder,
  html body.login-body textarea::placeholder,
  html body.dashboard-body input,
  html body.dashboard-body select,
  html body.dashboard-body button,
  html body.dashboard-body textarea,
  html body.dashboard-body input::placeholder,
  html body.dashboard-body textarea::placeholder {
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html body.login-body input,
  html body.login-body textarea {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #273257 !important;
  }

  html body.login-body input::placeholder,
  html body.login-body textarea::placeholder {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #7b849b !important;
    opacity: 1 !important;
  }

  html body.login-body label {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #5d557d !important;
  }

  html body.login-body .primary-btn,
  html body.dashboard-body .primary-btn,
  html body.dashboard-body .mini-btn,
  html body.dashboard-body .soft-btn {
    font-weight: 800 !important;
  }
}