/* Only the sign-in page loads provider presentation. */
.signin-providers { margin-top: 16px; }
.signin-divider { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; color: var(--entry-muted); font-size: 12px; }
.signin-divider::before, .signin-divider::after { content: ""; flex: 1; height: 1px; background: #B9C7D1; }
.signin-provider-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.entry .signin-provider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 9px 16px;
  border: 1px solid #BCC9D4;
  border-radius: 12px;
  color: #1F1F1F;
  background: #F2F2F2;
  box-shadow: 0 2px 2px #24384A1A, 0 4px 10px #24384A12, inset 0 1px 0 #FFFFFF;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.signin-provider img { display: block; flex: none; object-fit: contain; }
.entry .signin-provider:not(:disabled):hover { background: #E8EDF1; border-color: #A0B2C1; box-shadow: 0 3px 3px #24384A1A, 0 6px 14px #24384A18, inset 0 1px 0 #FFFFFF; }
.entry .signin-provider:not(:disabled):active { background: #DFE6EC; border-color: #A0B2C1; box-shadow: inset 0 1px 3px #24384A26, 0 1px 1px #24384A0D; }
.signin-provider:disabled { cursor: default; }
.entry .signin-provider-status { margin-top: 12px; color: var(--entry-muted); font-size: 12px; line-height: 18px; text-align: center; }
.entry .signin-provider-status:empty { margin-top: 0; }
.signin-provider-fallback { color: var(--entry-muted); font-size: 12px; line-height: 18px; text-align: center; }
.entry .signin-company { margin-top: 10px; color: var(--entry-muted); font-size: 13px; overflow-wrap: anywhere; }
.signin-company-exit { margin-top: 22px; text-align: center; }
.signin-company-exit button { min-height: 44px; padding: 8px 12px; border: 0; color: var(--entry-muted); background: transparent; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@media (forced-colors: active) {
  .entry .signin-provider,
  .entry .signin-provider:not(:disabled):hover,
  .entry .signin-provider:not(:disabled):active { border-color: ButtonText; box-shadow: none; }
  .signin-divider::before, .signin-divider::after { background: CanvasText; }
}