/* Auth — inside EDU web shell (desktop) */



html.edu-view-web .edu-web-content .auth-web-app {

  max-width: 920px;

  margin: 0 auto;

  padding: 16px 0 48px;

  background: transparent;

  min-height: auto;

  overflow: visible;

}



html.edu-view-web .edu-web-content .auth-web-app.auth-trainer-form-app {

  max-width: 860px;

}



/* Bakkah solo layout — centered card, no empty side column */

html.edu-view-web .auth-web-app .auth-bakkah--solo {

  display: block;

  min-height: auto;

  width: 100%;

  padding: 0;

}



html.edu-view-web .auth-web-app .auth-bakkah__form-side {

  order: unset;

  width: 100%;

  max-height: none;

  overflow: visible;

  padding: 0;

  align-items: stretch;

  justify-content: center;

  background: transparent;

}



html.edu-view-web .auth-web-app .auth-bakkah__form-inner,

html.edu-view-web .auth-web-app .auth-bakkah__form-inner--wide {

  width: 100%;

  max-width: 560px;

  margin: 0 auto;

  padding: 28px 32px 32px;

  border-radius: 20px;

  background: #fff;

  border: 1px solid #e4e8ec;

  box-shadow: 0 12px 40px rgba(13, 27, 62, 0.08);

  box-sizing: border-box;

}



html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block {

  margin-bottom: 14px;

  padding: 16px 18px;

  border-color: #e8edf5;

  background: #fafbfc;

}



html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block__title {

  display: none;

}



html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block + .auth-form-block {

  margin-top: 4px;

}



html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block__title::before {

  background: #f97316;

}



html.edu-view-web .auth-web-app .auth-bakkah__title {

  font-size: clamp(1.35rem, 2.4vw, 1.75rem);

  color: var(--edu-web-navy, #0b1426);

}



html.edu-view-web .auth-web-app .auth-bakkah__submit {

  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);

}



/* Prevent squeezed two-column grids inside the centered card */

html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-grid,

html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-grid--basic,

html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-grid--contact {

  grid-template-columns: 1fr;

  gap: 12px;

}



@media (min-width: 720px) {

  html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block--security .auth-form-grid {

    grid-template-columns: 1fr;

  }

}



html.edu-view-web .auth-web-app .auth-input,

html.edu-view-web .auth-web-app .auth-field,

html.edu-view-web .auth-web-app .auth-phone-combo,

html.edu-view-web .auth-web-app .auth-country-picker,

html.edu-view-web .auth-web-app .auth-country-picker__trigger {

  width: 100%;

  min-width: 0;

}



html.edu-view-web .auth-web-app .auth-control,

html.edu-view-web .auth-web-app .auth-field input:not([type="checkbox"]),

html.edu-view-web .auth-web-app .auth-country-picker__trigger,

html.edu-view-web .auth-web-app .auth-phone-combo,

html.edu-view-web .auth-web-app .auth-phone-input {

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

}



html.edu-view-web .auth-web-app .auth-control--textarea {

  height: auto;

  min-height: 112px;

  padding: 12px 14px;

  line-height: 1.6;

  resize: vertical;

}



html.edu-view-web .auth-web-app .auth-field--password {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
}

html.edu-view-web .auth-web-app .auth-field--password .auth-control {

  flex: 1 1 auto;

  order: 2;

  min-width: 0;

  width: auto;

  padding: 0;

  padding-inline-start: 0;

  padding-inline-end: 0;

}



html.edu-view-web .auth-web-app .auth-toggle-pass {

  position: static;

  inset: auto;

  transform: none;

  order: 3;

  flex-shrink: 0;

  font-size: 12px;

  white-space: nowrap;

  z-index: 2;

  max-width: none;

  overflow: visible;

  text-overflow: unset;

}



html.edu-view-web .auth-web-app .auth-field--password .auth-field__icon {

  position: static;

  transform: none;

  order: 1;

  flex-shrink: 0;

  pointer-events: none;

}



html.edu-view-web .auth-web-app .auth-control:focus,

html.edu-view-web .auth-web-app .auth-field input:focus,

html.edu-view-web .auth-web-app .auth-field--phone:focus-within .auth-phone-combo,

