/* NexZay — sign in / sign up page */
.auth-body{
  background:linear-gradient(180deg,#1B3264 0%,#1B3264 260px,#F4F6FA 260px,#F4F6FA 100%);
  min-height:100vh;
}
.auth-wrap{max-width:460px;margin:0 auto;padding:38px 18px 60px;text-align:center}
.auth-logo{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.5px}
.auth-logo span{color:var(--gold)}
.auth-tag{color:#b9c6e4;font-size:11.5px;letter-spacing:2px;margin:6px 0 24px}

.auth-card{
  background:#fff;border-radius:16px;padding:22px;text-align:left;
  box-shadow:0 12px 40px rgba(11,20,40,.18);
}

.tabs{display:flex;gap:6px;background:#eef1f7;padding:5px;border-radius:10px;margin-bottom:18px}
.tab{
  flex:1;border:0;background:transparent;padding:10px;border-radius:7px;
  font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;
}
.tab.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.1)}

.pane[hidden]{display:none}

.fld{display:block;margin-bottom:13px}
.fld span{display:block;font-size:12.5px;font-weight:600;color:#495468;margin-bottom:5px}
.fld input{
  width:100%;padding:12px 13px;border:1.5px solid var(--line);border-radius:9px;
  outline:0;font-size:14.5px;background:#fbfcfe;
}
.fld input:focus{border-color:var(--navy);background:#fff}

.btn-primary,.btn-outline,.btn-google{
  width:100%;padding:13px;border-radius:9px;font-weight:700;font-size:14.5px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;
}
.btn-primary{background:var(--navy);color:#fff;border:0;margin-top:4px}
.btn-primary:hover{background:#16294f}
.btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.btn-outline:hover{background:#f2f5fb}
.btn-google{background:#fff;color:#3c4043;border:1.5px solid #dadce0}
.btn-google:hover{background:#f8f9fa}
.btn-text{
  width:100%;background:none;border:0;color:var(--navy);font-size:13px;
  padding:9px;cursor:pointer;text-decoration:underline;
}

.or{display:flex;align-items:center;gap:12px;margin:16px 0;color:#98a2b3;font-size:12px}
.or::before,.or::after{content:'';flex:1;height:1px;background:var(--line)}

.msg{
  padding:11px 13px;border-radius:9px;font-size:13.5px;margin-bottom:14px;line-height:1.45;
}
.msg[hidden]{display:none}
.msg.err{background:#fdecec;color:#b42318;border:1px solid #f6cfcb}
.msg.ok{background:#e9f7ef;color:#136c34;border:1px solid #bfe5cd}
.msg.info{background:#eaf1fd;color:#14418c;border:1px solid #c9dbf8}

.fineprint{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}
.fineprint a{color:var(--navy);text-decoration:underline}

.auth-back{display:inline-block;margin-top:20px;color:var(--muted);font-size:13.5px}
.auth-back:hover{color:var(--navy)}

#recaptcha{display:flex;justify-content:center;margin-top:10px}

/* Signed-in chip in the main app header */
.user-chip{
  display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;
  background:rgba(255,255,255,.12);padding:7px 12px;border-radius:20px;
}
.user-chip .avatar{
  width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--navy);
  display:grid;place-items:center;font-weight:800;font-size:12px;overflow:hidden;
}
.user-chip .avatar img{width:100%;height:100%;object-fit:cover}
/* Sign out — a proper visible button, not faint underlined text */
.user-chip button{
  background:#fff;border:0;color:#b42318;cursor:pointer;
  font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:16px;
}
.user-chip button:hover{background:#ffe9e7}