html[lang="ms"] .system-settings-screen {
  min-height: 100dvh;
  padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
}

html[lang="ms"] .system-settings-top-bar {
  min-height: 60px;
  height: auto;
}

html[lang="ms"] .system-settings-top-bar h1 {
  max-width: calc(100% - 104px);
  font-size: 17px;
  line-height: 23px;
  text-align: center;
  overflow-wrap: anywhere;
}

html[lang="ms"] .settings-hero {
  min-height: 94px;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

html[lang="ms"] .settings-hero strong {
  font-size: 12.5px;
  line-height: 18px;
}

html[lang="ms"] .settings-hero p {
  font-size: 8.8px;
  line-height: 14px;
}

html[lang="ms"] .settings-group-title {
  min-height: 41px;
  height: auto;
}

html[lang="ms"] .settings-row {
  min-height: 64px;
  height: auto;
  padding: 8px 0;
  grid-template-columns: 37px minmax(0, 1fr) minmax(0, 78px) 18px;
}

html[lang="ms"] .settings-row > div strong {
  font-size: 10.5px;
  line-height: 16px;
}

html[lang="ms"] .settings-row > div small {
  font-size: 8.3px;
  line-height: 13px;
}

html[lang="ms"] .settings-row > em {
  font-size: 8.7px;
  line-height: 13px;
  text-align: right;
  white-space: normal;
}

html[lang="ms"] .settings-language-note {
  min-height: 86px;
  height: auto;
  align-items: start;
}

html[lang="ms"] .settings-language-note strong {
  line-height: 17px;
}

html[lang="ms"] .settings-language-note p {
  font-size: 8.5px;
  line-height: 14px;
}

html[lang="ms"] .settings-logout {
  min-height: 47px;
  height: auto;
  padding: 10px 20px;
  line-height: 18px;
}

html[lang="ms"] .settings-sheet {
  max-height: calc(100dvh - 18px);
  padding-right: 17px;
  padding-left: 17px;
  overflow-y: auto;
}

html[lang="ms"] .settings-sheet__heading {
  margin-bottom: 14px;
}

html[lang="ms"] .settings-sheet__heading h2 {
  font-size: 14.5px;
  line-height: 21px;
}

html[lang="ms"] .settings-sheet__heading p {
  font-size: 8.8px;
  line-height: 14px;
}

html[lang="ms"] .language-options > button,
html[lang="ms"] .theme-options > button {
  min-height: 66px;
  height: auto;
  padding-top: 9px;
  padding-bottom: 9px;
}

html[lang="ms"] .language-options strong,
html[lang="ms"] .theme-options strong {
  font-size: 10.8px;
  line-height: 17px;
}

html[lang="ms"] .language-options small,
html[lang="ms"] .theme-options small {
  font-size: 8.5px;
  line-height: 13px;
}

html[lang="ms"] .language-options em {
  max-width: 56px;
  line-height: 12px;
  text-align: center;
  white-space: normal;
}

html[lang="ms"] .currency-options {
  max-height: 334px;
  grid-template-columns: minmax(0, 1fr);
}

html[lang="ms"] .currency-options > button {
  min-height: 55px;
  height: auto;
  padding: 8px 11px;
  grid-template-columns: 33px minmax(0, 1fr) 17px;
}

html[lang="ms"] .currency-options strong,
html[lang="ms"] .currency-options small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

html[lang="ms"] .currency-options strong {
  font-size: 9.7px;
  line-height: 15px;
}

html[lang="ms"] .settings-sheet__note {
  font-size: 8.8px;
  line-height: 15px;
}

html[lang="ms"] .logout-confirm p {
  max-width: 318px;
  font-size: 9px;
  line-height: 16px;
}

@media (max-width: 350px) {
  html[lang="ms"] .settings-hero {
    margin-right: 12px;
    margin-left: 12px;
    padding-right: 12px;
    padding-left: 12px;
    grid-template-columns: 43px minmax(0, 1fr) auto;
    gap: 7px;
  }

  html[lang="ms"] .settings-hero > span {
    width: 42px;
    height: 42px;
  }

  html[lang="ms"] .settings-list {
    margin-right: 12px;
    margin-left: 12px;
    padding-right: 11px;
    padding-left: 11px;
  }

  html[lang="ms"] .settings-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(0, 67px) 15px;
    gap: 6px;
  }

  html[lang="ms"] .settings-sheet {
    padding-right: 14px;
    padding-left: 14px;
  }
}