/* Chemical-Mandi R348 — sitewide close controls + centered auth/DT form entry */
.cm-r348-circle-close{
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#c93218,#f05a0b)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(152,42,20,.24)!important;
  cursor:pointer!important;
  flex:0 0 42px!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.cm-r348-circle-close:hover{filter:brightness(.96);transform:translateY(-1px)}
.cm-r348-circle-close:focus-visible{outline:3px solid rgba(23,63,115,.35)!important;outline-offset:3px!important}
.cm-r348-circle-close[disabled]{opacity:.48!important;cursor:not-allowed!important;transform:none!important}

/* The requested three forms start and continue typing from the visual centre. */
body.cm-r348-centered-entry #loginForm input,
body.cm-r348-centered-entry #registerForm input:not([type=checkbox]):not([type=radio]),
body.cm-r348-centered-entry #registerForm select,
body.cm-r348-centered-entry #requestForm input:not([type=checkbox]):not([type=radio]),
body.cm-r348-centered-entry #requestForm select,
body.cm-r348-centered-entry #requestForm textarea{
  text-align:center!important;
  text-align-last:center;
}
body.cm-r348-centered-entry #loginForm input::placeholder,
body.cm-r348-centered-entry #registerForm input::placeholder,
body.cm-r348-centered-entry #requestForm input::placeholder,
body.cm-r348-centered-entry #requestForm textarea::placeholder{text-align:center!important}
body.cm-r348-centered-entry #loginForm .password-field input{padding-left:48px!important;padding-right:48px!important}
body.cm-r348-centered-entry #requestForm textarea{min-height:150px}

/* R349 — slightly larger form typography on the three centered-entry forms. */
body.cm-r348-centered-entry #loginForm input,
body.cm-r348-centered-entry #registerForm input:not([type=checkbox]):not([type=radio]),
body.cm-r348-centered-entry #registerForm select,
body.cm-r348-centered-entry #requestForm input:not([type=checkbox]):not([type=radio]),
body.cm-r348-centered-entry #requestForm select,
body.cm-r348-centered-entry #requestForm textarea{
  font-size:18px!important;
}
body.cm-r348-centered-entry #loginForm label,
body.cm-r348-centered-entry #registerForm label,
body.cm-r348-centered-entry #requestForm label{
  font-size:16px!important;
}
body.cm-r348-centered-entry #loginForm button,
body.cm-r348-centered-entry #registerForm button,
body.cm-r348-centered-entry #requestForm button,
body.cm-r348-centered-entry #requestForm .dtx-orange,
body.cm-r348-centered-entry #requestForm .dtx-back{
  font-size:17px!important;
}