/* X-ID workshop: application surfaces built on the shared Evon UI foundations. */

.brand > div > span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.nav-count {
  margin-left: auto;
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.text-button.danger-text {
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--danger-bg);
  color: var(--danger);
}
.text-button.danger-text:hover {
  background: var(--danger-bg-hover);
}
.button.wide {
  width: 100%;
}
.button.soft {
  background: var(--secondary);
  border-color: transparent;
  color: var(--foreground);
}
.button.soft:hover,
.button.soft:focus-visible {
  background: var(--secondary-hover);
}
.button.is-busy {
  position: relative;
  color: transparent;
}
.button.is-busy > .icon {
  visibility: hidden;
}
.button.is-busy::before {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  border: 2px solid color-mix(in srgb, var(--foreground) 15%, transparent);
  border-top-color: var(--foreground);
  border-radius: 50%;
  content: "";
  animation: workshop-spin 800ms linear infinite;
}
.button.primary.is-busy::before {
  border-color: color-mix(in srgb, var(--primary-foreground) 35%, transparent);
  border-top-color: var(--primary-foreground);
}
.refresh-button.is-refreshing .icon {
  animation: workshop-spin 800ms linear infinite;
}
@keyframes workshop-spin {
  to {
    transform: rotate(360deg);
  }
}

