/* 認証ゲートだけのスタイル。既存業務画面のスタイルは変更しない。 */
#business-shell[hidden], #auth-screen[hidden], #auth-account[hidden],
#auth-form[hidden], #auth-retry[hidden] { display: none !important; }
#business-shell[hidden] #dialog, #business-shell[hidden] #toast { display: none !important; }
.auth-screen { max-width: 480px; margin: 6vh auto 0; }
.auth-screen .card { padding: 24px; }
.auth-screen h1 { margin-bottom: 8px; }
.auth-screen fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.auth-screen label { display: block; margin: 16px 0 6px; font-weight: 600; }
.auth-screen input { width: 100%; min-height: 44px; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--surface);
  color: var(--fg); font: inherit; }
.auth-screen .btn-block { margin-top: 20px; }
.auth-status { margin: 16px 0; overflow-wrap: anywhere; }
.auth-status[data-error="true"] { color: var(--warn); }
.auth-account { border-bottom: 1px solid var(--line); background: var(--surface); }
.auth-account-in { max-width: 1080px; margin: auto; padding: 10px 16px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.auth-account-in p { margin: 0; flex: 1; overflow-wrap: anywhere; }
.auth-prototype-note { margin: 0; padding: 8px 16px; text-align: center;
  background: var(--info-soft); color: var(--info); font-size: 13px; }

/* 招待用フォームも確認完了まで非表示。 */
#invite-form[hidden], #invite-identity[hidden] { display: none !important; }