/* DuKKia auth page visual polish — ONLY Login, Register, ForgotPassword.
   Load after mis-account-modern.css; do not affect Manage pages or MIS modules. */
.dk-account.dk-account--auth {
  display: flow-root;
  width: 100%;
  max-width: 880px;
  margin-inline: auto;
}
/* Prevent old title/banner layout from clipping long headings. */
.dk-account--auth > .widget-top-title-2 {
  position: relative !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 24px !important;
  overflow: visible !important;
  border-radius: 18px;
  background: #122f52 !important;
}
.dk-account--auth > .widget-top-title-2 .bg-mask {
  padding: 28px 32px !important;
}
.dk-account--auth > .widget-top-title-2 .container,
.dk-account--auth > .widget-top-title-2 .row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dk-account--auth > .widget-top-title-2 [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dk-account--auth > .widget-top-title-2 h1 {
  position: static !important;
  display: block;
  color: #fff !important;
  font-size: clamp(1.65rem, 3vw, 2.15rem) !important;
  line-height: 1.22 !important;
  margin: 0 !important;
  white-space: normal;
  overflow-wrap: anywhere;
}
/* Neutralise inherited negative offsets from container-overflow-low-xs. */
.dk-account--auth > .container-overflow-low-xs {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  clear: both !important;
}
.dk-account--auth > .container-overflow-low-xs > .row {
  display: block !important;
  margin: 0 !important;
}
.dk-account--auth > .container-overflow-low-xs > .row > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dk-account--auth .widget-form.form-main {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-top: 0 !important;
  transform: none !important;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .dk-account--auth > .widget-top-title-2 { margin-bottom: 18px !important; }
  .dk-account--auth > .widget-top-title-2 .bg-mask { padding: 22px 20px !important; }
  .dk-account--auth > .container-overflow-low-xs > .row > [class*="col-"] {max-width: 100% !important;}
}