/* Pantalla de inicio de sesion de la web de cosecha (usa los colores del tablero). */
.login{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.login[hidden]{display:none}
.login-caja{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 24px;box-shadow:0 10px 30px rgba(20,24,60,.08)}
.login-caja h1{font-size:1.5rem;color:var(--brand)}
.login-sub{margin:4px 0 20px;color:var(--muted);font-size:.9rem}
.l-vista{display:grid;gap:14px}
.l-vista[hidden]{display:none}
.l-vista label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}
.l-vista input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.l-vista input:focus{outline:2px solid var(--focus);outline-offset:1px}
.l-vista .btn{padding:11px 14px;font-size:1rem}
.l-vista a{color:var(--brand);font-size:.88rem;justify-self:start}
.l-msg{margin:14px 0 0;min-height:1.2em;font-size:.88rem;color:var(--bad)}