.social-auth[hidden], .social-auth [hidden] { display: none !important; }
.social-auth { margin: 20px 0; width: 100%; }
.social-auth-buttons { display: grid; gap: 12px; }
.social-auth-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; padding: 12px 16px; border: 2px solid #2b1500; border-radius: 12px; background: #fff; color: #2b1500; font: 600 16px/1.4 'Instrument Sans', sans-serif; cursor: pointer; box-shadow: 0 3px 0 #2b1500; }
.social-auth-button[data-provider="apple"] { background: #181818; color: #fff; border-color: #181818; }
.social-auth-button:focus-visible { outline: 3px solid #147969; outline-offset: 4px; }
.social-auth-button:active { transform: translateY(2px); box-shadow: 0 1px 0 #2b1500; }
.social-auth-button:disabled { opacity: .65; cursor: wait; }
.social-auth-note, .social-auth-status { margin: 12px 0 0; color: #5c4632; font: 14px/1.5 'Instrument Sans', sans-serif; text-align: center; }
.social-auth-status:empty { display: none; }
.social-auth-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0 0; color: #5c4632; font: 14px/1.5 'Instrument Sans', sans-serif; }
.social-auth-divider::before, .social-auth-divider::after { content: ''; flex: 1; height: 1px; background: #d9d0c6; }

.social-auth-button { position: relative; padding-left: 44px; padding-right: 44px; }
.social-auth-button img { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); object-fit: contain; flex: none; }
.social-auth-button[data-provider="apple"] img { filter: invert(1); }