/* styles/login.css
   Login screen styles (extracted from style.css)
*/

#wc-auth {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  overflow: hidden;
}

.login-screen{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, #f7efe8, #efe1d3); padding:16px;
}
.login-card{
  width:min(420px, 94vw); background:#fff; border-radius:16px; box-shadow:var(--shadow);
  padding:28px 22px; text-align:center;
}
.login-brand .brand-mark{
  width:56px;height:56px; margin:0 auto 6px; border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#efdccf,#f7efe8); border:1px solid rgba(107,74,51,.08); font-size:26px;
}
.login-card h1{ margin:6px 0 4px; color:#4a382a; font-size:20px; }
.login-card p{ margin:0 0 18px; }
.login-btn{
  display:inline-block; width:100%; background:#6b4a33; color:#fff;
  border:none; border-radius:10px; padding:12px 16px; font-weight:600; cursor:pointer;
}
.login-btn:hover{ filter:brightness(.96); }
.login-btn:active{ transform:translateY(1px); }
.login-progress{ margin-top:12px; }