.app-shell {
  min-height: 100dvh;
}
.main-content {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  min-width: 0;
}
#accounts-workspace {
  flex: 1;
  min-width: 0;
}
.nav-label {
  margin: 24px 20px 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.sidebar-note {
  margin: auto 16px 20px;
  padding: 16px;
  border-radius: 16px;
  background: var(--background);
  color: var(--muted);
}
.sidebar-note-icon {
  margin-bottom: 12px;
}
.sidebar-note strong {
  color: var(--foreground);
  font-weight: 500;
}
.sidebar-note p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.6;
  text-wrap: pretty;
}
.sidebar-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 8px 0;
  min-width: 0;
}
.account-avatar {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--background);
  color: var(--foreground);
  font-weight: 500;
}
.sidebar-footer > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.sidebar-footer strong,
.sidebar-footer span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-footer strong {
  font-size: 14px;
  font-weight: 500;
}
.sidebar-footer span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}
.sidebar-footer .icon-button:hover,
.sidebar-footer .icon-button:focus-visible {
  color: var(--danger);
  background: var(--danger-bg);
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
}
.breadcrumb > span {
  overflow: hidden;
  color: var(--foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb .icon {
  width: 12px;
  height: 12px;
}
.topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.connection-state {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}
.live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--neutral);
}
.connection-state.connected .live-dot {
  background: var(--success);
}
.connection-state.error .live-dot {
  background: var(--error-text);
}
.page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.page-heading > div {
  min-width: 0;
}
.page-heading .eyebrow {
  display: none;
}
.page-heading h1 {
  margin: 0;
}
.page-heading > div > p:last-child {
  margin: 8px 0 0;
  max-width: 75ch;
  color: var(--muted);
  line-height: 1.7;
  text-wrap: pretty;
}
.account-heading-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.quota-note {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.quota-note:empty {
  display: none;
}
.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 24px;
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  background: var(--surface);
}
.summary-card {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 20px;
  border-right: 1px solid var(--border);
}
.summary-card:last-child {
  border-right: 0;
}
.summary-card > div:first-child {
  min-width: 0;
}
.summary-label,
.summary-caption {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.summary-card strong {
  display: block;
  margin: 8px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.summary-caption {
  line-height: 1.6;
  text-wrap: pretty;
}
.stat-icon {
  flex-shrink: 0;
  color: var(--muted);
}
.stat-icon .icon {
  width: 16px;
  height: 16px;
}
.accounts-panel {
  position: relative;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  --button-hover: var(--button-hover-surface);
}
.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
}
.panel-header > div {
  min-width: 0;
}
.panel-header h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.panel-header p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.7;
  text-wrap: pretty;
}
.count-tag {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--neutral-bg);
  color: var(--neutral);
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.table-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px 20px;
}
.search-field {
  position: relative;
  display: flex;
  align-items: center;
  width: min(100%, 400px);
  min-width: 0;
}
.search-field > .icon {
  position: absolute;
  left: 12px;
  color: var(--muted);
  pointer-events: none;
}
.search-field input {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.search-field kbd {
  position: absolute;
  right: 12px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: var(--muted);
  font-family: inherit;
  font-size: 12px;
  pointer-events: none;
}
.status-select {
  min-width: 180px;
  margin: 0;
}
.status-select select {
  width: 100%;
}
.accounts-content {
  min-width: 0;
}
.account-export {
  padding: 0 20px 16px;
}
.account-organization {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 0 20px 20px;
}
.organization-select {
  display: grid;
  gap: 6px;
  flex: 1 1 220px;
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.organization-select select,
.organization-select > .ui-select {
  width: 100%;
  min-width: 0;
}
.organization-notice {
  flex: 1 0 100%;
  margin: 0;
}
.account-metadata-fields {
  margin: 20px 0;
  padding-top: 4px;
}
.account-metadata-fields textarea,
#metadata-note {
  width: 100%;
  min-height: 96px;
  resize: vertical;
  line-height: 1.6;
}
.folder-create-form {
  margin-bottom: 20px;
}
.folder-create-controls,
.folder-manager-row,
.folder-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.folder-create-controls input,
.folder-manager-row input {
  flex: 1;
  min-width: 0;
}
.folders-list {
  display: grid;
  gap: 12px;
}
.folder-manager-row {
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.folder-row-actions {
  flex-shrink: 0;
}
.account-folder-tag,
.account-device-tag,
.account-hidden-label,
.account-note-preview {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.account-folder-tag {
  color: var(--primary);
}
.account-note-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
}
.detail-note {
  padding-top: 20px;
}
.detail-note h3 {
  margin-bottom: 8px;
}
.detail-note p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}
.account-export-controls,
.account-export-actions,
.account-select-page {
  display: flex;
  align-items: center;
  gap: 12px;
}
.account-export-controls {
  flex-wrap: wrap;
}
.account-select-page {
  gap: 8px;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.account-select-page input,
.account-selection {
  flex-shrink: 0;
}
.account-export-actions {
  flex-wrap: wrap;
  margin-left: auto;
  gap: 8px;
}
.account-export-note,
.account-export-status {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.account-export-status.is-error {
  color: var(--danger);
}
.account-table tr.is-selected {
  background: var(--secondary);
}
.account-table,
.bulk-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
}
.account-table {
  table-layout: fixed;
}
.account-table th,
.bulk-table th {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.account-table td,
.bulk-table td {
  padding: 16px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.account-table th:first-child,
.account-table td:first-child {
  padding-left: 20px;
}
.account-table th:nth-child(1) {
  width: 30%;
}
.account-table th:nth-child(2) {
  width: 18%;
}
.account-table th:nth-child(3) {
  width: 19%;
}
.account-table th:nth-child(4) {
  width: 13%;
}
.account-table th:last-child {
  width: 20%;
}
.account-table th:last-child,
.account-table td:last-child {
  padding-right: 20px;
  text-align: right;
}
.account-table tbody tr:last-child td,
.bulk-table tbody tr:last-child td {
  border-bottom: 0;
}
.account-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.account-name-wrap {
  min-width: 0;
}
.account-name {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--foreground);
  font-weight: 500;
  text-align: left;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.account-name:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.account-email,
.updated-date,
.no-link,
.row-error {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.no-link {
  margin-top: 0;
}
.row-error {
  color: var(--error-text);
}
.updated-time {
  color: var(--foreground);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.badge > span {
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 50%;
  background: currentColor;
}
.link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--foreground);
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}
.link-button:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.link-button .icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--muted);
}
.row-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.row-actions .button {
  padding: 8px 12px;
}
.row-actions .relogin-primary {
  min-width: 0;
  white-space: normal;
}
.row-actions .button .icon {
  display: none;
}
.row-actions > .icon-button {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.row-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 30;
  display: grid;
  gap: 4px;
  width: 232px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-overlay);
  box-shadow: var(--elevation-popover);
  text-align: left;
}
.row-menu button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--foreground);
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.row-menu button:hover,
.row-menu button:focus-visible {
  background: var(--item-hover);
}
.row-menu .icon {
  flex-shrink: 0;
  color: var(--muted);
}
.row-menu button.danger-text:hover,
.row-menu button.danger-text:focus-visible {
  background: var(--danger-bg);
  color: var(--danger);
}
.row-menu button.danger-text:hover .icon,
.row-menu button.danger-text:focus-visible .icon {
  color: inherit;
}
.menu-divider {
  height: 1px;
  margin: 4px 0;
  background: var(--border);
}
.panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.panel-footer-tools,
.pagination {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pagination {
  gap: 8px;
}
.page-button {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
}
.page-button .icon {
  width: 12px;
  height: 12px;
}
.previous-icon {
  transform: rotate(180deg);
}
.page-status {
  min-width: 80px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.last-updated {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.page-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  color: var(--muted);
  font-size: 12px;
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px 24px;
  text-align: center;
}
.empty-symbol {
  display: none;
}
.empty-state h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.empty-state p {
  max-width: 52ch;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  text-wrap: pretty;
}
.skeleton-row {
  display: grid;
  grid-template-columns: 40px minmax(120px, 1.5fr) repeat(3, minmax(40px, 1fr));
  align-items: center;
  gap: 12px;
  min-height: 84px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
}
.skeleton-row:last-child {
  border-bottom: 0;
}
.skeleton-avatar,
.skeleton-lines i,
.skeleton-line {
  display: block;
  border-radius: 8px;
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  animation: workshop-pulse 1.6s ease-in-out infinite;
}
.skeleton-avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.skeleton-lines i,
.skeleton-line {
  height: 12px;
}
.skeleton-lines i + i {
  width: 65%;
  margin-top: 8px;
}
.skeleton-line {
  width: 70%;
}
.inline-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  background: var(--background);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  text-wrap: pretty;
}
.inline-notice .icon {
  flex-shrink: 0;
  margin-top: 4px;
}
.error-notice {
  margin-bottom: 20px;
  background: var(--error-bg);
  color: var(--error-strong);
}
.error-notice > span {
  flex: 1;
  min-width: 0;
}
.error-notice > .text-button {
  flex-shrink: 0;
  color: inherit;
}
.session-loading,
.auth-screen {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  padding: 32px 16px;
}
.session-loading {
  align-content: center;
  gap: 16px;
  color: var(--muted);
  font-size: 14px;
}
.session-loading p {
  margin: 0;
}
.auth-card {
  width: 100%;
  max-width: 400px;
  min-width: 0;
  padding: 32px;
  border-radius: 16px;
  background: var(--surface);
}
.auth-card .brand-mark {
  width: fit-content;
  margin-bottom: 20px;
}
.auth-card > .eyebrow {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
.auth-card h1 {
  margin: 0;
}
.auth-description {
  margin: 12px 0 24px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  text-wrap: pretty;
}
.auth-tabs,
.admin-tabs {
  display: flex;
  align-items: stretch;
  gap: 4px;
  max-width: 100%;
}
.auth-tabs {
  margin-bottom: 24px;
}
.auth-tabs button,
.admin-tabs button {
  position: relative;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
  font-weight: 500;
  transition:
    background-color 150ms,
    color 150ms;
}
.auth-tabs button {
  flex: 1;
}
.auth-tabs button:hover,
.admin-tabs button:hover {
  background: var(--item-hover);
  color: var(--foreground);
}
.auth-tabs button.active,
.admin-tabs button.active {
  background: var(--secondary);
  color: var(--foreground);
}
.auth-card label,
.modal-inner label {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 8px;
  cursor: pointer;
}
.auth-card input {
  height: 48px;
}
.auth-card #auth-confirm-field {
  min-width: 0;
}
.auth-code-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 8px;
}
.auth-card .auth-code-heading label { margin: 0; }
.auth-code-heading .button { flex: 0 0 auto; min-height: 38px; padding: 7px 12px; }
.auth-card #auth-email-code { letter-spacing: .18em; }
.auth-card #auth-email-code::placeholder { letter-spacing: normal; }
.auth-card #auth-email-status { min-height: 2.6em; margin: 8px 0 0; }
.auth-google-section { margin-top: 18px; }
.auth-divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 13px; margin: 0 0 16px; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; background: var(--line); flex: 1; }
.auth-google-button { text-decoration: none; justify-content: center; }
.auth-google-button[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.auth-card #auth-submit {
  width: 100%;
  min-height: 48px;
  margin-top: 24px;
}
.auth-card .inline-notice {
  margin-bottom: 20px;
}
.auth-security {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin-top: 24px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  text-wrap: pretty;
}
.auth-security .icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}
.modal {
  width: 480px;
  max-width: calc(100vw - 32px);
}
.modal-inner {
  padding: 24px;
}
.modal-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.modal-symbol {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 12px;
  background: var(--background);
  color: var(--muted);
}
.modal-symbol.amber {
  color: var(--warning);
  background: var(--warning-bg);
}
.modal-symbol.danger-symbol {
  color: var(--danger);
  background: var(--danger-bg);
}
.modal h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.modal-description {
  margin: 12px 0 20px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.modal-actions,
.code-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.modal-actions .button {
  flex: 1;
}
.modal-actions > .primary,
.modal-actions > .danger {
  flex: 1.5;
}
.field-note,
.form-error {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.field-note {
  color: var(--muted);
}
.field-note > .icon {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: -2px;
}
.form-error {
  color: var(--error-text);
}
.optional {
  margin-left: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}
.account-reference {
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--background);
  color: var(--foreground);
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.otp-modal .eyebrow {
  display: none;
}
.otp-input {
  height: 48px;
  font-size: 24px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 8px;
  text-align: center;
}
.otp-input::placeholder {
  letter-spacing: 8px;
}
.otp-delivery,
.otp-automation {
  margin: 20px 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
}
.otp-delivery-heading,
.proxy-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.otp-delivery h3,
.otp-automation h3,
.proxy-heading h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.otp-delivery label {
  margin-top: 16px;
}
.otp-delivery-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.delivery-busy,
.delivery-status,
.delivery-error {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.delivery-error {
  color: var(--error-text);
}
.otp-delivery p:empty,
.otp-automation p:empty {
  display: none;
}
.otp-automation .text-button {
  margin-top: 8px;
}
.compact-modal {
  width: 420px;
}
.code-modal {
  width: 440px;
}
.code-value {
  display: grid;
  place-items: center;
  min-height: 104px;
  margin: 24px 0 12px;
  border-radius: 12px;
  background: var(--background);
  color: var(--foreground);
  font-size: 30px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 8px;
}
.code-value.loading-code,
.code-value.is-error {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: var(--muted);
}
.code-value.is-error {
  color: var(--error-text);
}
.centered,
.code-note {
  text-align: center;
}
.code-actions .button {
  flex: 1;
}
.code-actions .icon {
  display: none;
}
.code-note {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: min(480px, 100%);
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: var(--surface);
  box-shadow: var(--elevation-modal);
  translate: 100% 0;
  transition:
    translate 350ms cubic-bezier(0.32, 0.72, 0, 1),
    display 350ms allow-discrete,
    overlay 350ms allow-discrete;
}
.drawer[open] {
  display: flex;
  flex-direction: column;
  animation: none;
  translate: 0 0;
  transition:
    translate 500ms cubic-bezier(0.32, 0.72, 0, 1),
    display 350ms allow-discrete,
    overlay 350ms allow-discrete;
}
@starting-style {
  .drawer[open] {
    translate: 100% 0;
  }
}
.drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border);
}
.drawer-header .eyebrow {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
.drawer-body {
  flex: 1;
  min-height: 0;
  padding: 24px;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.detail-heading {
  margin-bottom: 24px;
}
.large-avatar {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
.detail-heading h2,
.drawer-body > h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.detail-heading > p {
  margin: 8px 0 12px;
  color: var(--muted);
  font-size: 14px;
  overflow-wrap: anywhere;
}
.detail-section {
  padding: 24px 0;
  border-top: 1px solid var(--border);
}
.detail-section h3 {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 600;
}
.detail-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.detail-section-heading .text-button {
}
.detail-fields {
  margin: 0;
}
.detail-fields > div {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(0, 1.2fr);
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
  line-height: 1.6;
}
.detail-fields > div:last-child {
  border-bottom: 0;
}
.detail-fields dt {
  color: var(--muted);
}
.detail-fields dd {
  margin: 0;
  color: var(--foreground);
  font-weight: 500;
  overflow-wrap: anywhere;
}
.detail-link {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.job-summary {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.job-events {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.job-event {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  font-size: 13px;
  line-height: 1.6;
}
.job-event-time {
  padding-top: 1px;
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.job-event-message {
  position: relative;
  min-width: 0;
  padding: 0 0 20px 18px;
  border-left: 1px solid var(--border-strong);
  overflow-wrap: anywhere;
}
.job-event-message::before {
  content: "";
  position: absolute;
  top: 6px;
  left: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--secondary-hover);
}
.job-event-latest .job-event-message {
  padding-bottom: 0;
  border-color: transparent;
  font-weight: 500;
}
.job-event-latest .job-event-message::before {
  background: var(--primary);
}
.job-event-done .job-event-message::before {
  background: var(--success);
}
.job-event-failed .job-event-message::before {
  background: var(--error);
}
.drawer-footer {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.drawer-footer .icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}
.setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
}
.setting-row > div {
  min-width: 0;
}
.setting-row strong {
  font-size: 14px;
  font-weight: 500;
}
.setting-row p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  text-wrap: pretty;
}
.setting-row + .inline-notice {
  margin-top: 20px;
}
#settings-logout {
  border-color: transparent;
  background: var(--danger-bg);
  color: var(--danger);
}
#settings-logout:hover {
  background: var(--danger-bg-hover);
}
.help-steps {
  display: grid;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 24px 0;
}
.help-steps li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.help-steps li > span {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--background);
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.help-steps strong {
  font-size: 14px;
  font-weight: 500;
}
.help-steps p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  text-wrap: pretty;
}
.account-device-fields,
.account-proxy {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.device-profile-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}
.device-profile-heading h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.account-device-fields {
  min-width: 0;
}
.device-choice-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.device-choice-columns > div {
  min-width: 0;
}
.account-device-fields input,
.account-device-fields select,
.account-device-fields .ui-select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.account-device-fields .field-note {
  overflow-wrap: anywhere;
}
.account-proxy fieldset {
  min-width: 0;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
}
.proxy-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.proxy-columns label {
  margin-top: 0;
}
.account-proxy textarea,
.bulk-input-fields textarea {
  width: 100%;
  min-height: 104px;
  padding: 12px 16px;
  resize: vertical;
  line-height: 1.7;
}
.bulk-input-fields textarea {
  min-height: 184px;
}
.bulk-format {
  margin-top: 16px;
}
.bulk-format h3 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
}
.bulk-format p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  text-wrap: pretty;
}
.bulk-preview-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.bulk-preview-heading .button {
  flex-shrink: 0;
}
.bulk-preview-heading .field-note {
  margin: 0;
}
.bulk-preview-content,
.bulk-rows {
  min-width: 0;
  overflow-x: auto;
}
.bulk-preview-content {
  max-height: 256px;
  margin-top: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
}
.bulk-preview-content .bulk-table {
  font-size: 12px;
}
.bulk-table {
  min-width: 640px;
}
.bulk-table .bulk-email {
  max-width: 280px;
  overflow-wrap: anywhere;
}
.bulk-table .bulk-line {
  width: 64px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.bulk-row-note {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.bulk-result {
  min-width: 220px;
  max-width: 380px;
  white-space: normal;
}
.bulk-result .bulk-row-note {
  overflow-wrap: anywhere;
  line-height: 1.5;
}
.bulk-row-invalid .bulk-row-note {
  color: var(--error-text);
}
.modal.bulk-modal {
  width: 720px;
}
.bulk-panel {
  margin-top: 24px;
}
.bulk-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 0 20px 16px;
}
.bulk-toolbar > .ui-select,
.bulk-toolbar select {
  width: min(100%, 360px);
}
.bulk-toolbar .text-button {
  margin-left: auto;
}
.bulk-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 0 20px 20px;
}
.bulk-count-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}
.bulk-count-chip strong {
  color: var(--foreground);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.bulk-row-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bulk-row-actions .text-button {
  font-size: 12px;
}
.bulk-panel > .form-error {
  margin: 0 20px 16px;
}
.toast-region {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  display: grid;
  gap: 12px;
  width: min(400px, calc(100% - 48px));
  pointer-events: none;
}
.toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-overlay);
  color: var(--foreground);
  box-shadow: var(--elevation-popover);
  font-size: 14px;
  line-height: 1.7;
  pointer-events: auto;
}
.toast > .icon {
  flex-shrink: 0;
  margin-top: 4px;
  color: var(--muted);
}
.toast.error-toast > .icon {
  color: var(--error-text);
}
.toast > span {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.toast > .icon-button {
  width: 24px;
  height: 24px;
  min-height: 24px;
  flex-shrink: 0;
}
@keyframes workshop-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@media (max-width: 1199px) {
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .summary-card:nth-child(2n) {
    border-right: 0;
  }
  .summary-card:nth-child(-n + 2) {
    border-bottom: 1px solid var(--border);
  }
  .page-heading {
    flex-direction: column;
    gap: 16px;
  }
  .panel-footer-tools .last-updated {
    display: none;
  }
  .account-table th:nth-child(4),
  .account-table td:nth-child(4) {
    display: none;
  }
  .account-table th:nth-child(1) {
    width: 34%;
  }
  .account-table th:nth-child(2) {
    width: 22%;
  }
  .account-table th:nth-child(3) {
    width: 22%;
  }
  .account-table th:last-child {
    width: 22%;
  }
}
@media (max-width: 767px) {
  .sidebar-note {
    display: none;
  }
  .nav-label {
    display: none;
  }
  .sidebar-footer {
    padding: 16px 0 0;
  }
  .sidebar-footer > div:nth-child(2) {
    flex: 1;
  }
  .breadcrumb {
    font-size: 12px;
  }
  .connection-state {
    font-size: 12px;
  }
  .page-heading {
    margin-bottom: 20px;
  }
  .page-heading > div > p:last-child {
    line-height: 1.7;
  }
  .account-heading-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .account-heading-actions .button {
    padding: 8px 12px;
  }
  .account-heading-actions .icon {
    display: none;
  }
  .summary-card {
    padding: 16px;
  }
  .summary-grid {
    margin-bottom: 20px;
  }
  .summary-card strong {
    font-size: 20px;
  }
  .stat-icon {
    display: none;
  }
  .panel-header {
    padding: 16px;
  }
  .panel-header p {
    font-size: 12px;
  }
  .table-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 0 16px 16px;
  }
  .search-field,
  .status-select {
    width: 100%;
  }
  .account-export {
    padding: 0 16px 16px;
  }
  .account-organization {
    padding: 0 16px 16px;
  }
  .organization-select {
    flex-basis: 100%;
  }
  #manage-folders {
    width: 100%;
  }
  .folder-manager-row {
    flex-wrap: wrap;
  }
  .folder-manager-row input {
    flex-basis: 100%;
  }
  .folder-row-actions {
    margin-left: auto;
  }
  .folder-create-controls {
    flex-wrap: wrap;
  }
  .folder-create-controls input {
    flex-basis: 100%;
  }
  .account-export-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin-left: 0;
  }
  .account-export-actions .button {
    padding: 8px;
    white-space: normal;
  }
  .account-table,
  .account-table tbody {
    display: block;
  }
  .account-table thead {
    display: none;
  }
  .account-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px 12px;
    padding: 20px 16px;
    border-top: 1px solid var(--border);
  }
  .account-table td,
  .account-table td:first-child,
  .account-table td:last-child {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    text-align: left;
  }
  .account-table td:first-child {
    grid-column: 1 / -1;
  }
  .account-table td:nth-child(2) {
    grid-column: 1;
  }
  .account-table td:nth-child(3) {
    grid-column: 1;
  }
  .account-table td:nth-child(4) {
    display: none;
  }
  .account-table td:last-child {
    grid-column: 2;
    grid-row: 2 / 4;
    align-self: end;
  }
  .account-table .account-relogin td:last-child {
    grid-column: 1 / -1;
    grid-row: 4;
  }
  .account-relogin .row-actions .relogin-primary {
    flex: 1;
    min-height: 44px;
  }
  .row-actions .button {
    min-height: 36px;
  }
  .row-actions > .icon-button {
    width: 36px;
    height: 36px;
  }
  .row-menu {
    top: calc(100% + 8px);
    max-width: calc(100vw - 64px);
  }
  .panel-footer {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }
  .panel-footer-tools,
  .pagination {
    width: 100%;
  }
  .pagination {
    justify-content: space-between;
  }
  .page-status {
    min-width: 0;
  }
  .page-footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 8px;
  }
  .skeleton-row {
    grid-template-columns: 40px minmax(0, 1fr) 64px;
    padding: 16px;
  }
  .skeleton-line:nth-last-child(-n + 2) {
    display: none;
  }
  .empty-state {
    padding: 32px 16px;
  }
  .auth-card {
    padding: 24px;
  }
  .modal-inner {
    padding: 20px;
  }
  .modal-actions .button,
  .code-actions .button {
    min-height: 44px;
  }
  .drawer-header,
  .drawer-body {
    padding: 20px;
  }
  .drawer-footer {
    padding: 16px 20px;
  }
  .detail-fields > div {
    grid-template-columns: minmax(96px, 1fr) minmax(0, 1.2fr);
    gap: 12px;
    font-size: 12px;
  }
  .proxy-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .proxy-columns > div + div label {
    margin-top: 4px;
  }
  .bulk-preview-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .bulk-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0 16px 16px;
  }
  .bulk-toolbar > .ui-select,
  .bulk-toolbar select {
    grid-column: 1 / -1;
    width: 100%;
  }
  .bulk-counts {
    padding: 0 16px 16px;
    gap: 12px 16px;
  }
  .bulk-table th,
  .bulk-table td {
    padding: 12px 16px;
  }
  .bulk-table th:nth-child(2),
  .bulk-table td:nth-child(2) {
    position: sticky;
    left: 0;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    background: var(--surface);
    overflow-wrap: anywhere;
  }
  .bulk-preview-content .bulk-table {
    min-width: 560px;
  }
  .toast-region {
    right: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton-avatar,
  .skeleton-lines i,
  .skeleton-line {
    animation: none;
  }
}

