[data-brumo-auth-root] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.brumo-google-button,
[data-brumo-google-login] {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 46px; padding: 0 18px; border: 1px solid #d8d4cc; border-radius: 999px;
  background: #fffdf8; color: #191916; font: 600 14px/1.2 system-ui, sans-serif;
  text-decoration: none; cursor: pointer; transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.brumo-google-button:hover,
[data-brumo-google-login]:hover { background: #f6f2e9; border-color: #a6a095; transform: translateY(-1px); }
.brumo-google-button__mark { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #4285f4; font: 800 18px/1 Arial, sans-serif; }
.brumo-auth-account { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #191916; font-family: system-ui, sans-serif; }
.brumo-auth-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.brumo-auth-identity { display: flex; flex-direction: column; gap: 2px; }
.brumo-auth-name { font-size: 13px; font-weight: 650; }
.brumo-auth-email { font-size: 12px; color: #716d64; }
.brumo-auth-admin { font-size: 12px; color: #51472f; text-underline-offset: 3px; }
.brumo-auth-logout-form { margin: 0; }
.brumo-auth-logout { border: 0; background: transparent; color: #716d64; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: 500 12px system-ui, sans-serif; }
[data-brumo-google-login][hidden], [data-brumo-auth-account][hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { [data-brumo-google-login] { transition: none; } }