/* TOKA Login — reskin trang /login theo bản sắc thương hiệu, không đụng logic form gốc */
#page-login{
  --cam:#F47B20;--cam-sang:#FDB515;--cam-dam:#D65A00;
  --than:#17181C;--xam:#82868F;--nen:#F5F6F8;--vien:#E7E9ED;
  --grad:linear-gradient(135deg,#FDB515 0%,#F47B20 55%,#EE5A24 100%);
  display:grid;grid-template-columns:minmax(420px,46%) 1fr;
  min-height:calc(100vh - 60px);
  font-family:'Be Vietnam Pro',system-ui,sans-serif;
  color:var(--than);background:#fff;
}

/* ==== NAVBAR (chỉ giữ lại nút chọn ngôn ngữ, gọn góc phải) ==== */
nav.navbar{background:#fff!important;border-bottom:1px solid var(--vien);padding:0}
nav.navbar .container{max-width:100%;display:flex;justify-content:flex-end;align-items:center;padding:14px 32px}
nav.navbar .navbar-brand,nav.navbar .navbar-toggler,nav.navbar #navbarSupportedContent{display:none!important}
nav.navbar #language-switcher{margin:0!important}
nav.navbar #language-switcher.tk-lang-wrap{position:relative;display:inline-flex!important;height:36px}
nav.navbar #language-switcher.tk-lang-wrap select{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;
  margin:0!important;border:0!important;background:none!important;padding:0!important;
}
nav.navbar .tk-lang-pill{
  display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;
  border:1px solid var(--vien);border-radius:10px;background:#fff;
  font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:12.5px;font-weight:600;color:var(--than);
  white-space:nowrap;
}
nav.navbar .tk-lang-globe,nav.navbar .tk-lang-chev{width:14px;height:14px;stroke:var(--xam);flex-shrink:0}

/* ==== PANEL THƯƠNG HIỆU (chèn thêm qua JS) ==== */
.tk-login-brand{
  position:relative;overflow:hidden;
  background:linear-gradient(155deg,#1A1B20 0%,#26272E 55%,#3A2818 100%);
  color:#fff;display:flex;flex-direction:column;justify-content:space-between;
  padding:48px 52px;
}
.tk-login-brand::before{
  content:'';position:absolute;width:520px;height:520px;right:-190px;bottom:-190px;
  transform:rotate(45deg);background:var(--grad);opacity:.14;border-radius:96px;
}
.tk-login-brand::after{
  content:'';position:absolute;width:300px;height:300px;right:-40px;bottom:-40px;
  transform:rotate(45deg);border:2px solid rgba(253,181,21,.30);border-radius:56px;
}
.tk-lb-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.tk-lb-top img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}
.tk-lb-top b{font-size:19px;font-weight:800;letter-spacing:.02em}
.tk-lb-top b span{color:var(--cam-sang)}
.tk-lb-top small{display:block;font-size:11px;color:#A9ADB6;font-weight:500;margin-top:2px}

.tk-lb-mid{position:relative;z-index:1;max-width:420px}
.tk-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cam-sang);margin-bottom:14px;
}
.tk-eyebrow::before{content:'';width:7px;height:7px;background:var(--grad);transform:rotate(45deg);border-radius:1px}
.tk-lb-mid h1{font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.3;letter-spacing:-.01em;margin:0}
.tk-lb-mid h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tk-lb-mid p{margin-top:14px;font-size:13.5px;line-height:1.7;color:#B9BCC4}

.tk-lb-bottom{position:relative;z-index:1;display:flex;gap:28px;flex-wrap:wrap}
.tk-lb-bottom div{font-size:11.5px;color:#9DA1AB}
.tk-lb-bottom b{display:block;font-size:16px;font-weight:800;color:#fff;margin-bottom:2px}

@media (max-width:900px){
  #page-login{grid-template-columns:1fr}
  .tk-login-brand{display:none}
}

/* ==== PANEL ĐĂNG NHẬP (retheme DOM gốc, không đổi cấu trúc) ==== */
#page-login .page-content-wrapper{
  background:var(--nen);display:flex;align-items:center;justify-content:center;
  padding:40px 32px;min-height:100%;
}
#page-login .page-breadcrumbs,
#page-login .page-header-wrapper{display:none}
#page-login .page_content{width:100%;max-width:400px}

#page-login .page-card{
  width:100%;background:#fff;border:1px solid var(--vien);border-radius:22px;
  padding:38px 36px 32px;box-shadow:0 24px 60px -30px rgba(23,24,28,.18);
}
#page-login .page-card-head{display:flex;flex-direction:column;align-items:flex-start}
#page-login .page-card-head .app-logo{
  width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--vien);
  object-fit:contain;padding:9px;margin-bottom:20px;
  box-shadow:0 6px 18px -8px rgba(244,123,32,.45);
}
#page-login .page-card-head h4{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:0}
#page-login .page-card-subtitle{margin-top:6px;font-size:13px;color:var(--xam);line-height:1.6}

#page-login .form-group{margin-top:20px}
#page-login .form-label{font-size:12.5px;font-weight:700;color:var(--than)}
#page-login .forgot-password-message{margin-top:6px;text-align:right}
#page-login .forgot-password-message a,
#page-login .sign-up-message a{font-size:12px;font-weight:600;color:var(--cam-dam);text-decoration:none}
#page-login .email-field,#page-login .password-field{position:relative}
#page-login .form-control{
  height:46px;border-radius:12px;background:var(--nen);border:1.5px solid transparent!important;
  padding:0 14px 0 40px;font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:14px;color:var(--than);
  box-shadow:none!important;
}
#page-login .form-control:focus{background:#fff;border-color:var(--cam)!important;box-shadow:0 0 0 3px rgba(244,123,32,.14)!important}
#page-login .field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--xam);pointer-events:none}
#page-login .toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;stroke:var(--xam)}

#page-login .btn-login{
  width:100%;margin-top:22px;height:48px;border:0;border-radius:12px;
  background:var(--grad)!important;color:#fff;font-weight:700;font-size:14.5px;
  box-shadow:0 10px 24px -10px rgba(244,123,32,.55);
}
#page-login .btn-login-option,#page-login .btn-login-with-email-link{
  width:100%;margin-top:12px;height:46px;border-radius:12px;
  border:1.5px solid var(--vien)!important;background:#fff!important;color:var(--than)!important;
  font-weight:600;font-size:13.5px;
}
#page-login .sign-up-message{margin-top:16px;text-align:center;font-size:12.5px;color:var(--xam)}

#page-login .page-footer{text-align:center;padding-top:16px;font-size:11.5px;color:var(--xam)}