/* CentralMotor - cadastro em etapas | tema escuro, isolado na pagina de cadastro.
   Paleta do portal: fundo #121315, cartoes #202226, botoes #c94e0b.
   Carregado APOS app.css e compact.css para nao afetar outras paginas. */
.account-body-register {
  --cm-reg-bg: #121315;
  --cm-reg-panel: #202226;
  --cm-reg-panel-hover: #2a2c32;
  --cm-reg-input: #16171a;
  --cm-reg-stroke: #42444c;
  --cm-reg-text: #f5f5f7;
  --cm-reg-muted: #bdc0c8;
  --cm-reg-orange: #c94e0b;
  --cm-reg-orange-hover: #b94606;
  --cm-reg-link: #ffad6e;
  background: var(--cm-reg-bg);
  color: var(--cm-reg-text);
  color-scheme: dark;
}
.account-body-register .account-shell {background:transparent}
.account-body-register .account-card {
  background:var(--cm-reg-panel);
  border:1px solid #393b42;
  box-shadow:0 10px 32px rgba(0,0,0,.13);
  color:var(--cm-reg-text);
}
.account-body-register .account-card > h2,
.account-body-register .account-wizard-title,
.account-body-register .account-result h3 {color:var(--cm-reg-text)}
.account-body-register .account-register-intro,
.account-body-register .account-wizard-description,
.account-body-register .account-wizard-status-line,
.account-body-register .account-footer-note,
.account-body-register .field-hint,
.account-body-register .data-note,
.account-body-register .account-result p {color:var(--cm-reg-muted)}
.account-body-register .account-wizard-progress {background:#3a302b}
.account-body-register .account-wizard-progress > span {background:var(--cm-reg-orange)}
.account-body-register .account-registration .account-kind label {
  background:#26282e;
  border:1px solid #484a52;
  color:var(--cm-reg-text);
  box-shadow:none;
}
.account-body-register .account-registration .account-kind label:hover {
  background:#2d2b2a;
  border-color:#c94e0b;
}
.account-body-register .account-registration .account-kind label:has(input:checked) {
  background:#392b25;
  border-color:#ff8a32;
  box-shadow:inset 0 0 0 1px #ff8a32;
}
.account-body-register .account-registration .account-kind strong {color:var(--cm-reg-text)}
.account-body-register .account-registration .account-kind small {color:var(--cm-reg-muted)}
.account-body-register .account-registration .account-kind-arrow {color:var(--cm-reg-link)}
.account-body-register .account-registration input[type=radio],
.account-body-register .account-registration input[type=checkbox] {accent-color:#ff8a32}
.account-body-register .account-registration .account-field label {color:var(--cm-reg-text)}
.account-body-register .account-registration .account-field label small {color:var(--cm-reg-muted)}
.account-body-register .account-registration .account-field :is(input:not([type=radio]):not([type=checkbox]),select,textarea) {
  background:var(--cm-reg-input);
  border:1px solid #51535c;
  color:var(--cm-reg-text);
  box-shadow:none;
  color-scheme:dark;
}
.account-body-register .account-registration .account-field :is(input,select,textarea)::placeholder {color:#a9adb6;opacity:1}
.account-body-register .account-registration .account-field :is(input,select,textarea):focus {
  border-color:#ff943f;
  box-shadow:0 0 0 3px rgba(255,148,63,.2);
}
.account-body-register .account-registration .account-field :is(input,select,textarea)[aria-invalid=true] {border-color:#e97c68}
.account-body-register .account-registration input:-webkit-autofill,
.account-body-register .account-registration input:-webkit-autofill:hover,
.account-body-register .account-registration input:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--cm-reg-text);
  -webkit-box-shadow:0 0 0 1000px var(--cm-reg-input) inset;
  caret-color:var(--cm-reg-text);
}
.account-body-register .account-registration .button,
.account-body-register .account-registration .button-dark,
.account-body-register .account-registration .account-submit {
  background:var(--cm-reg-orange);
  border:1px solid var(--cm-reg-orange);
  color:#fff;
}
.account-body-register .account-registration .button:hover,
.account-body-register .account-registration .button-dark:hover,
.account-body-register .account-registration .account-submit:hover {background:var(--cm-reg-orange-hover);border-color:var(--cm-reg-orange-hover);color:#fff}
.account-body-register .account-wizard-back {color:#d9d9de}
.account-body-register .account-wizard-back:hover,
.account-body-register .account-password-tools button:hover {color:#ffd1aa}
.account-body-register .account-password-tools button,
.account-body-register .account-secondary,
.account-body-register .account-footer-note a,
.account-body-register .data-note summary {color:var(--cm-reg-link)}
.account-body-register .account-registration .data-note {border-top:1px solid var(--cm-reg-stroke)}
.account-body-register .account-wizard-feedback,
.account-body-register .form-alert {background:#402721;border:1px solid #9b5d46;color:#ffe2d7}
.account-body-register .field-error {color:#ffb5a3}
.account-body-register .result-icon {background:#294131;color:#d5f0df}
.account-body-register .account-card :is(a,button,input,select,textarea,summary):focus-visible,
.account-body-register .account-registration .account-kind label:focus-within {
  outline:2px solid #ffad6e;
  outline-offset:3px;
}
@media(max-width:620px){
  .account-body-register .account-card {box-shadow:none}
  .account-body-register .account-registration .account-kind label {min-height:76px}
}
@media(prefers-reduced-motion:reduce){
  .account-body-register .account-registration .account-kind label {transition:none}
}