/* =====================================================================
   係I：Google でログイン（タイトルのフォームの下・設定の「Google でログイン」の行）
   Google のボタンそのものは、Google のプログラム（Google Identity Services）が描く。ここは入れ物と、まわりの文だけ。
   サーバーで Google ログインを有効にしていないときは、どれも画面に出ない
   ===================================================================== */

/* ---- タイトル：フォームの下の「または」・ボタン・ひとこと ---- */
.g-box { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; margin-top: 16px; }
.g-or { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 0 2px; color: var(--faint); font-size: var(--fs-min); line-height: 1.2; }
.g-or::before, .g-or::after { content: ''; flex: 1 1 0; height: 0; border-top: 1px dashed var(--line-2); }

/* ボタンの入れ物：高さ 44px 以上・中央よせ・幅は親に合わせる（最大 400px）。
   color-scheme: light は、Google のボタン（別のページとして入る）のまわりが白い四角にならないように */
.g-slot {
  display: flex; justify-content: center; align-items: center;
  width: 100%; max-width: 400px; min-width: 0; min-height: 44px; margin: 0 auto;
  color-scheme: light;
}
.g-fail { color: var(--muted); font-size: var(--fs-min); text-align: center; line-height: 1.5; }
.g-note, .g-status { margin: 0; max-width: 100%; font-size: var(--fs-min); text-align: center; overflow-wrap: anywhere; }
.g-note { color: var(--faint); }
.g-status { color: var(--muted); }
.g-status:empty { display: none; }
.g-inapp {
  margin: 2px 0 0; max-width: 100%; padding: 8px 10px; border-radius: var(--r-btn);
  border: 1.5px dashed rgba(242, 201, 76, .45); background: rgba(242, 201, 76, .08);
  color: #ffe08a; font-size: var(--fs-min); line-height: 1.6; overflow-wrap: anywhere;
}

/* ---- タイトル：Google の登録の形（登録がまだの Google アカウントで押したとき）のいちばん上の文 ---- */
.g-need { margin: 0; padding: 10px 12px; border-left: 4px solid var(--brass); background: rgba(5, 12, 9, .45); color: var(--text); font-size: var(--fs-min); line-height: 1.7; }

/* ---- 設定：「Google でログイン」の行 ---- */
.g-card .g-state { margin: 0; }
.g-card .hint { margin: 0; }
.g-card .err:empty { display: none; }
.g-card .g-unlink { justify-self: start; }