/* DECETI theme v0: storefront account, login and password controls. */
.deceti-0 .deceti-auth-page,
.deceti-0 .deceti-password-page,
.deceti-0 .deceti-account-requests {
  color: var(--object-body-text, #08233b);
  font-family: var(--site-font-family, Arial, sans-serif);
}

.deceti-0 .deceti-password-page {
  width: min(100% - 32px, 1440px);
  margin-inline: auto;
  padding: 34px 0 68px;
}

.deceti-0 .deceti-password-wrap { max-width: 760px; margin: 0 auto; }
.deceti-0 .deceti-password-card {
  padding: clamp(30px, 5vw, 62px);
  padding-bottom: clamp(44px, 6vw, 76px);
  border: 1px solid var(--object-card-border, #b8d4e3);
  border-top: 14px solid var(--color-primary-dark, #063b52);
  border-radius: 22px;
  background: var(--object-panel-background, #fff);
  box-shadow: 0 16px 42px rgb(16 42 67 / 10%);
}
.deceti-0 .deceti-password-card form { padding-bottom: 8px; }
.deceti-0 .deceti-password-card h1 { color: var(--color-primary-dark, #063b52) !important; }
.deceti-0 .deceti-password-card fieldset { display: grid; gap: 16px; margin: 26px 0 0; }
.deceti-0 .deceti-password-card legend { width: 100%; padding: 0 0 12px; border-bottom: 1px solid #d9e2ec; color: #063b52; font-size: 22px; font-weight: 800; }
.deceti-0 .deceti-password-card fieldset > .row { display: block !important; width: 100%; margin: 0 !important; }
.deceti-0 .deceti-password-card .col-sm-2,
.deceti-0 .deceti-password-card .col-sm-10,
.deceti-0 .deceti-password-card .col-md-3,
.deceti-0 .deceti-password-card .col-md-9 { width: 100% !important; max-width: none !important; padding: 0 !important; }
.deceti-0 .deceti-password-card label { display: block; width: 100%; margin: 0 0 9px; color: #08233b; font-weight: 800; }
.deceti-0 .deceti-password-card .form-control {
  width: 100%; min-height: 58px; padding: 0 22px;
  border: 1px solid var(--object-control-border, #b8d4e3);
  border-radius: 999px; color: #08233b; background: #fff;
}
.deceti-0 .deceti-password-card .form-control:focus { border-color: var(--color-primary, #10afe8); box-shadow: 0 0 0 4px rgb(16 175 232 / 16%); }
.deceti-0 .deceti-password-card form > .row { display: flex !important; justify-content: space-between; align-items: center; gap: 14px; width: 100%; margin: 26px 0 0 !important; }

/* Login is one storefront card, not two unrelated square panels. */
.deceti-0 .deceti-auth-page {
  width: min(100% - 32px, 1440px) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
}
.deceti-0 .deceti-auth-shell {
  overflow: hidden !important;
  border: 1px solid var(--object-card-border, #b8d4e3) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 20px 55px rgb(16 42 67 / 14%) !important;
}
.deceti-0 .deceti-auth-intro {
  border-radius: 25px 0 0 25px !important;
  background: linear-gradient(145deg, var(--color-primary-dark, #063b52) 0%, #07516e 100%) !important;
}
.deceti-0 .deceti-auth-card {
  border-radius: 0 25px 25px 0 !important;
  background: #fff !important;
}
.deceti-0 .deceti-password-card form > .row > .col { flex: 0 0 auto; width: auto; padding: 0; }
.deceti-0 .deceti-password-card .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 174px; min-height: 56px; padding: 10px 24px; border-radius: 999px; font-weight: 800; text-decoration: none; opacity: 1 !important; }
.deceti-0 .deceti-password-card .btn-light { border: 1px solid #b8d4e3 !important; color: #063b52 !important; background: #edf4f7 !important; }
.deceti-0 .deceti-password-card .btn-light:hover { border-color: #063b52 !important; color: #fff !important; background: #063b52 !important; }
.deceti-0 .deceti-password-card .btn-primary { border: 1px solid #063b52 !important; color: #fff !important; background: var(--color-primary-dark, #063b52) !important; }
.deceti-0 .deceti-password-card .btn-primary:hover { border-color: var(--color-primary, #10afe8) !important; background: var(--color-primary, #10afe8) !important; }

@media (max-width: 560px) {
  .deceti-0 .deceti-password-page { width: min(100% - 20px, 1440px); padding-top: 18px; }
  .deceti-0 .deceti-password-card { padding: 26px 20px; }
  .deceti-0 .deceti-password-card form > .row { align-items: stretch; flex-direction: column-reverse; }
  .deceti-0 .deceti-password-card form > .row > .col,
  .deceti-0 .deceti-password-card .btn { width: 100%; }
}

@media (max-width: 850px) {
  .deceti-0 .deceti-auth-intro { border-radius: 25px 25px 0 0 !important; }
  .deceti-0 .deceti-auth-card { border-radius: 0 0 25px 25px !important; }
}