/* static/css/auth.css */

.auth-page{
  min-height: 100vh;
  padding: 32px 32px 0; /* 下だけ詰める（footerが画面下に付く） */
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* ロゴを画面下に寄せる（login/registerだけ） */
.auth-page .company-footer{
  margin-top: auto;
}

.auth-box{
  width: 100%;
  max-width: 420px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 18px;
}

.auth-title{
  margin: 0 0 18px;
  text-align: center;
}

.auth-box label{
  margin-top: 12px;
  margin-bottom: 6px;
}

.auth-box input[type="text"]{
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  font-size: 14px;
}

.auth-actions{
  margin-top: 16px;
}

.auth-actions .btn{
  width: 100%;
}

.auth-error{
  color: var(--danger);
  margin-top: 12px;
}

.auth-links{
  margin-top: 16px;
  text-align: center;
}

.auth-note{
  margin: 0 0 12px;
  padding: 10px 12px;

  border: 1px solid var(--border);
  border-radius: 10px;
  background: #f6f6f6;

  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.auth-note strong{
  color: var(--text);
  font-weight: 700;
}