/* Authentication uses the same charcoal surfaces and restrained accent as the dashboard. */
body.auth-page{
  --bg:#111111;--panel:#1a1a1a;--panel2:#202020;--line:#363636;
  --text:#f4f4f4;--muted:#b5b5b5;--cyan:#53aef0;
  box-sizing:border-box;min-height:100dvh!important;padding:24px!important;
  background:#111111!important;color:var(--text)!important;
  color-scheme:dark;
}
body.auth-page::before,body.auth-page::after{content:none!important}
body.auth-page .auth-card{
  box-sizing:border-box;width:min(440px,100%)!important;padding:30px!important;
  border:1px solid var(--line)!important;border-radius:14px!important;
  background:#1a1a1a!important;box-shadow:none!important;color:var(--text)!important;
}
body.auth-page .auth-card .brand{gap:10px!important;padding:0 0 18px!important;color:var(--text)!important}
body.auth-page .auth-card .brand .podly-logo{width:112px!important;height:44px!important}
body.auth-page .auth-card .brand small{color:var(--muted)!important;font-size:10px!important}
body.auth-page .auth-card .divider{height:1px;margin:0 0 25px!important;background:var(--line)!important}
body.auth-page .auth-card h1{margin:0 0 6px!important;color:var(--text)!important;font-size:24px!important;font-weight:750;line-height:1.5}
body.auth-page .auth-card>.muted{margin:0 0 24px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.8}
body.auth-page .auth-tabs{
  margin:0 0 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important;
}
body.auth-page .auth-tabs::after{height:2px;background:#8ac8e5!important}
body.auth-page .auth-tabs .tab{min-height:45px!important;color:#aaa!important;font-size:12px!important;transition:color .18s,background-color .18s!important}
body.auth-page .auth-tabs .tab:hover{background:#252525!important;color:#f4f4f4!important}
body.auth-page .auth-tabs .tab.active{color:#fff!important;font-weight:700}
body.auth-page .auth-card label{margin-bottom:17px!important;color:#d2d2d2!important;font-size:11px!important;line-height:1.6}
body.auth-page .auth-card input:not([type=hidden]){
  box-sizing:border-box;min-height:46px;height:46px!important;margin-top:7px!important;padding:0 13px!important;
  border:1px solid #414141!important;border-radius:9px!important;
  background:#141414!important;color:#f4f4f4!important;box-shadow:none!important;font-size:13px!important;
}
body.auth-page .auth-card input::placeholder{color:#929292!important;opacity:1}
body.auth-page .auth-card input:focus{border-color:#78b8d8!important;outline:2px solid #53aef077!important;outline-offset:1px;box-shadow:none!important}
body.auth-page :is(button,a,input):focus-visible{outline:2px solid #8ac8e5!important;outline-offset:2px}
body.auth-page .auth-card form .primary-btn{
  min-height:46px;height:auto!important;margin-top:8px!important;padding:10px 16px!important;
  border:1px solid #5b5b5b!important;border-radius:9px!important;
  background:#2b2b2b!important;color:#f8f8f8!important;
  box-shadow:none!important;transform:none!important;font-size:12px!important;
}
body.auth-page .auth-card form .primary-btn:not(:disabled):hover{border-color:#a5a5a5!important;background:#383838!important;filter:none!important}
body.auth-page .auth-card form .primary-btn:disabled{opacity:.55;cursor:wait}
body.auth-page .phone-summary{color:var(--muted)}
body.auth-page :is(.phone-summary button,.link-btn){color:#a8d4eb!important}
body.auth-page :is(.phone-summary button,.link-btn):hover{color:#e6f5fb!important;text-decoration:underline}
body.auth-page .code-label span{color:#aaa}
body.auth-page .otp-inputs{gap:7px}
body.auth-page .auth-card .otp-inputs input{width:calc((100% - 35px)/6)!important;height:54px!important;min-height:54px!important;padding:0!important;text-align:center!important;font-size:21px!important}
body.auth-page .name-fields label:last-child{grid-column:1/-1}
body.auth-page .auth-card #authHandleSafety{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.7}
body.auth-page .auth-error{border-color:#86515b!important;border-radius:10px!important;background:#2e2023!important;color:#ffd2d9!important;box-shadow:0 12px 30px #0008!important}
body.auth-page .auth-error.success{border-color:#3c8061!important;background:#1e3027!important;color:#afe5c6!important}
body.auth-page [hidden]{display:none!important}
@media(max-width:520px){
  body.auth-page{align-items:flex-start!important;padding:16px 12px calc(20px + env(safe-area-inset-bottom))!important}
  body.auth-page .auth-card{padding:22px 18px!important;border-radius:12px!important}
  body.auth-page .auth-card h1{font-size:21px!important}
  body.auth-page .auth-card input:not([type=hidden]){font-size:16px!important}
  body.auth-page .auth-card .otp-inputs input{font-size:21px!important}
  body.auth-page .name-fields{grid-template-columns:1fr}
  body.auth-page .auth-error{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
}