/* src/components/power/XWUIAuthGateway/XWUIAuthGateway.css */
@import url('../XWUIAuthBlocks/XWUIAuthBlocks.css');

.xwui-auth-gateway-modes,
.xwui-auth-gateway-contact-kind {
  display: flex;
  width: 100%;
  margin-bottom: var(--xw-space-5, 20px);
}

.xwui-auth-gateway-mode-tabs,
.xwui-auth-gateway-modes .xwui-toggle-group,
.xwui-auth-gateway-contact-kind .xwui-toggle-group {
  display: flex;
  width: 100%;
}

.xwui-auth-gateway-modes .xwui-toggle-group-item,
.xwui-auth-gateway-contact-kind .xwui-toggle-group-item {
  flex: 1 1 0;
}

.xwui-auth-gateway-modes .xwui-toggle-group-item > div,
.xwui-auth-gateway-contact-kind .xwui-toggle-group-item > div {
  width: 100%;
}

.xwui-auth-gateway-mode-navtabs.xwui-nav-tabs {
  width: 100%;
}

.xwui-auth-gateway-mode-navtabs .xwui-nav-tabs-list {
  width: 100%;
}

.xwui-auth-gateway-title,
.xwui-auth-gateway-subtitle {
  margin: 0;
}

.xwui-auth-gateway-title .xwui-typography-h2 {
  margin: 0;
}

.xwui-auth-gateway-subtitle .xwui-typography {
  margin: 0;
}

.xwui-auth-gateway-register-link {
  display: inline-flex;
  text-decoration: none;
  color: inherit;
}

.xwui-auth-gateway-register-link:hover {
  text-decoration: none;
}

.xwui-auth-gateway-register-item .xwui-item {
  color: var(--brand-primary, var(--accent, #0f7a5a));
}

.xwui-auth-gateway-register-link:hover .xwui-auth-gateway-register-item .xwui-item {
  text-decoration: underline;
}

.xwui-auth-gateway-feedback {
  margin-bottom: var(--xw-space-4, 16px);
}

.xwui-auth-gateway-feedback:empty {
  display: none;
  margin-bottom: 0;
}

.xwui-auth-gateway-hint {
  color: var(--xw-color-text-secondary, #666);
  font-size: var(--xw-font-size-sm, 0.875rem);
  margin-top: var(--xw-space-4, 16px);
}

.xwui-auth-gateway-sent {
  margin: 0 0 var(--xw-space-4, 16px);
  font-size: var(--xw-font-size-sm, 0.875rem);
  line-height: 1.5;
  color: var(--text-secondary, #64748b);
}

.xwui-auth-gateway-foot {
  margin-top: var(--xw-space-4, 16px);
}

.xwui-auth-gateway-foot--center {
  padding-top: var(--xw-space-4, 16px);
  border-top: 1px solid var(--border-color, #e5e7eb);
  text-align: center;
}

.xwui-auth-gateway-foot--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--xw-space-1, 4px);
  font-size: var(--xw-font-size-sm, 0.875rem);
}

.xwui-auth-gateway-foot-prefix {
  color: var(--text-secondary, #64748b);
}