/* ============================================================
   TRACKER LOGIN SCREEN — matches the olive/brass theme
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap');

#auth-screen{
  position:fixed; inset:0; z-index:999;
  background:#23271a;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  font-family:'Inter', sans-serif;
}

.auth-card{
  width:100%; max-width:380px;
  background:#f2ede0;
  border:2px solid #1c1f14;
  box-shadow:6px 6px 0 #a9822c;
  padding:32px 28px;
}

.auth-card .eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:#5c6e34;
  display:flex; align-items:center; gap:8px;
  margin-bottom:10px;
}
.auth-card .eyebrow::before{
  content:""; width:18px; height:2px; background:#a9822c; display:inline-block;
}

.auth-card h1{
  font-family:'Oswald', sans-serif;
  font-size:28px; text-transform:uppercase; letter-spacing:.02em;
  color:#1c1f14; margin-bottom:10px;
}

.auth-card .sub{
  font-size:13.5px; color:#4a4d3c; line-height:1.5; margin-bottom:22px;
}

.auth-card .field{ margin-bottom:16px; display:flex; flex-direction:column; gap:6px; }
.auth-card .field label{
  font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:#4a4d3c;
}
.auth-card .field input{
  font-family:'Inter', sans-serif; font-size:15px;
  padding:11px 12px; border:2px solid #1c1f14; background:#fff;
  color:#1c1f14;
}
.auth-card .field input:focus{ outline:2px solid #a9822c; outline-offset:1px; }

.auth-error{
  font-family:'JetBrains Mono', monospace; font-size:12px;
  color:#7c2a1c; background:#f4dcd6; border:1px solid #7c2a1c;
  padding:8px 10px; margin-bottom:14px;
}

.auth-card .btn-block{
  width:100%;
  font-family:'Oswald', sans-serif; font-size:15px; letter-spacing:.05em; text-transform:uppercase;
  background:#445426; color:#f2ede0;
  border:2px solid #1c1f14; padding:13px; cursor:pointer;
}
.auth-card .btn-block:hover{ background:#5c6e34; }

.auth-back{
  display:block; margin-top:18px; text-align:center;
  font-family:'JetBrains Mono', monospace; font-size:12px; color:#5c6e34;
  text-decoration:none;
}
.auth-back:hover{ text-decoration:underline; }