.db-lms-access-wrapper .db-lms-access-notice {
  border-radius: 16px;
  margin-bottom: 24px;
  padding: 16px 18px;
}

.db-lms-access-wrapper .db-lms-access-notice p {
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-notice--error {
  background: #fff4f4;
  border: 1px solid #f2b8b8;
  color: #7d1d1d;
}

.db-lms-access-wrapper .db-lms-access-notice--success {
  background: #edfdf4;
  border: 1px solid #a8e3be;
  color: #0f5b2f;
}

.db-lms-access-wrapper .db-lms-access-panel {
  background: #ffffff;
  border: 1px solid #dbe3ec;
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  box-sizing: border-box;
  padding: 28px !important;
}

.db-lms-access-wrapper .db-lms-access-panel .ld-registration__heading,
.db-lms-access-wrapper .db-lms-access-panel .ld-registration__p {
  margin-top: 0;
}

.db-lms-access-wrapper .ld-registration__login > .db-lms-access-intro,
.db-lms-access-wrapper .ld-registration__register > .db-lms-access-intro {
  margin-bottom: 6px !important;
}

.db-lms-access-wrapper .db-lms-access-form {
  display: grid;
  gap: 12px;
}

.db-lms-access-wrapper .db-lms-access-form > p,
.db-lms-access-wrapper .db-lms-access-form > div {
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-team-id-group {
  display: grid;
  gap: 4px;
}

.db-lms-access-wrapper .db-lms-access-team-id-group > .learndash-registration-field {
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-team-id-helper {
  color: #516071;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-team-id-validate {
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-validate-teamid-button {
  align-items: center;
  background: #0071cd !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(0, 113, 205, 0.16) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  justify-content: center;
  line-height: 1 !important;
  min-height: 36px !important;
  min-width: 0;
  padding: 0.52rem 0.9rem !important;
}

.db-lms-access-wrapper .db-lms-access-form .learndash-registration-field {
  display: grid;
  gap: 6px;
}

.db-lms-access-wrapper .db-lms-access-form .learndash-registration-field label {
  margin: 0;
}

.db-lms-access-wrapper .db-lms-access-form .ld-form__field {
  min-height: 46px;
  padding: 12px 16px;
}

.db-lms-access-wrapper .db-lms-access-form .db-lms-access-readonly-input[readonly],
.db-lms-access-wrapper .db-lms-access-form .db-lms-access-readonly-input[disabled],
.db-lms-access-wrapper .db-lms-access-form .db-lms-access-lockable-input[readonly] {
  background: #e6ebf1 !important;
  border-color: #d1d8e1 !important;
  color: #687586 !important;
  cursor: not-allowed;
  opacity: 1;
}

.db-lms-access-wrapper .db-lms-access-team-id-status {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.db-lms-access-wrapper .db-lms-access-team-id-status:empty {
  display: none;
}

.db-lms-access-wrapper .db-lms-access-team-id-status--pending {
  color: #516071;
}

.db-lms-access-wrapper .db-lms-access-team-id-status--success {
  color: #0f5b2f;
}

.db-lms-access-wrapper .db-lms-access-team-id-status--error {
  color: #7d1d1d;
}

.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit {
  margin-top: 2px;
}

.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit input[type="submit"] {
  align-items: center;
  display: inline-flex !important;
  justify-content: center;
  min-width: 180px;
  opacity: 1 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  visibility: visible !important;
}

.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit input[type="submit"].db-lms-access-submit-button--locked,
.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit input[type="submit"].db-lms-access-submit-button--locked:hover,
.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit input[type="submit"].db-lms-access-submit-button--locked:focus,
.db-lms-access-wrapper .db-lms-access-form .db-lms-access-submit input[type="submit"].db-lms-access-submit-button--locked:focus-visible {
  background: #d7dde5 !important;
  background-image: none !important;
  border-color: #d7dde5 !important;
  box-shadow: none !important;
  color: #687586 !important;
  cursor: not-allowed;
}

@media (max-width: 782px) {
  .db-lms-access-wrapper .db-lms-access-panel {
    padding: 22px !important;
  }
}

.db-lms-access-logout-form {
  margin: 0;
}

.db-lms-access-logout-form .wp-block-button__link {
  border: 0;
  cursor: pointer;
}

body.db-auth-page .db-lms-access-wrapper .db-lms-access-validate-teamid-button {
  align-items: center !important;
  background: #0071cd !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(0, 113, 205, 0.16) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 0.52rem 0.9rem !important;
  white-space: nowrap !important;
}

body.db-auth-page .db-lms-access-wrapper .db-lms-access-validate-teamid-button:hover,
body.db-auth-page .db-lms-access-wrapper .db-lms-access-validate-teamid-button:focus,
body.db-auth-page .db-lms-access-wrapper .db-lms-access-validate-teamid-button:focus-visible {
  background: #0071cd !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(0, 113, 205, 0.16) !important;
  color: #ffffff !important;
}