/* Tâm Da Family — màn hình đăng nhập tối giản (chỉ một mã). */
.login-screen.login-minimal {
  position:fixed; inset:0; z-index:500;
  display:flex; align-items:center; justify-content:center;
  padding:12px; background:#161719!important;
  color:#e9eaec; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.login-screen.login-minimal[hidden] {display:none!important;}
.login-minimal .auth-frame {
  display:grid; grid-template-columns:53% 47%;
  width:min(1600px,100%); height:calc(100dvh - 24px); min-height:480px;
  border:1px solid #3a3c40; border-radius:24px; padding:9px;
  background:#202226; overflow:hidden;
  box-shadow:0 25px 90px #0004;
}
.login-minimal .auth-panel {
  display:flex; align-items:center; justify-content:center;
  padding:36px; min-width:0;
  background:radial-gradient(ellipse at 30% 15%,#292c30 0%,#222427 48%,#1e2022 100%);
  border-radius:17px;
}
.login-minimal .auth-inner {width:min(100%,338px); margin-top:-10px;}
.login-screen.login-minimal h1 {
  margin:0 0 46px; color:#e6e8ec!important;
  font:500 29px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em!important;
}
.login-minimal #loginForm {display:flex; flex-direction:column; gap:0;}
.login-minimal #loginForm label {
  display:block; margin-bottom:10px;
  font-size:12px; line-height:1.35; font-weight:450;
  color:#a7abb3; letter-spacing:0;
}
.login-minimal #passwordInput {
  display:block; box-sizing:border-box; width:100%; height:49px; margin:0;
  padding:0 15px; border:1px solid #3c4047!important; border-radius:8px;
  background:#1b1d20!important; color:#ecedf0!important;
  font:400 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.04em; outline:none;
}
.login-minimal #passwordInput:focus-visible {outline:2px solid #74839b!important;outline-offset:2px;}
.login-minimal #passwordInput::placeholder {color:#7f848e!important;letter-spacing:0;}
.login-minimal .auth-submit {
  height:45px; width:100%; margin-top:24px; border-radius:8px;
  border:1px solid #738094!important;
  background:linear-gradient(180deg,#6b788b 0%,#576375 100%)!important;
  color:#f5f6f8!important;
  font:500 13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:inset 0 1px #ffffff18,0 8px 19px #0002!important;
}
.login-minimal .auth-submit:hover:not(:disabled) {
  background:linear-gradient(180deg,#79869a 0%,#626e82 100%)!important;
}
.login-minimal .auth-submit:disabled {opacity:.7;cursor:wait;}
.login-minimal .login-error {
  margin-top:17px; min-height:22px; font-size:12px;
  color:#e5a3aa!important;line-height:1.5;
}
.login-minimal .auth-photo {
  position:relative; min-width:0; height:100%; overflow:hidden;
  background:#141519; border-radius:19px;
}
.login-minimal .auth-photo img {
  display:block; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:center 48%;
  filter:brightness(.87) saturate(.92);
}
@media (max-width:700px) {
  .login-screen.login-minimal {padding:10px;overflow-y:auto;align-items:stretch;}
  .login-minimal .auth-frame {
    display:flex; flex-direction:column; height:auto; min-height:calc(100dvh - 20px);
    padding:7px; border-radius:20px;
  }
  .login-minimal .auth-photo {
    order:-1; height:36dvh; min-height:210px; max-height:340px;
    flex:none; border-radius:15px;
  }
  .login-minimal .auth-photo img {object-position:center 41%;}
  .login-minimal .auth-panel {
    flex:1; min-height:300px; border-radius:15px;
    padding:42px 24px 38px; align-items:center;
  }
  .login-minimal .auth-inner {margin:0;max-width:355px;}
  .login-screen.login-minimal h1 {font-size:28px!important;margin-bottom:32px;}
}
@media (max-height:600px) and (min-width:701px) {
  .login-minimal .auth-frame {min-height:0;}
  .login-screen.login-minimal h1 {margin-bottom:25px;}
}
@media (prefers-reduced-motion:reduce) {
  .login-minimal * {transition:none!important;}
}
