/* BIVACO_AUTH_UI_V1 – scope riêng, không tác động trang khác */
.bv-auth{font-family:inherit;background:#f5f8fa;min-height:calc(100vh - 160px);padding:58px 18px;color:#263d4b;box-sizing:border-box}
.bv-auth *{box-sizing:border-box}.bv-auth-shell{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);border:1px solid #e2eaf0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 60px rgba(29,58,76,.07)}
.bv-auth-aside{background:linear-gradient(145deg,#244e66,#427a91);padding:60px 43px;color:white;display:flex;flex-direction:column;justify-content:center}
.bv-auth-kicker{font-size:12px;font-weight:700;letter-spacing:2px;color:#c9e6f0;margin-bottom:22px}.bv-auth-aside h2{font-size:32px;line-height:1.26;font-weight:750;color:white;margin:0 0 20px}.bv-auth-aside p{color:#e0edf3;font-size:15px;line-height:1.85;margin:0 0 36px}.bv-auth-benefits{display:grid;gap:17px;font-size:14px;color:#f3fafc}
.bv-auth-panel{padding:48px 52px 36px;min-width:0}.bv-auth-eyebrow{color:#5a869b;font-size:12px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:9px}.bv-auth-panel h1{font-size:30px;line-height:1.2;font-weight:750;color:#243e4e;margin:0 0 12px}.bv-auth-subtitle{font-size:14px;color:#6a7b86;line-height:1.7;margin:0 0 28px}.bv-auth-form{display:grid;gap:19px}.bv-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bv-auth-field{min-width:0}.bv-auth-field label{display:block;font-size:13px;font-weight:650;color:#304c5d;margin:0 0 9px}.bv-auth-field label span{color:#d04b4b}.bv-auth-field input{display:block;width:100%;height:46px;padding:0 14px;border:1px solid #dce6ec;border-radius:9px;background:#fbfdfe;color:#263d4b;font:inherit;font-size:14px;outline:none;transition:border .15s,box-shadow .15s}.bv-auth-field input:focus{border-color:#4c829c;box-shadow:0 0 0 3px rgba(76,130,156,.11)}.bv-auth-field input::placeholder{color:#95a5ae}.bv-auth-fieldhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.bv-auth-fieldhead a,.bv-auth-switch a{color:#326e89;text-decoration:none;font-weight:700}.bv-auth-fieldhead a{font-size:12px;margin-bottom:8px}.bv-auth-submit{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#356d88;color:white;border:0;border-radius:9px;min-height:48px;padding:0 19px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.bv-auth-submit:hover{background:#244f67}.bv-auth-submit span{font-size:19px}.bv-auth-switch{font-size:13px;color:#6a7b86;text-align:center;margin:28px 0 16px}.bv-auth-back{display:block;text-align:center;text-decoration:none;font-size:13px;color:#6c8390}.bv-auth-alert{border-radius:8px;padding:12px 14px;margin-bottom:18px;font-size:13px;line-height:1.6}.bv-auth-alert-error{background:#fff3f2;border:1px solid #f5d3ce;color:#a8392b}.bv-auth-alert-success{background:#edf8f2;border:1px solid #c3e4d0;color:#29704b}.bv-auth-alert ul{margin:0;padding-left:18px}.bv-auth-terms{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#647884;line-height:1.55;cursor:pointer}.bv-auth-terms input{margin-top:3px;accent-color:#356d88;flex:none}
@media(max-width:820px){.bv-auth{padding:22px 14px}.bv-auth-shell{grid-template-columns:1fr}.bv-auth-aside{padding:28px 28px 24px}.bv-auth-aside h2{font-size:23px;margin-bottom:10px}.bv-auth-aside p{font-size:13px;margin-bottom:14px}.bv-auth-benefits{display:none}.bv-auth-panel{padding:30px 27px 28px}}
@media(max-width:520px){.bv-auth-grid{grid-template-columns:1fr}.bv-auth-panel{padding:26px 20px}.bv-auth-panel h1{font-size:26px}}

/* BIVACO_AUTH_VISUAL_V4: Clean editorial commerce UI; scoped only to auth views. */
.bv-auth {
  --auth-ink:#243745; --auth-accent:#2c627a; --auth-gold:#bd9351;
  background:#f7f8f8!important;
  min-height:0!important;
  padding:clamp(28px,4.5vw,65px) 20px 70px!important;
  color:var(--auth-ink);
}
.bv-auth .bv-auth-shell {
  width:100%;max-width:1020px!important;
  grid-template-columns:minmax(250px,0.82fr) minmax(0,1.18fr)!important;
  border:1px solid #e4e9e9!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgba(30,51,65,.055)!important;
  overflow:hidden;
}
.bv-auth .bv-auth-aside {
  position:relative;isolation:isolate;
  background:linear-gradient(148deg,#e9f0f1 0%,#f1f5f4 58%,#f8f8f4 100%)!important;
  border-right:1px solid #e1e8e8;
  color:var(--auth-ink)!important;
  padding:50px clamp(30px,4vw,55px)!important;
  justify-content:center;
}
.bv-auth .bv-auth-aside:before {
  content:"";position:absolute;top:0;left:0;width:68px;height:4px;
  background:var(--auth-gold);z-index:-1;
}
.bv-auth .bv-auth-kicker {
  color:#60818b!important;letter-spacing:1.6px!important;
  font-size:11px!important;margin-bottom:16px!important;
}
.bv-auth .bv-auth-aside h2 {
  color:#233d4b!important;font-size:clamp(25px,2.5vw,31px)!important;
  line-height:1.27!important;font-weight:700!important;
  letter-spacing:-.6px;margin:0 0 16px!important;
}
.bv-auth .bv-auth-aside p {
  color:#5d7380!important;font-size:14px!important;
  line-height:1.8!important;margin:0 0 28px!important;
}
.bv-auth .bv-auth-benefits {gap:14px!important;color:#355565!important;font-size:13px!important}
.bv-auth .bv-auth-benefits span {display:block;padding-left:0}
.bv-auth .bv-auth-panel {padding:clamp(34px,4vw,53px) clamp(28px,4.3vw,56px) 38px!important}
.bv-auth .bv-auth-eyebrow {
  color:#9d7743!important;font-size:11px!important;letter-spacing:1.5px!important;
  margin:0 0 11px!important;
}
.bv-auth .bv-auth-panel h1 {color:var(--auth-ink)!important;font-size:clamp(27px,2.7vw,33px)!important;letter-spacing:-.7px;margin:0 0 9px!important}
.bv-auth .bv-auth-subtitle {color:#72828c!important;font-size:13px!important;line-height:1.65!important;margin:0 0 26px!important}
.bv-auth .bv-auth-form {gap:18px!important}
.bv-auth .bv-auth-field label {font-size:13px!important;color:#344d5a!important;font-weight:600!important;margin:0 0 8px!important}
.bv-auth .bv-auth-field input {
  height:48px!important;background:#fff!important;border:1px solid #dbe3e6!important;
  color:#243744!important;border-radius:8px!important;
  box-shadow:none!important;font-size:14px!important;
}
.bv-auth .bv-auth-field input:focus {
  background:#fff!important;border-color:#417d93!important;
  box-shadow:0 0 0 3px rgba(65,125,147,.10)!important;
}
.bv-auth .bv-auth-field input::placeholder {color:#9ca8ae!important}
.bv-auth .bv-auth-submit {
  background:#2f647d!important;color:#fff!important;border-radius:8px!important;
  min-height:49px!important;font-size:14px!important;
  box-shadow:none!important;transition:background .15s,transform .15s;
}
.bv-auth .bv-auth-submit:hover {background:#234d62!important;transform:translateY(-1px)}
.bv-auth .bv-auth-switch {margin:25px 0 13px!important;color:#72818a!important;font-size:13px!important}
.bv-auth .bv-auth-fieldhead a,.bv-auth .bv-auth-switch a {color:#28647f!important}
.bv-auth .bv-auth-back {color:#82929c!important;font-size:12px!important}
.bv-auth .bv-auth-terms {color:#617681!important}
.bv-auth .bv-auth-terms input {accent-color:#2f647d!important}
@media (max-width:820px) {
  .bv-auth {padding:22px 14px 42px!important}
  .bv-auth .bv-auth-shell {grid-template-columns:1fr!important;max-width:620px!important}
  .bv-auth .bv-auth-aside {padding:26px 28px 22px!important;border-right:0;border-bottom:1px solid #e1e8e8}
  .bv-auth .bv-auth-aside h2 {font-size:23px!important;margin-bottom:8px!important}
  .bv-auth .bv-auth-aside p {font-size:12px!important;margin-bottom:0!important}
  .bv-auth .bv-auth-benefits {display:none!important}
  .bv-auth .bv-auth-panel {padding:30px 28px 28px!important}
}
@media (max-width:520px) {
  .bv-auth .bv-auth-grid {grid-template-columns:1fr!important}
  .bv-auth .bv-auth-panel {padding:26px 20px!important}
  .bv-auth .bv-auth-panel h1 {font-size:27px!important}
}