/* KisanFlow — Auth pages (login / register). Additive stylesheet, loaded after style.css. */
.auth-page { display:flex; }
.auth-main { flex:1; display:flex; align-items:center; justify-content:center; padding:30px 0 60px; }
.auth-card { width:min(460px,100%); padding:34px 36px; }
.auth-tabs { display:flex; gap:4px; padding:4px; background:var(--surface-alt); border-radius:12px; margin-bottom:26px; }
.auth-tab { flex:1; border:0; background:transparent; padding:10px 12px; border-radius:9px; font-weight:800; font-size:13px; color:var(--muted); transition:.2s; }
.auth-tab.active { background:var(--surface); color:var(--green-800); box-shadow:0 4px 10px rgba(30,59,40,.08); }
.auth-form h2 { margin:0 0 6px; font-size:24px; letter-spacing:-1px; }
.auth-subtext { margin:0 0 22px; color:var(--muted); font-size:12.5px; line-height:1.55; }
.auth-form .form-grid { grid-template-columns:1fr; gap:14px; }
.auth-submit { width:100%; margin-top:6px; }
.auth-error { min-height:16px; margin:12px 0 0; color:var(--danger); font-size:12px; font-weight:700; }
.auth-switch { margin:20px 0 0; text-align:center; color:var(--muted); font-size:12.5px; }
.auth-switch button { border:0; background:transparent; color:var(--green-700); font-weight:800; padding:0; }
.auth-switch button:hover { text-decoration:underline; }
.nav-auth-actions { display:flex; align-items:center; gap:10px; }
.user-chip { display:flex; align-items:center; gap:9px; margin:14px 5px 0; padding:10px 11px; background:var(--surface-alt); border-radius:12px; }
.user-chip .user-avatar { height:30px; width:30px; border-radius:50%; background:var(--green-700); color:#fff; display:grid; place-items:center; font-weight:800; font-size:12px; flex-shrink:0; }
.user-chip .user-meta { min-width:0; }
.user-chip .user-meta strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-chip .user-meta span { display:block; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Profile menu */
.profile-slot { margin:14px 5px 0; }
.user-chip { display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; padding:10px 11px; background:var(--surface-alt); border:1px solid transparent; border-radius:14px; cursor:pointer; transition:.2s ease; }
.user-chip:hover { border-color:var(--border); background:var(--green-100); transform:translateY(-1px); }
.user-chip:focus-visible { outline:3px solid rgba(41,148,95,.22); outline-offset:2px; }
.user-chip .user-avatar { height:34px; width:34px; border-radius:50%; background:var(--green-700); color:#fff; display:grid; place-items:center; font-weight:800; font-size:12px; flex-shrink:0; }
.user-chip .user-meta { min-width:0; flex:1; text-align:left; }
.user-chip .user-meta strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-chip .user-meta span { display:block; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }
.user-chip .profile-menu-button { width:28px; height:28px; font-size:13px; color:var(--muted); flex-shrink:0; }
.profile-preview { display:flex; align-items:center; gap:12px; margin:-2px 0 20px; padding:13px; background:var(--surface-alt); border-radius:14px; }
.profile-preview-avatar { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--green-700); color:#fff; font-size:15px; font-weight:850; }
.profile-preview strong { display:block; font-size:14px; }
.profile-preview span { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.profile-security-note { margin:14px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.form-error { min-height:16px; margin:9px 0 0; color:var(--danger); font-size:11px; font-weight:700; }

@media (max-width:520px) {
  .auth-card { padding:26px 20px; }
}