/* GOOGLE-SIGNIN-03 (owner 2026-10-25, screenshot reference):
   the button now matches Google's own blue button: a blue (#4285F4)
   bar with a white tile holding the exact full-color Google "G" on the
   left and white text centred in the rest of the bar. This SUPERSEDES
   GOOGLE-SIGNIN-02's white-box rule (white box, dark text) on the owner's
   new word — blue in BOTH themes, by design, so it reads as the Google
   button on dark and light alike. The G artwork and its four colours are
   untouched; only the bar, tile and text colours changed. No PHP behaviour
   changed: same form, same google_start action, same OAuth flow.
   Markup: <button class="gsi-btn"><span class="gsi-g">SVG</span><span
   class="gsi-t">text</span></button> in auth.php (x2) + enroll.php (x1).
   Linked from auth.php + enroll.php only. */
.gsi-btn{display:flex;width:100%;align-items:stretch;background:#4285f4;border:1px solid #4285f4;border-radius:8px;color:#fff;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.01em;font-family:inherit;padding:0;min-height:52px;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px rgba(60,64,67,.30),0 1px 2px rgba(60,64,67,.15);transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.gsi-btn:hover{background:#357ae8;border-color:#357ae8;box-shadow:0 2px 6px rgba(60,64,67,.30),0 1px 3px rgba(60,64,67,.15)}
.gsi-btn:active{background:#3367d6;border-color:#3367d6;box-shadow:0 1px 2px rgba(60,64,67,.20)}
.gsi-btn:focus-visible{outline:2px solid #1a73e8;outline-offset:3px}
.gsi-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.gsi-btn .gsi-g{display:flex;align-items:center;justify-content:center;background:#fff;padding:0 14px;flex:none}
.gsi-btn .gsi-g svg{display:block;width:24px;height:24px}
.gsi-btn .gsi-t{flex:1;align-self:center;text-align:center;white-space:nowrap;padding:12px 14px 12px 0}
/* GSI-NOTE-01 (owner 2026-10-25): small centred note under the login
   page's Google button, pointing people without an account to enrolment
   (which itself starts with Google). Auth page only — the enrol page is
   already the signup flow, so it needs no such note. */
.gsi-note{text-align:center;font-size:14px;line-height:1.5;color:var(--mut);margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.gsi-btn{transition:none}}

/* UILOOP-13 (2026-10-27 ~05:20 PKT): auth pages, Google button press.
   .gsi-btn already had hover/active/focus-visible/disabled states, but its
   :active feedback was colour + shadow only while every other auth button
   presses at scale (.btn .97, poll rows .99): the button now presses at
   scale .99 with transform added to its transition, disabled :active
   neutralised per the UILOOP-02 precedent, and the reduced-motion rule
   re-asserted AFTER this block so it still wins (this file's reduced-motion
   rule sits above this block and would otherwise lose on source order). */
.gsi-btn{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.gsi-btn:active{transform:scale(.99)}
.gsi-btn:disabled:active{transform:none}
@media (prefers-reduced-motion:reduce){.gsi-btn{transition:none}.gsi-btn:active{transform:none}}