/*
 * Стили формы входа — ОТДЕЛЬНЫМ файлом от рабочего экрана, и это не косметика.
 *
 * Гостю отдаётся всё, что подключено к его странице, включая комментарии в
 * подключённых файлах. Пока стили были общими, один анонимный запрос за ними
 * рассказывал про назначение сервиса и состав его таблицы — при том что сама
 * разметка честно пряталась под `@auth`.
 *
 * ⚠️ Поэтому и ЗДЕСЬ, в комментарии, ничего предметного нет: файл читается
 * снаружи. Разбор — в resources/views/app.blade.php и в AppShellTest, они
 * отдаются только вошедшему. Правило закрыто тестом: он идёт по ссылкам
 * гостевой страницы и грепает тела файлов.
 */
:root{
  --panel:#ffffff; --border:#dfe3e8;
  --text:#1c2230; --text-light:#6b7480;
  --accent:#2f6feb; --accent-dark:#1d4fc2;
  --red:#d4380d;
}
*{box-sizing:border-box;}
html,body{margin:0;height:100%;}
body{
  font:13px/1.4 -apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text); background:#eef0f3;
}
button,input{font:inherit;color:inherit;}
button{cursor:pointer;}
.hidden{display:none !important;}

.login-screen{position:fixed; inset:0; display:flex; align-items:center; justify-content:center;}
.login-card{width:320px; background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:28px 26px; box-shadow:0 10px 30px rgba(20,25,40,.10);}
.login-heading{margin:0 0 20px; font-size:16px; font-weight:700; text-align:center; color:var(--text);}
.login-field{margin-bottom:14px;}
.login-field label{display:block; font-size:11px; color:var(--text-light); margin-bottom:4px; text-transform:uppercase; letter-spacing:.03em;}
.login-field input{width:100%; border:1px solid var(--border); border-radius:6px; padding:9px 9px; font:inherit;}
.login-error{color:var(--red); font-size:12.5px; margin:-2px 0 14px; text-align:center;}
.login-submit{width:100%; border:none; border-radius:6px; padding:10px; background:var(--accent); color:#fff; font-weight:700; font-size:13px;}
.login-submit:hover{background:var(--accent-dark);}
.login-submit[disabled]{opacity:.6; cursor:default;}

/* Второй шаг: карточка шире — ключ переносить нельзя, его переписывают. */
#activateCard{width:360px;}
.activate-hint{margin:0 0 12px; font-size:12px; color:var(--text-light); line-height:1.45;}
.activate-secret{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px; letter-spacing:.06em; word-break:break-all;
  background:#f6f7f9; border:1px solid var(--border); border-radius:6px;
  padding:10px; margin-bottom:8px; user-select:all;
}
.activate-copy{
  width:100%; border:1px solid var(--border); border-radius:6px; padding:7px;
  background:#fff; font-size:12px; color:var(--text-light); margin-bottom:14px;
}
.activate-copy:hover{background:#f6f7f9;}