/* Экран входа. Ничего лишнего: два поля и кнопка — их и видно. */
.login{display:flex;justify-content:center;padding:var(--s6) var(--s4)}
.login-form{width:100%;max-width:360px;padding:var(--s5);border:1px solid var(--border);
  border-radius:8px;background:var(--card)}
.login-form h2{margin:0 0 var(--s4);font:600 var(--fs-xl)/1.3 var(--sans);color:var(--fg)}
.login-f{margin:0 0 var(--s3)}
.login-f label{display:block;margin:0 0 var(--s1);font:500 var(--fs-sm)/1.4 var(--sans);color:var(--muted-fg)}
.login-f input{width:100%;min-height:38px;padding:0 var(--s3);border:1px solid var(--border);
  border-radius:5px;background:var(--bg);color:var(--fg);font:400 var(--fs-md)/1.4 var(--sans)}
.login-f input:focus{outline:2px solid var(--accent);outline-offset:1px}
.login-b{width:100%;min-height:40px;margin-top:var(--s3);border:1px solid var(--accent-text);
  border-radius:5px;background:var(--accent-text);color:#fff;cursor:pointer;
  font:600 var(--fs-md)/1 var(--sans)}
.login-b:disabled{opacity:.6;cursor:default}
.login-e{margin:var(--s2) 0 0;font:400 var(--fs-sm)/1.45 var(--sans);color:var(--danger)}

/* Полоса «вход не настроен»: владелец должен видеть, что страница открыта. */
.auth-warn{margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--danger);
  border-radius:5px;font:400 var(--fs-sm)/1.45 var(--sans);color:var(--danger)}

/* «выйти» рядом с именем: кнопка-ссылка, не соперничает с вкладками. */
.who-out{margin-left:var(--s2);border:0;background:none;padding:0;cursor:pointer;
  font:400 var(--fs-sm)/1 var(--sans);color:var(--muted-fg);text-decoration:underline}
.who-out:hover{color:var(--danger)}