/* A18 AUTH FALLBACK: generated from AuthGateway and Tailwind; edit source instead. */
.a18-auth-gateway{--tw-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--tw-color-blue-50:#eff6ff;--tw-color-blue-100:#dbeafe;--tw-color-blue-200:#bedbff;--tw-color-blue-300:#90c5ff;--tw-color-blue-400:#54a2ff;--tw-color-blue-600:#155dfc;--tw-color-blue-700:#1447e6;--tw-color-slate-50:#f8fafc;--tw-color-slate-100:#f1f5f9;--tw-color-slate-200:#e2e8f0;--tw-color-slate-300:#cad5e2;--tw-color-slate-400:#90a1b9;--tw-color-slate-500:#62748e;--tw-color-slate-600:#45556c;--tw-color-slate-700:#314158;--tw-color-slate-800:#1d293d;--tw-color-slate-900:#0f172b;--tw-color-slate-950:#020618;--tw-color-white:#fff;--tw-spacing:4px;--tw-text-xs:12px;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:14px;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-base:16px;--tw-text-base--line-height:calc(1.5 / 1);--tw-text-lg:18px;--tw-text-lg--line-height:calc(1.75 / 1.125);--tw-text-xl:20px;--tw-text-xl--line-height:calc(1.75 / 1.25);--tw-text-2xl:24px;--tw-text-3xl:30px;--tw-font-weight-normal:400;--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-font-weight-bold:700;--tw-tracking-normal:0em;--tw-leading-tight:1.25;--tw-leading-snug:1.375;--tw-leading-normal:1.5;--tw-leading-relaxed:1.625;--tw-radius-sm:4px;--tw-radius-md:6px;--tw-radius-lg:8px;--tw-radius-xl:12px;--tw-radius-2xl:16px;--tw-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.a18-auth-gateway, .a18-auth-gateway *{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:absolute{position:absolute}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:relative{position:relative}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:inset-x-9{inset-inline:calc(var(--tw-spacing) * 9)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:inset-x-\[55px\]{inset-inline:55px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:top-1{top:var(--tw-spacing)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:top-4{top:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:top-5{top:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:top-\[27px\]{top:27px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:right-4{right:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:right-12{right:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bottom-0{bottom:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bottom-4{bottom:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bottom-5{bottom:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bottom-6{bottom:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:left-3{left:calc(var(--tw-spacing) * 3)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:left-14{left:calc(var(--tw-spacing) * 14)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:left-\[calc\(50\%_-_55px\)\]{left:calc(50% - 55px)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:m-0{margin:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mx-auto{margin-inline:auto}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-0{margin-top:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-0\.5{margin-top:calc(var(--tw-spacing) * .5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-3{margin-top:calc(var(--tw-spacing) * 3)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-5{margin-top:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-6{margin-top:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-7{margin-top:calc(var(--tw-spacing) * 7)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-8{margin-top:calc(var(--tw-spacing) * 8)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mt-10{margin-top:calc(var(--tw-spacing) * 10)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mb-0{margin-bottom:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mb-2{margin-bottom:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mb-5{margin-bottom:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:mb-6{margin-bottom:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:block{display:block}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:flex{display:flex}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:grid{display:grid}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:hidden{display:none}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:inline-flex{display:inline-flex}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-2{height:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-2\.5{height:calc(var(--tw-spacing) * 2.5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-12{height:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-14{height:calc(var(--tw-spacing) * 14)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-\[110px\]{height:110px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-\[172px\]{height:172px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:h-px{height:1px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-10{min-height:calc(var(--tw-spacing) * 10)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-11{min-height:calc(var(--tw-spacing) * 11)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-12{min-height:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-\[2\.6em\]{min-height:2.6em}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-\[64px\]{min-height:64px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-\[76px\]{min-height:76px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-h-dvh{min-height:100dvh}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-2{width:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-2\.5{width:calc(var(--tw-spacing) * 2.5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-12{width:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-14{width:calc(var(--tw-spacing) * 14)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-\[110px\]{width:110px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-\[272px\]{width:272px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-fit{width:-moz-fit-content;width:fit-content}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:w-full{width:100%}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:max-w-\[380px\]{max-width:380px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:max-w-\[460px\]{max-width:460px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:max-w-\[560px\]{max-width:560px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:max-w-full{max-width:100%}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-w-0{min-width:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:min-w-\[158px\]{min-width:158px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:flex-1{flex:1}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:shrink-0{flex-shrink:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:cursor-pointer{cursor:pointer}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:flex-col{flex-direction:column}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:flex-wrap{flex-wrap:wrap}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:place-items-center{place-items:center}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:items-center{align-items:center}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:items-start{align-items:flex-start}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:justify-between{justify-content:space-between}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:justify-center{justify-content:center}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:justify-end{justify-content:flex-end}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-1{gap:var(--tw-spacing)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-2\.5{gap:calc(var(--tw-spacing) * 2.5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-4{gap:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-x-5{column-gap:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-x-6{column-gap:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:gap-y-2{row-gap:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded{border-radius:.25rem}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-2xl{border-radius:var(--tw-radius-2xl)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-\[9px\]{border-radius:9px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-\[18px\]{border-radius:18px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-\[28px\]{border-radius:28px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-full{border-radius:2147483647px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-lg{border-radius:var(--tw-radius-lg)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-md{border-radius:var(--tw-radius-md)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:rounded-xl{border-radius:var(--tw-radius-xl)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border{border-style:var(--tw-border-style);border-width:1px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border-0{border-style:var(--tw-border-style);border-width:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border-solid{--tw-border-style:solid;border-style:solid}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border-blue-100{border-color:var(--tw-color-blue-100)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border-blue-200{border-color:var(--tw-color-blue-200)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:border-slate-300{border-color:var(--tw-color-slate-300)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-50,:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-50\/70{background-color:var(--tw-color-blue-50)}@supports (color:color-mix(in lab, red, red)){:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-50\/70{background-color:color-mix(in oklab, var(--tw-color-blue-50) 70%, transparent)}}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-200{background-color:var(--tw-color-blue-200)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-300{background-color:var(--tw-color-blue-300)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-400{background-color:var(--tw-color-blue-400)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-blue-600{background-color:var(--tw-color-blue-600)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-slate-100{background-color:var(--tw-color-slate-100)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-slate-200{background-color:var(--tw-color-slate-200)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-slate-950{background-color:var(--tw-color-slate-950)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-transparent{background-color:#0000}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:bg-white{background-color:var(--tw-color-white)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:p-0{padding:0}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:p-1{padding:var(--tw-spacing)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:p-4{padding:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:px-3{padding-inline:calc(var(--tw-spacing) * 3)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:px-5{padding-inline:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:px-8{padding-inline:calc(var(--tw-spacing) * 8)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:py-2{padding-block:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:py-3{padding-block:calc(var(--tw-spacing) * 3)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:py-4{padding-block:calc(var(--tw-spacing) * 4)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:py-5{padding-block:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:pt-2{padding-top:calc(var(--tw-spacing) * 2)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:pt-8{padding-top:calc(var(--tw-spacing) * 8)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:pb-12{padding-bottom:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:pb-14{padding-bottom:calc(var(--tw-spacing) * 14)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-center{text-align:center}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-base{font-size:var(--tw-text-base);line-height:var(--tw-leading,var(--tw-text-base--line-height))}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height))}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-\[22px\]{font-size:22px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-\[32px\]{font-size:32px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-\[clamp\(36px\,8\.5vw\,88px\)\]{font-size:clamp(36px,8.5vw,88px)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:leading-normal{--tw-leading:var(--tw-leading-normal);line-height:var(--tw-leading-normal)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:leading-relaxed{--tw-leading:var(--tw-leading-relaxed);line-height:var(--tw-leading-relaxed)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:leading-snug{--tw-leading:var(--tw-leading-snug);line-height:var(--tw-leading-snug)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:leading-tight{--tw-leading:var(--tw-leading-tight);line-height:var(--tw-leading-tight)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:tracking-\[-\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:tracking-\[-\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:tracking-\[-\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-balance{text-wrap:balance}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-pretty{text-wrap:pretty}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:whitespace-nowrap{white-space:nowrap}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-blue-600{color:var(--tw-color-blue-600)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-blue-700{color:var(--tw-color-blue-700)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-slate-400{color:var(--tw-color-slate-400)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-slate-500{color:var(--tw-color-slate-500)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-slate-600{color:var(--tw-color-slate-600)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-slate-700{color:var(--tw-color-slate-700)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-slate-950{color:var(--tw-color-slate-950)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:text-white{color:var(--tw-color-white)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:no-underline{text-decoration-line:none}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:underline{text-decoration-line:underline}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:underline-offset-4{text-underline-offset:4px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:select-none{-webkit-user-select:none;user-select:none}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:placeholder\:tracking-normal::placeholder{--tw-tracking:var(--tw-tracking-normal);letter-spacing:var(--tw-tracking-normal)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:placeholder\:text-slate-400::placeholder{color:var(--tw-color-slate-400)}@media (hover:hover){:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:hover\:bg-blue-100:hover{background-color:var(--tw-color-blue-100)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:hover\:bg-slate-50:hover{background-color:var(--tw-color-slate-50)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:hover\:bg-slate-800:hover{background-color:var(--tw-color-slate-800)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:hover\:text-slate-950:hover{color:var(--tw-color-slate-950)}}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:focus\:border-primary:focus{border-color:var(--primary)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:disabled\:bg-slate-50:disabled{background-color:var(--tw-color-slate-50)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:disabled\:opacity-50:disabled{opacity:.5}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}@media (min-width:40rem){:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:inset-x-\[72px\]{inset-inline:72px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:top-5{top:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:top-\[39px\]{top:39px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:right-5{right:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:bottom-6{bottom:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:left-5{left:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:mt-5{margin-top:calc(var(--tw-spacing) * 5)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:mt-9{margin-top:calc(var(--tw-spacing) * 9)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:mt-12{margin-top:calc(var(--tw-spacing) * 12)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:hidden{display:none}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:inline-flex{display:inline-flex}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:h-\[196px\]{height:196px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:w-\[320px\]{width:320px}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:justify-center{justify-content:center}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:px-10{padding-inline:calc(var(--tw-spacing) * 10)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:pt-6{padding-top:calc(var(--tw-spacing) * 6)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:pb-16{padding-bottom:calc(var(--tw-spacing) * 16)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:pb-20{padding-bottom:calc(var(--tw-spacing) * 20)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:text-lg{font-size:var(--tw-text-lg);line-height:var(--tw-leading,var(--tw-text-lg--line-height))}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:sm\:text-\[28px\]{font-size:28px}}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:\[\&\.active\]\:bg-white.active{background-color:var(--tw-color-white)}:is(.a18-auth-gateway, .a18-auth-gateway *).tw\:\[\&\.active\]\:text-slate-950.active{color:var(--tw-color-slate-950)}/* AuthGateway uses Tailwind in JSX. Only scoped presentation motion lives here;
   no auth state, positioning of shared controls or global theme is changed. */.a18-auth-gateway .a18-auth-mark {
  animation: a18-auth-mark-float 7s ease-in-out infinite;
}.a18-auth-gateway .a18-auth-orbit-key {
  animation: a18-auth-key-float 6s ease-in-out infinite;
}.a18-auth-gateway .a18-auth-orbit-shield {
  animation: a18-auth-shield-float 8s ease-in-out infinite;
}.a18-auth-gateway .a18-auth-dot {
  animation: a18-auth-dot-breathe 5s ease-in-out infinite;
}.a18-auth-gateway .a18-auth-dot-second {
  animation-delay: -2.5s;
}@media (max-width: 480px) {
  .a18-auth-gateway [data-auth-language-slot] .language-picker-label { display: none; }
}.a18-auth-gateway #auth-submit.is-busy::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 2px solid #ffffff50;
  border-top-color: #fff;
  border-radius: 50%;
  animation: a18-auth-submit-spin 800ms linear infinite;
}@keyframes a18-auth-submit-spin {
  to { transform: rotate(360deg); }
}@keyframes a18-auth-mark-float {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-7px) rotate(-2deg); }
}@keyframes a18-auth-key-float {
  0%, 100% { transform: translateY(0) rotate(9deg); }
  50% { transform: translateY(6px) rotate(5deg); }
}@keyframes a18-auth-shield-float {
  0%, 100% { transform: translateY(0) rotate(-9deg); }
  50% { transform: translateY(-5px) rotate(-5deg); }
}@keyframes a18-auth-dot-breathe {
  0%, 100% { opacity: .5; transform: scale(.85); }
  50% { opacity: 1; transform: scale(1); }
}@media (prefers-reduced-motion: reduce) {
  .a18-auth-gateway .a18-auth-mark,
  .a18-auth-gateway .a18-auth-orbit,
  .a18-auth-gateway .a18-auth-dot,
  .a18-auth-gateway #auth-submit.is-busy::before { animation: none; }
}