/* The "Sign in with Google" button, to Google's colours and spacing, square like the rest of the app, and the admin
   page's address fields. Loaded only by those pages, so style.css stays the Python app's. */

.google-start { margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--shadow); }
.google-start.alone { padding: 0; border: 0; }

.google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  font: 500 14px/20px "Google Sans", Roboto, Arial, sans-serif;
  color: #1f1f1f;
  background: #ffffff;
  border: 1px solid #747775;
  cursor: pointer;
  white-space: nowrap;
}
.google-btn img { display: block; width: 20px; height: 20px; flex: none; }
.google-btn:hover { background: #f4f2f7; }
.google-btn:active { background: #e7dff3; }
.google-btn:focus-visible { outline: 1px dotted var(--dark); outline-offset: 2px; }

.google-address { margin-top: 6px; }