#login.loginColumns {
  max-width: 1020px;
}

#login .ibox-content,
.middle-box .ibox-content,
.logged-message-alert {
  background: rgba(8, 16, 32, 0.9);
  border: 1px solid #29416a;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(3, 7, 14, 0.45);
}

#login .form-control,
.middle-box .form-control {
  height: 42px;
}

#login .btn.block.full-width,
.middle-box .btn.block.full-width {
  min-height: 40px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.logged-message {
  align-items: stretch;
}

.logged-message-alert h2 {
  letter-spacing: 0.02em;
}

.lock-word {
  color: #d7e7ff;
  text-shadow: 0 0 18px rgba(20, 216, 255, 0.28);
}

.lock-word .first-word {
  color: #14d8ff;
}

.invalid-link-title {
  color: #d9ebff !important;
  text-shadow: 0 0 22px rgba(20, 216, 255, 0.26);
}

/* Logo responsive — override inline width="330px" */
#login img[alt*="logo"],
.middle-box img[alt*="logo"],
.logged-message img[alt*="logo"],
img[src*="custom-logo"] {
  max-width: 100%;
  height: auto;
}

/* ══════════════════════════════════════════════
   LOGIN — Mobile responsive
   ══════════════════════════════════════════════ */
@media (max-width: 768px) {
  .middle-box {
    max-width: 100%;
    padding: 0 16px;
    margin: 30px auto;
  }

  #login.loginColumns {
    max-width: 100%;
    padding: 0 12px;
  }

  #login .ibox-content,
  .middle-box .ibox-content,
  .logged-message-alert {
    padding: 20px 16px;
    border-radius: 12px;
  }

  #login .form-control,
  .middle-box .form-control {
    height: 48px;
    font-size: 16px;
    min-height: 44px;
  }

  #login .btn.block.full-width,
  .middle-box .btn.block.full-width {
    min-height: 48px;
    font-size: 1rem;
    width: 100%;
  }

  .logged-message {
    flex-direction: column;
  }

  .logged-message img {
    width: 100% !important;
    max-width: 20rem;
    margin: 0 auto 16px;
  }
}

@media (max-width: 576px) {
  .middle-box {
    padding: 0 10px;
    margin: 16px auto;
  }

  #login img[alt*="logo"],
  .middle-box img[alt*="logo"],
  img[src*="custom-logo"] {
    max-width: 240px;
  }

  .lock-word {
    font-size: 1.2rem;
  }

  .logged-message-alert h2 {
    font-size: 1.2rem;
  }
}