/* PeraSignage self-service signup + support notification */
#auth-register-form{gap:10px!important}
#auth-register-form .auth-field label{margin-bottom:5px!important}
#auth-register-form .auth-field input{height:40px!important}
.auth-register-note{margin:-1px 0 2px;color:#7b879a;font-size:9px;line-height:1.5}
.auth-verification-view{text-align:center;padding:4px 0 0}
.auth-verification-view[hidden]{display:none!important}
.verification-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:15px;background:linear-gradient(135deg,#e8f4ff,#eee9ff);color:#1877f2;font-size:24px}
.auth-verification-view h2{margin:0;color:#162035;font-size:20px;letter-spacing:-.4px}
.auth-verification-view p{margin:9px 0 16px;color:#69778d;font-size:10px;line-height:1.65}
.auth-verification-view p strong{color:#25324a}
.verification-message{display:none;margin:0 0 12px;padding:9px 10px;border-radius:8px;color:#61728a;background:#f2f6fb;font-size:9px;line-height:1.5}
.verification-message.visible{display:block}
.verification-message.success{color:#16764a;background:#eaf9f1}
.verification-message.error{color:#b83a3a;background:#fff0f0}
.verification-back{width:100%;margin-top:9px;border:0;background:transparent;color:#1977ff;font-size:10px;font-weight:800;cursor:pointer}
.auth-message.success{border:1px solid #bfe8d0!important;background:#eaf9f1!important;color:#16764a!important}
.panel-support-link{position:relative}
.support-unread-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;line-height:1;box-shadow:0 0 0 3px rgba(239,68,68,.13)}
.support-unread-badge[hidden]{display:none!important}
.sidebar .panel-support-link.has-unread{border-color:rgba(239,68,68,.28)!important;background:rgba(239,68,68,.08)!important;color:#fff!important}
@media(max-height:760px) and (min-width:901px){
  #auth-register-form{gap:7px!important}
  #auth-register-form .auth-field input{height:36px!important}
  #auth-register-form .auth-field label{margin-bottom:3px!important}
  .auth-card{padding-top:22px!important;padding-bottom:20px!important}
  .auth-brand{margin-bottom:17px!important}
  .auth-tabs{margin-bottom:11px!important}
}