html.edu-view-web .auth-web-app .auth-country-picker.is-open .auth-country-picker__trigger,

html.edu-view-web .auth-web-app .auth-country-picker__trigger:focus,

html.edu-view-web .auth-web-app .auth-role-select-wrap .auth-role-select:focus {

  border-color: var(--edu-web-navy, #0b1426);

  box-shadow: 0 0 0 3px rgba(11, 20, 38, 0.1);

}



html.edu-view-web .auth-web-app .auth-input__label {

  margin-bottom: 6px;

  font-size: 12px;

  color: #475569;

}



html.edu-view-web .auth-web-app .auth-field-hint,

html.edu-view-web .auth-web-app .auth-hint-pro {

  font-size: 12px;

  line-height: 1.55;

}



/* Legacy auth-web-card selectors (login compact) */

html.edu-view-web .edu-web-content .auth-web-app:has(.auth-card-pro--register) {

  max-width: 820px;

}



html.edu-view-web .auth-web-app .auth-ultra-bg {

  display: none;

}



html.edu-view-web .auth-web-app .auth-web-layout--solo {

  display: block;

  width: 100%;

  max-width: none;

  min-height: auto;

  margin: 0;

  padding: 0;

}



html.edu-view-web .auth-web-app .auth-web-card--solo {

  position: relative;

  width: 100%;

  margin: 0 auto;

  border-radius: 20px;

  padding: 28px 32px 32px;

  background: #fff;

  border: 1px solid #e4e8ec;

  box-shadow: 0 12px 40px rgba(13, 27, 62, 0.08);

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}



html.edu-view-web .auth-web-app .auth-web-card--solo::before {

  display: none;

}



html.edu-view-web .auth-web-app .auth-card-pro--register.auth-web-card--solo {

  max-width: 100%;

}



html.edu-view-web .auth-web-app .auth-ultra-form-head .auth-form-head__title {

  color: var(--edu-web-navy, #0b1426);

  background: none;

  -webkit-background-clip: unset;

  background-clip: unset;

}



html.edu-view-web .auth-web-app .auth-submit-pro {

  background: var(--edu-web-navy, #0b1426);

  box-shadow: 0 12px 28px rgba(13, 27, 62, 0.24);

}



html.edu-view-web .auth-web-app .auth-submit-pro:hover {

  background: var(--edu-web-navy-hover, #152238);

}



html.edu-view-web .auth-web-app .auth-footer-pro a {

  color: var(--edu-web-navy, #0b1426);

}



html.edu-view-web .auth-web-app .auth-card-pro--register {

  max-height: none;

  overflow: visible;

}



html.edu-view-web .auth-web-app .auth-form-block {

  margin-bottom: 12px;

  padding: 14px 16px;

  border-color: #e4e8ec;

  box-shadow: none;

}



html.edu-view-web .auth-web-app .auth-form-block__title {

  color: var(--edu-web-navy, #0b1426);

}



html.edu-view-web .auth-web-app .auth-form-block__title::before {

  background: var(--edu-web-navy, #0b1426);

}



html.edu-view-web .auth-web-app .auth-form-grid {

  gap: 10px;

}



html.edu-view-web .auth-web-app .auth-ultra-divider {

  margin: 16px 0 12px;

}



html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-grid--trainer-profile,
html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-grid--trainer-files {
  grid-template-columns: 1fr;
}

@media (min-width: 720px) {
  html.edu-view-web .auth-web-app.auth-trainer-form-app .auth-bakkah__form--register .auth-form-grid--trainer-profile {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {

  html.edu-view-web .edu-web-content .auth-web-app {

    max-width: none;

    padding: 8px 0 32px;

  }



  html.edu-view-web .auth-web-app .auth-bakkah__form-inner,

  html.edu-view-web .auth-web-app .auth-bakkah__form-inner--wide,

  html.edu-view-web .auth-web-app .auth-web-card--solo {

    padding: 22px 20px 26px;

    border-radius: 16px;

    box-shadow: 0 8px 28px rgba(13, 27, 62, 0.06);

  }



  html.edu-view-web .auth-web-app .auth-bakkah__form--register .auth-form-block--security .auth-form-grid {

    grid-template-columns: 1fr;

  }

}