/* Segmented view toggle shared by Kanban/List, Cards/Table and similar views. */
.ax-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 30px;
  padding: 3px;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #eef2f7;
}

.ax-view-toggle__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    box-shadow var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.ax-view-toggle__item:hover {
  border-color: #cbd5e1;
  background: #fff;
  color: #1f2937;
}

.ax-view-toggle__item.is-active {
  border-color: color-mix(in srgb, var(--admin-primary) 28%, #d8dee8);
  background: #fff;
  color: var(--admin-primary);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}

[data-admin-theme="dark"] .ax-view-toggle {
  border-color: var(--ax-dark-border);
  background: #141f32;
  color: var(--ax-dark-text-muted);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-view-toggle__item {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-view-toggle__item:hover,
[data-admin-theme="dark"] .ax-view-toggle__item:focus-visible {
  border-color: #526b8c;
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-view-toggle__item.is-active {
  border-color: var(--ax-dark-focus-border);
  background: #203a5c;
  color: #dcecff;
  box-shadow: none;
}
.ax-mobile-detail-header { display: none; }
@media (max-width: 767px) {
  .ax-mobile-detail-header { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) 10px max(8px, env(safe-area-inset-left, 0px)); color: var(--admin-ink, #0f172a); background: var(--admin-surface-header, #fff); }
  .ax-mobile-detail-header > .ax-btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-height: 42px; padding: 0; }
  .ax-mobile-detail-header__title { min-width: 0; text-align: center; line-height: 1.25; }
  .ax-mobile-detail-header__title strong { display: block; font-size: 15px; }
  .ax-mobile-detail-header__title span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; margin-top: 3px; }
  .ax-mobile-detail-header__status { max-width: 104px; padding: 5px 8px; border-radius: 12px; background: var(--admin-primary-soft, #e8f0fb); color: var(--admin-primary, #365f8f); font-size: 11px; font-weight: 700; text-align: center; line-height: 1.2; }
  body:has(.ax-mobile-detail-header) :is(.ax-navbar, .ax-sidebar-contextbar, .ax-contextbar, .ax-sidebar, .ax-page-head) { display: none !important; }
  body:has(.ax-mobile-detail-header) > .ax-main { margin: 0 !important; padding-top: 0 !important; min-height: 100dvh; }
  .ax-support-workspace--ticket > .ax-support-header { display: none; }
  .ax-support-workspace--ticket { padding-top: 0; }
}
.ax-user-menu { position: relative; flex-shrink: 0; }
.ax-user-menu--compact .ax-user-menu__name { display: none; }
.ax-user-menu--compact .ax-navbar__user-trigger { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px; border: 1px solid var(--field-border, #d5deea); border-radius: 12px; background: var(--field-surface, #fff); color: var(--field-text, #344054); }
.ax-user-menu--compact .ax-menu { width: min(310px, calc(100vw - 32px)); background: var(--field-surface, #fff); border-color: var(--field-border, #d5deea); }
.ax-user-menu--compact .ax-menu__item { min-height: 44px; color: var(--field-text, #344054); }
.ax-user-menu--compact .ax-menu__item--danger { color: #dc3545; }
.ax-user-menu .ax-menu form { display: block; width: 100%; margin: 0; }
.ax-user-menu .ax-menu__theme-switch { margin-left: auto; }
.ax-user-menu--compact .ax-menu > div:first-child { padding: 10px; overflow: hidden; text-overflow: ellipsis; color: var(--field-text-muted, #667085); }
/* Shared single-column form rhythm and touch targets for mobile workflows. */
.ax-touch-form {
  display: grid;
  gap: 24px;
  max-width: 640px;
  margin-inline: auto;
}

.ax-touch-form .ax-field-group__body {
  display: grid;
  gap: 18px;
  padding-top: 10px;
}

.ax-touch-form .ax-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.ax-touch-form .ax-field__hint { margin: 0; }

.ax-touch-form :is(.ax-control, .ax-file-field__button, .ax-btn) {
  min-height: 46px;
}

.ax-touch-form .ax-control { font-size: 16px; }
.ax-touch-form .ax-file-field__filename { min-width: 0; }
.ax-touch-form > .ax-btn { width: 100%; }

/* Profile identity composition; the avatar remains the shared primitive. */
.ax-profile-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ax-profile-identity > div { display: grid; gap: 4px; min-width: 0; }
.ax-profile-identity strong { line-height: 1.35; overflow-wrap: anywhere; }
.ax-profile-identity span { font-size: 13px; color: var(--ab-muted); overflow-wrap: anywhere; }
/* Shared identity avatar with image and initials fallback. */
.ax-avatar {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--admin-primary-ring, #b8c9dc);
  border-radius: 999px;
  background: var(--admin-primary-soft, #e8f0fb);
  color: var(--admin-primary, #365f8f);
  font-weight: 850;
  line-height: 1;
  object-fit: cover;
  aspect-ratio: 1;
  user-select: none;
}

.ax-avatar__initials {
  position: relative;
  z-index: 0;
}

.ax-avatar__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ax-avatar__image[hidden],
.ax-avatar.is-image-missing .ax-avatar__image {
  display: none;
}

.ax-avatar--xxs {
  width: 22px;
  height: 22px;
  font-size: 9px;
}

.ax-avatar--xs {
  width: 30px;
  height: 30px;
  font-size: 10.5px;
}

.ax-avatar--sm {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

.ax-avatar--md {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.ax-avatar--lg {
  width: 48px;
  height: 48px;
  font-size: 16px;
}

.ax-avatar--xl {
  width: 54px;
  height: 54px;
  font-size: 18px;
}

.ax-avatar--xxl {
  width: 76px;
  height: 76px;
  font-size: 24px;
}

[data-admin-theme="dark"] .ax-avatar {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-info-text);
}
/* Shared compact appointment used by week, day and list views. */
.ax-appointment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.ax-appointment-card {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--ax-field-border);
  border-radius: 8px;
  background: var(--ax-panel-soft);
  color: var(--admin-ink);
  font-size: 12px;
  transition: border-color var(--ax-motion-fast) var(--ax-motion-ease),
              background-color var(--ax-motion-fast) var(--ax-motion-ease),
              box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-appointment-card.is-completed {
  border-left: 3px solid #16a34a;
}

.ax-appointment-card.is-cancelled {
  border-color: #e0aaa7;
  border-style: dashed;
  background: #fff8f7;
}

.ax-appointment-card.is-cancelled .ax-appointment-card__title {
  color: #7b6161;
  text-decoration: line-through;
}

.ax-appointment-card:hover,
.ax-appointment-card:focus-within {
  border-color: var(--ax-field-hover);
  background: #f8fafc;
}

.ax-appointment-card:focus-within {
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-appointment-card__head,
.ax-appointment-card__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ax-appointment-card__head { justify-content: space-between; }
.ax-appointment-card__actions { margin-top: 4px; }
.ax-appointment-card__title { margin-top: 2px; overflow-wrap: anywhere; }

.ax-appointment-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.ax-appointment-card__lead { margin-top: 2px; }

.ax-appointment-card__meta {
  overflow: hidden;
  color: var(--ab-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-admin-theme="dark"] .ax-appointment-card {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-appointment-card__meta {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-appointment-card.is-completed {
  border-left-color: var(--ax-dark-success-border);
}

[data-admin-theme="dark"] .ax-appointment-card.is-cancelled {
  border-color: var(--ax-dark-danger-border);
  background: var(--ax-dark-danger-surface);
}

[data-admin-theme="dark"] .ax-appointment-card.is-cancelled .ax-appointment-card__title {
  color: var(--ax-dark-danger-text);
}

[data-admin-theme="dark"] .ax-appointment-card:hover,
[data-admin-theme="dark"] .ax-appointment-card:focus-within {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface-hover);
}

@media (max-width: 767.98px) {
  .ax-appointment-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ax-appointment-card { transition: none; }
}
/* Persistent contextual guidance shared by operational workspaces. */
.ax-dismissible-hint {
  margin-bottom: 12px;
  border: 1px solid var(--ab-line-soft);
  border-left: 3px solid var(--admin-primary);
  border-radius: 8px;
  background: var(--ab-panel);
  color: var(--ab-muted);
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity var(--ax-motion-base) var(--ax-motion-ease),
    transform var(--ax-motion-base) var(--ax-motion-ease);
}

.ax-dismissible-hint[hidden] { display: none !important; }

.ax-dismissible-hint.is-dismissing {
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}

.ax-dismissible-hint__body {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.45;
}

.ax-dismissible-hint__icon {
  flex: 0 0 auto;
  color: var(--admin-primary);
}

.ax-dismissible-hint__text {
  flex: 1 1 auto;
  min-width: 0;
}

.ax-dismissible-hint__text strong {
  color: var(--ab-ink);
  font-weight: 800;
}

.ax-dismissible-hint__dismiss { flex: 0 0 auto; }

.ax-dismissible-hint__dismiss:focus-visible {
  outline: 2px solid var(--admin-primary);
  outline-offset: 2px;
}

[data-admin-theme="dark"] .ax-dismissible-hint {
  border-color: var(--ax-dark-border-soft);
  border-left-color: var(--admin-primary);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-dismissible-hint__text strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-dismissible-hint__dismiss:focus-visible {
  outline-color: var(--ax-dark-focus-border);
}

@media (max-width: 767.98px) {
  .ax-dismissible-hint__body {
    align-items: flex-start;
    padding: 9px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-dismissible-hint { transition: none; }
}
/* Shared account-user family used by index, new and edit workspaces. */
.au-page { display: grid; gap: 8px; padding-top: 8px; }
.au-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }

.au-user { display: flex; align-items: center; gap: 10px; min-width: 0; }
.au-user__avatar { position: relative; flex: 0 0 auto; }
.au-user__vista { position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border: 2px solid var(--ax-panel-bg); border-radius: 999px; background: #16a34a; }
.au-user__main { display: grid; gap: 1px; min-width: 0; }
.au-user__main strong { color: var(--admin-ink); font-size: 13px; }
.au-user__main > span { overflow: hidden; color: var(--ab-muted); font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.au-user__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1px; }
.au-user__meta span { color: var(--ab-muted); font-size: 10.5px; }
.au-strong { color: var(--admin-ink); font-size: 12.5px; font-weight: 600; }
.au-muted { color: var(--ab-muted); }
.au-actions { display: inline-flex; gap: 2px; justify-content: flex-end; }
.reassign-delete__form { display: grid; gap: 8px; margin-top: 12px; }
.reassign-delete__hint { margin: 0; color: var(--ab-muted); font-size: 11.5px; line-height: 1.45; }

.au-form {
  display: grid;
  gap: 8px;
  padding-top: 8px;
}

.au-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.au-form-main,
.au-form-side { display: grid; gap: 8px; min-width: 0; }
.au-body { display: grid; gap: 14px; padding: 12px; }
.au-avatar-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ax-border-soft, #e7ebf2);
}

.au-avatar-row__field {
  flex: 1 1 320px;
  min-width: min(100%, 280px);
}

[data-admin-theme="dark"] .au-form .au-avatar-row { border-color: #33445d; }

[data-admin-theme="dark"] .au-page :where(.au-user__main strong, .au-strong) { color: #e8eef7; }
[data-admin-theme="dark"] .au-page :where(.au-user__main > span, .au-user__meta span, .au-muted) { color: #96a5ba; }
[data-admin-theme="dark"] .au-page .au-user__vista { border-color: var(--ax-panel-bg); }

@media (min-width: 1080px) {
  .au-form-grid { grid-template-columns: minmax(0, 1fr) 360px; }
}

@media (max-width: 720px) {
  .au-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
}
/* Shared contextual inspector panel and collapsed rail. */
.ax-aside-panel-shell {
  position: relative;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.ax-aside-panel {
  display: grid;
  grid-template-rows: var(--ax-contextbar-h) minmax(0, 1fr);
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}

.ax-aside-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: var(--ax-contextbar-h);
  padding: 0 var(--ax-workspace-gutter);
  border-bottom: 1px solid #dfe5ee;
  background: #eef3f8;
}

.ax-aside-panel__header strong {
  min-width: 0;
  overflow: hidden;
  color: #1f2733;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ax-aside-panel__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

.ax-aside-panel__actions > span,
.ax-aside-rail__token {
  overflow: hidden;
  padding: 5px 8px;
  border-radius: 999px;
  background: #fff;
  color: #697586;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ax-aside-panel__toggle,
.ax-aside-rail__toggle {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d4dce8;
  background: #fff;
  color: #64748b;
  cursor: pointer;
}

.ax-aside-panel__toggle {
  width: 28px;
  height: 28px;
  border-radius: 6px;
}

.ax-aside-rail__toggle {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.ax-aside-panel__toggle:hover,
.ax-aside-rail__toggle:hover {
  border-color: #b9c6d8;
  background: #f8fafc;
  color: #334155;
}

.ax-aside-panel__toggle:focus-visible,
.ax-aside-rail:focus-visible,
.ax-aside-rail__toggle:focus-visible {
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-aside-panel__body {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.ax-aside-rail {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  display: inline-flex;
  width: var(--ax-workspace-aside-collapsed-w, 44px);
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  padding: .65rem .25rem;
  border: 0;
  border-radius: 0;
  background: #eef3f8;
  color: #334155;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}

.ax-aside-rail__content {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #334155;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-orientation: mixed;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.ax-workspace-shell.is-inspector-collapsed .ax-aside-panel {
  opacity: 0;
  pointer-events: none;
  transform: translateX(10px);
}

.ax-workspace-shell.is-inspector-collapsed .ax-aside-rail {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

[data-admin-theme="dark"] .ax-aside-panel {
  border-color: var(--ax-dark-divider);
  background: var(--admin-workspace-bg);
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-aside-panel__header {
  border-bottom-color: var(--ax-dark-divider);
  background: var(--ax-dark-context);
}

[data-admin-theme="dark"] .ax-aside-panel__header strong { color: var(--admin-ink); }

[data-admin-theme="dark"] .ax-aside-panel__actions > span,
[data-admin-theme="dark"] .ax-aside-rail__token {
  background: color-mix(in srgb, var(--admin-primary) 12%, var(--admin-surface));
  color: var(--ab-muted);
}

[data-admin-theme="dark"] :where(.ax-aside-panel__toggle, .ax-aside-rail__toggle) {
  border-color: var(--ax-field-border);
  background: var(--ax-control-bg);
  color: var(--ab-muted);
  box-shadow: none;
}

[data-admin-theme="dark"] :where(.ax-aside-panel__toggle, .ax-aside-rail__toggle):hover,
[data-admin-theme="dark"] :where(.ax-aside-panel__toggle, .ax-aside-rail__toggle):focus-visible {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-aside-rail {
  border-color: var(--ax-dark-divider);
  background: var(--admin-workspace-bg);
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-aside-rail__content { color: var(--ab-muted); }

.ax-aside-rail--nav {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: var(--ax-workspace-aside-collapsed-w, 60px);
  padding: 6px 6px 8px;
  background: linear-gradient(to bottom, #eef2f7 0, #eef2f7 var(--ax-contextbar-h), #f8fafc var(--ax-contextbar-h), #f8fafc 100%);
  cursor: default;
  transform: translateX(8px);
  transition:
    opacity var(--ax-motion-fast) var(--ax-motion-ease),
    transform var(--ax-motion-base) var(--ax-motion-ease),
    background var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-aside-rail--nav:hover {
  background: linear-gradient(to bottom, #eef2f7 0, #eef2f7 var(--ax-contextbar-h), #f8fafc var(--ax-contextbar-h), #f8fafc 100%);
}

.ax-aside-rail--nav .ax-aside-rail__toggle {
  width: var(--ax-btn-h-sm);
  height: var(--ax-btn-h-sm);
  margin-bottom: 14px;
  border-color: #dfe5ee;
  border-radius: var(--ax-btn-radius);
  background: #fff;
  color: #607086;
  box-shadow: 0 1px 1px rgb(15 23 42 / .04);
}

.ax-aside-rail--nav .ax-aside-rail__toggle:hover {
  border-color: #c7d3e3;
  background: #f8fafc;
  color: #263241;
}

.ax-aside-rail-nav {
  display: grid;
  gap: 7px;
  width: 100%;
  justify-items: center;
}

.ax-aside-rail-nav__item {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #475467;
  cursor: pointer;
  transition:
    background var(--ax-motion-fast) var(--ax-motion-ease),
    border-color var(--ax-motion-fast) var(--ax-motion-ease),
    color var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-aside-rail-nav__item:hover,
.ax-aside-rail-nav__item:focus-visible {
  border-color: #dbe3ee;
  background: #eef3f9;
  color: #1f2733;
  outline: none;
}

.ax-aside-rail-nav__item.active {
  border-color: #c7d8ee;
  background: #e8f0fb;
  color: #245486;
  box-shadow: none;
}

.ax-aside-rail-nav__item .bi { color: #8490a1; font-size: 15px; line-height: 1; }
.ax-aside-rail-nav__item:hover .bi,
.ax-aside-rail-nav__item:focus-visible .bi { color: #586579; }
.ax-aside-rail-nav__item.active .bi { color: var(--admin-primary); }
.ax-aside-rail-nav__item .ax-tab-error { position: absolute; top: -4px; right: -4px; }
.ax-aside-rail-nav__item .ax-tab-missing { position: absolute; top: -5px; right: -5px; }
.ax-aside-rail--nav > .ax-aside-rail__token { display: none; }

[data-admin-theme="dark"] .ax-aside-rail--nav,
[data-admin-theme="dark"] .ax-aside-rail--nav:hover {
  background: linear-gradient(to bottom, var(--ax-dark-context) 0, var(--ax-dark-context) var(--ax-contextbar-h), var(--admin-workspace-bg) var(--ax-contextbar-h), var(--admin-workspace-bg) 100%);
}

[data-admin-theme="dark"] .ax-aside-rail--nav .ax-aside-rail__toggle {
  border-color: var(--ax-field-border);
  background: var(--ax-control-bg);
  color: var(--ab-muted);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-aside-rail-nav__item { color: var(--ab-muted); }
[data-admin-theme="dark"] .ax-aside-rail-nav__item .bi { color: #8291a6; }
[data-admin-theme="dark"] .ax-aside-rail-nav__item:hover,
[data-admin-theme="dark"] .ax-aside-rail-nav__item:focus-visible {
  border-color: var(--ax-field-border);
  background: var(--ax-control-hover);
  color: var(--admin-ink);
}
[data-admin-theme="dark"] .ax-aside-rail-nav__item:hover .bi,
[data-admin-theme="dark"] .ax-aside-rail-nav__item:focus-visible .bi { color: #b8c5d8; }
[data-admin-theme="dark"] .ax-aside-rail-nav__item.active {
  border-color: color-mix(in srgb, var(--admin-primary) 48%, var(--admin-surface));
  background: color-mix(in srgb, var(--admin-primary) 18%, var(--admin-surface));
  color: color-mix(in srgb, var(--admin-primary) 42%, #fff);
}
[data-admin-theme="dark"] .ax-aside-rail-nav__item.active .bi { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  .ax-aside-panel,
  .ax-aside-rail {
    transition-duration: 0.01ms !important;
  }
}
/* Compact semantic badges shared across all admin workspaces. */
.ax-badge { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: 999px; font-size: 10.5px; font-weight: 750; line-height: 1; white-space: nowrap; }
.ax-badge--gray { background: #eceef1; color: #475467; }
.ax-badge--green { background: #e6f6ec; color: #08875d; }
.ax-badge--amber { background: #fef3c7; color: #b45309; }
.ax-badge--red { background: #fee4e2; color: #b42318; }
.ax-badge--blue { background: var(--admin-primary-soft); color: var(--admin-primary-hover); }
.ax-badge--purple { background: #f1e8ff; color: #6d28d9; }
.ax-badge--cyan { background: #d9f8ff; color: #0e7490; }
.ax-badge--dot::before { content: ""; width: 6px; height: 6px; border-radius: 999px; background: currentColor; }

.ax-info-badge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 6px;
  min-width: 0;
}

.ax-info-badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 42px;
  padding: 6px 9px;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-radius: 8px;
  background: #f8fafc;
  color: #667085;
  font-size: 10.5px;
  line-height: 1.25;
}

.ax-info-badge strong {
  color: #344054;
  font-size: 12px;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.ax-info-badge[data-controller~="ax-tooltip"] {
  cursor: help;
}

.ax-info-badge:focus-visible {
  outline: 0;
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

[data-admin-theme="dark"] .ax-badge--gray { background: color-mix(in srgb, #64748b 22%, var(--admin-surface)); color: #cbd5e1; }
[data-admin-theme="dark"] .ax-badge--green { background: color-mix(in srgb, #16a34a 20%, var(--admin-surface)); color: #86efac; }
[data-admin-theme="dark"] .ax-badge--amber { background: color-mix(in srgb, #d97706 22%, var(--admin-surface)); color: #fcd34d; }
[data-admin-theme="dark"] .ax-badge--red { background: color-mix(in srgb, #dc2626 20%, var(--admin-surface)); color: #fca5a5; }
[data-admin-theme="dark"] .ax-badge--blue { background: color-mix(in srgb, var(--admin-primary) 24%, var(--admin-surface)); color: color-mix(in srgb, var(--admin-primary) 38%, #fff); }
[data-admin-theme="dark"] .ax-badge--purple { background: color-mix(in srgb, #7c3aed 22%, var(--admin-surface)); color: #d8b4fe; }
[data-admin-theme="dark"] .ax-badge--cyan { background: color-mix(in srgb, #0891b2 22%, var(--admin-surface)); color: #a5f3fc; }

[data-admin-theme="dark"] .ax-info-badge {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-info-badge strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-info-badge:focus-visible {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}
/* Structured validation and operational alerts shared by admin forms. */
.ax-alert {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: #fff;
  color: #475467;
  scroll-margin-top: calc(var(--ax-navbar-h, 52px) + var(--ax-contextbar-h, 42px) + 12px);
}

.ax-alert:focus-visible {
  outline: 2px solid var(--admin-primary);
  outline-offset: 2px;
}

.ax-alert--danger { border-color: #fecdd3; background: #fff5f6; color: #9f1239; }
.ax-alert--warning { border-color: #fde68a; background: #fffbeb; color: #92400e; }
.ax-alert__icon { display: inline-grid; width: 24px; height: 24px; flex: none; place-items: center; }
.ax-alert__content { flex: 1 1 auto; min-width: 0; }
.ax-alert__title { color: #1f2733; font-size: 13px; font-weight: 750; }
.ax-alert__list { margin: 5px 0 0; padding-left: 17px; font-size: 12.5px; }
.ax-alert__list li { overflow-wrap: anywhere; }
.ax-alert__groups { display: grid; gap: 8px; margin-top: 8px; }
.ax-alert__group { display: grid; gap: 3px; }
.ax-alert__group strong { color: #1f2733; font-size: 12px; font-weight: 800; }

[data-admin-theme="dark"] .ax-alert {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-alert:focus-visible {
  outline-color: var(--ax-dark-focus-border);
}

[data-admin-theme="dark"] .ax-alert :where(.ax-alert__title, .ax-alert__group strong) {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-alert--danger {
  border-color: var(--ax-dark-danger-border);
  background: var(--ax-dark-danger-surface);
  color: var(--ax-dark-danger-text);
}

[data-admin-theme="dark"] .ax-alert--warning {
  border-color: var(--ax-dark-warning-border);
  background: var(--ax-dark-warning-surface);
  color: var(--ax-dark-warning-text);
}

[data-admin-theme="dark"] :where(.ax-alert--danger, .ax-alert--warning) :where(.ax-alert__title, .ax-alert__group strong) {
  color: inherit;
}

@media (max-width: 639px) {
  .ax-alert {
    gap: 8px;
    padding: 10px;
  }

  .ax-alert__icon {
    width: 20px;
    height: 20px;
  }
}
/* Shared checkbox and switch controls for the admin design system.
 * Keep light and dark states together so every consumer receives the same
 * interaction contract. Screen-specific sizing may override this component. */
.ax-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  color: #344054;
  font-size: 13px;
  user-select: none;
}

.ax-check span {
  line-height: 1;
}

.ax-switch {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #344054;
  font-size: 13px;
  font-weight: 550;
  user-select: none;
}

.ax-switch__input,
.ax-field .ax-switch__input,
.ax-app .ax-switch__input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ax-switch__track {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 20px;
  flex: none;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #e7edf5;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
  transition: background .12s, border-color .12s, box-shadow .12s;
}

.ax-switch__track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .25);
  transition: transform .12s;
}

.ax-switch:hover .ax-switch__track {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
}

.ax-switch__input:checked + .ax-switch__track {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
}

.ax-switch:hover .ax-switch__input:checked + .ax-switch__track {
  border-color: var(--admin-primary-hover);
  background: var(--admin-primary-hover);
}

.ax-switch__input:checked + .ax-switch__track::after {
  transform: translateX(14px);
}

.ax-switch__input:focus-visible + .ax-switch__track {
  box-shadow: 0 0 0 2px rgba(54, 95, 143, .12), inset 0 1px 2px rgba(15, 23, 42, .08);
}

.ax-switch:has(.ax-switch__input:disabled) {
  cursor: not-allowed;
  color: #98a2b3;
}

.ax-switch__input:disabled + .ax-switch__track,
.ax-switch:hover .ax-switch__input:disabled + .ax-switch__track {
  border-color: #d8dee8;
  background: #f1f3f6;
  box-shadow: none;
  opacity: .72;
}

.ax-switch__input:disabled + .ax-switch__track::after {
  background: #c8d0dc;
  box-shadow: none;
}

.ax-switch--compact {
  justify-content: center;
}

.ax-switch--compact .ax-switch__track {
  width: 30px;
  height: 18px;
}

.ax-switch--compact .ax-switch__track::after {
  width: 12px;
  height: 12px;
}

.ax-switch--compact .ax-switch__input:checked + .ax-switch__track::after {
  transform: translateX(12px);
}

[data-admin-theme="dark"] .ax-switch,
[data-admin-theme="dark"] .ax-check {
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-switch__track {
  border-color: var(--ax-field-border);
  background: #34445b;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / .28);
}

[data-admin-theme="dark"] .ax-switch__track::after {
  background: #dce6f4;
  box-shadow: 0 1px 3px rgb(0 0 0 / .42);
}

[data-admin-theme="dark"] .ax-switch:hover .ax-switch__track {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface-hover);
}

[data-admin-theme="dark"] .ax-switch__input:checked + .ax-switch__track {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
}

[data-admin-theme="dark"] .ax-switch:hover .ax-switch__input:checked + .ax-switch__track {
  border-color: var(--admin-primary-hover);
  background: var(--admin-primary-hover);
}

[data-admin-theme="dark"] .ax-switch__input:focus-visible + .ax-switch__track {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 3px rgb(98 148 204 / .18), inset 0 1px 2px rgb(0 0 0 / .24);
}

[data-admin-theme="dark"] .ax-switch:has(.ax-switch__input:disabled) {
  color: var(--ax-dark-placeholder);
}

[data-admin-theme="dark"] .ax-switch__input:disabled + .ax-switch__track,
[data-admin-theme="dark"] .ax-switch:hover .ax-switch__input:disabled + .ax-switch__track {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-workspace);
  opacity: .72;
}

[data-admin-theme="dark"] .ax-switch__input:disabled + .ax-switch__track::after {
  background: var(--ax-dark-placeholder);
}

@media (prefers-reduced-motion: reduce) {
  .ax-switch__track,
  .ax-switch__track::after {
    transition: none;
  }
}
/* Shared toggle-chip contract. Scoped grids and workspaces may refine its density. */
.ax-toggle-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ax-chip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 6px;
}

.ax-chip-grid .ax-toggle-chip {
  gap: 8px;
  padding: 5px 10px;
  font-size: 12px;
}

.ax-chip-grid .ax-toggle-chip__input {
  width: 15px !important;
  height: 15px !important;
  border: 2px solid #d2d6db;
  border-radius: 4px;
  background-color: #fff;
  background-image: none;
  background-position: center;
  background-size: 11px 11px;
}

.ax-chip-grid .ax-toggle-chip__input:checked {
  border-color: var(--admin-primary) !important;
  background-color: var(--admin-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' d='M3 8l3.5 3.5L13 4'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-size: 11px 11px !important;
}

.ax-chip-grid__item { width: 100%; min-width: 0; }

.ax-chip-grid__item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-toggle-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  padding: 5px 12px 5px 7px;
  border: 1px solid #d2d6db;
  border-radius: 25px;
  background: #fff;
  color: #344054;
  font-size: 12.5px;
  font-weight: 650;
  cursor: pointer;
  transition: background var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              border-color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              box-shadow var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease);
}

.ax-toggle-chip--full {
  width: 100%;
}

.ax-chip-grid--inline {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.ax-toggle-chip:hover {
  border-color: #c5d3e3;
  background: #f8fafc;
}

.ax-toggle-chip__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Isolated toggles use a 32x18 switch; ax-chip-grid refines it to a checkbox. */
.ax-toggle-chip__input {
  flex: 0 0 auto;
  width: 32px !important;
  height: 18px !important;
  margin: 0 !important;
  border: 0;
  border-radius: 999px;
  appearance: none;
  background-color: #d2d6db;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='6.5' fill='white'/%3E%3C/svg%3E");
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  cursor: inherit;
  transition: background-color 150ms ease, background-position 150ms ease;
}

.ax-toggle-chip__box {
  display: none;
}

.ax-toggle-chip__input:checked {
  background-color: var(--admin-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='6.5' fill='white'/%3E%3C/svg%3E") !important;
  background-position: right 2px center !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
}

.ax-toggle-chip.is-checked,
.ax-toggle-chip:has(.ax-toggle-chip__input:checked) {
  border-color: var(--admin-primary) !important;
  background: var(--admin-primary-softer, #f1f5f9) !important;
  color: var(--admin-primary) !important;
}

.ax-toggle-chip.is-checked:hover,
.ax-toggle-chip:has(.ax-toggle-chip__input:checked):hover {
  border-color: var(--admin-primary-hover) !important;
  background: color-mix(in srgb, var(--admin-primary) 14%, #fff) !important;
  color: var(--admin-primary-hover) !important;
}

.ax-toggle-chip:has(.ax-toggle-chip__input:focus-visible),
.ax-toggle-chip:focus-within {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--admin-primary) 14%, transparent);
}

.ax-toggle-chip:has(.ax-toggle-chip__input:disabled) {
  cursor: not-allowed;
}

.ax-toggle-chip.is-disabled {
  cursor: not-allowed;
}

.ax-toggle-chip:has(.ax-toggle-chip__input:disabled:not(:checked)) {
  opacity: .62;
}

.ax-toggle-chip.is-checked:has(.ax-toggle-chip__input:disabled) {
  opacity: .82;
}

[data-admin-theme="dark"] .ax-toggle-chip {
  border-color: var(--ax-field-border);
  background: color-mix(in srgb, var(--admin-surface-header) 62%, var(--admin-surface));
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-toggle-chip:hover {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-toggle-chip.is-checked,
[data-admin-theme="dark"] .ax-toggle-chip:has(.ax-toggle-chip__input:checked) {
  border-color: color-mix(in srgb, var(--admin-primary) 62%, var(--ax-dark-border)) !important;
  background-color: color-mix(in srgb, var(--admin-primary) 24%, var(--ax-dark-surface-raised)) !important;
  background-image: none !important;
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] .ax-toggle-chip.is-checked:hover,
[data-admin-theme="dark"] .ax-toggle-chip:has(.ax-toggle-chip__input:checked):hover {
  border-color: #7eafe2 !important;
  background-color: #29476e !important;
  background-image: none !important;
  color: #f3f8ff !important;
}

[data-admin-theme="dark"] .ax-toggle-chip__input:not(:checked) {
  background-color: #43536b !important;
}

/* The dense grid has a more specific legacy contract in the main bundle. */
[data-admin-theme="dark"] .ax-chip-grid .ax-toggle-chip__input:not(:checked) {
  border-color: var(--ax-field-border);
  background-color: #43536b !important;
  background-image: none !important;
}

@media (max-width: 639px) {
  .ax-chip-grid {
    grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
  }

  .ax-toggle-chip {
    max-width: 100%;
    min-height: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-toggle-chip,
  .ax-toggle-chip__input {
    transition: none;
  }
}
/* Shared radio choices rendered as compact pills. */
.ax-radio-group {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.ax-radio-group + .ax-radio-group {
  margin-top: 8px;
}

.ax-radio-group__label {
  margin: 0 0 12px 0;
  color: #697586;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-radio-group__options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ax-radio-group__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid #d8e1ec;
  border-radius: 999px;
  background: #fff;
  color: #5f6f86;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  transition: border-color .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}

.ax-radio-group__item:hover {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
  color: var(--admin-ink);
}

.ax-radio-group__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ax-radio-group__mark {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border: 2px solid #9aa8ba;
  border-radius: 999px;
  background: #fff;
}

.ax-radio-group__item:has(.ax-radio-group__input:checked) {
  border-color: color-mix(in srgb, var(--admin-primary, #365f8f) 38%, #d8e1ec);
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 10%, #fff);
  color: var(--admin-primary, #365f8f);
}

.ax-radio-group__item:has(.ax-radio-group__input:checked) .ax-radio-group__mark {
  border-color: var(--admin-primary, #365f8f);
  background: var(--admin-primary, #365f8f);
  box-shadow: inset 0 0 0 3px #fff;
}

.ax-radio-group__item:has(.ax-radio-group__input:focus-visible) {
  box-shadow: 0 0 0 3px rgb(54 95 143 / .12);
}

.ax-radio-group__item:has(.ax-radio-group__input:disabled) {
  border-color: #d8dee8;
  background: #f1f3f6;
  color: #98a2b3;
  cursor: not-allowed;
  box-shadow: none;
  opacity: .78;
}

.ax-radio-group__input:disabled + .ax-radio-group__mark {
  border-color: #b8c2cf;
  background: #e4e8ee;
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-radio-group__label {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-radio-group__item {
  border-color: #3b4d68;
  background: #1b263a;
  color: #b6c2d4;
}

[data-admin-theme="dark"] .ax-radio-group__item:hover {
  border-color: #526b8c;
  background: #24344e;
  color: #e8eef7;
}

[data-admin-theme="dark"] .ax-radio-group__item:has(.ax-radio-group__input:checked) {
  border-color: #6294cc;
  background: #203a5c;
  color: #dcecff;
}

[data-admin-theme="dark"] .ax-radio-group__item:has(.ax-radio-group__input:disabled) {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-workspace);
  color: var(--ax-dark-placeholder);
}

[data-admin-theme="dark"] .ax-radio-group__input:disabled + .ax-radio-group__mark {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

@media (max-width: 639px) {
  .ax-radio-group__item {
    max-width: 100%;
    min-height: 30px;
  }

  .ax-radio-group__text { line-height: 1.2; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-radio-group__item { transition: none; }
}
.ax-progress {
  --ax-progress-color: var(--admin-primary);

  width: 100%;
  min-width: 0;
  height: 7px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--ab-line-soft, #e7ebf2);
}

.ax-progress > i,
.ax-progress__bar {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: var(--ax-progress-color);
  appearance: none;
}

.ax-progress__bar::-webkit-progress-bar {
  border-radius: inherit;
  background: transparent;
}

.ax-progress__bar::-webkit-progress-value {
  border-radius: inherit;
  background: var(--ax-progress-color);
}

.ax-progress__bar::-moz-progress-bar {
  border-radius: inherit;
  background: var(--ax-progress-color);
}

@keyframes ax-progress-running {
  from { background-position: 0 0; }
  to { background-position: 20px 0; }
}

.ax-progress__bar.is-running::-webkit-progress-value {
  background-color: var(--ax-progress-color);
  background-image: linear-gradient(45deg, rgb(255 255 255 / .18) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .18) 50%, rgb(255 255 255 / .18) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: ax-progress-running .8s linear infinite;
}

.ax-progress__bar.is-running::-moz-progress-bar {
  background-color: var(--ax-progress-color);
  background-image: linear-gradient(45deg, rgb(255 255 255 / .18) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .18) 50%, rgb(255 255 255 / .18) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: ax-progress-running .8s linear infinite;
}

.ax-progress--blue { --ax-progress-color: var(--admin-primary); }
.ax-progress--green { --ax-progress-color: #16a34a; }
.ax-progress--amber { --ax-progress-color: #d97706; }
.ax-progress--red { --ax-progress-color: #dc2626; }
.ax-progress--lg { height: 14px; }

[data-admin-theme="dark"] .ax-progress {
  background: var(--ax-dark-surface-hover);
}

@media (prefers-reduced-motion: reduce) {
  .ax-progress__bar.is-running::-webkit-progress-value {
    animation: none;
  }

  .ax-progress__bar.is-running::-moz-progress-bar {
    animation: none;
  }
}

@media (forced-colors: active) {
  .ax-progress {
    border: 1px solid CanvasText;
    background: Canvas;
    forced-color-adjust: none;
  }

  .ax-progress__bar::-webkit-progress-value {
    background: Highlight;
  }

  .ax-progress__bar::-moz-progress-bar {
    background: Highlight;
  }
}
/* Presentation-card manager used by the WhatsApp composer and quick replies. */
.pc-manager {
  display: grid;
  gap: 12px;
  max-height: min(62vh, 640px);
  padding: 14px;
  overflow-y: auto;
}

.pc-manager__list { display: grid; gap: 7px; }

.pc-item {
  min-width: 0;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--admin-surface);
}

.pc-item--system { background: var(--ax-panel-soft); }

.pc-item__row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 9px 10px;
}

.pc-item__icon {
  display: inline-grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border-radius: 7px;
  background: var(--admin-primary-soft);
  color: var(--admin-primary);
  font-size: 14px;
}

.pc-item__copy {
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}

.pc-item__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  color: var(--admin-ink);
  font-size: 12px;
  font-weight: 750;
}

.pc-item__preview {
  overflow: hidden;
  color: var(--ab-muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-item__panel {
  padding: 10px;
  border-top: 1px solid var(--ax-border-soft);
}

.pc-item__danger {
  display: flex;
  justify-content: flex-start;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px dashed var(--ax-border-soft);
}

.pc-item__delete { color: #b42318; }

.pc-item__delete:hover {
  background: #fef3f2;
  color: #912018;
}

.pc-item--new { border-style: dashed; }

.pc-item__new-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--admin-primary);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  transition: background var(--ax-motion-fast) var(--ax-motion-ease), box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.pc-item__new-trigger:hover { background: var(--admin-primary-softer); }

.pc-item__new-trigger:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--admin-primary-ring);
}

[data-admin-theme="dark"] .pc-item {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .pc-item--system { background: var(--ax-dark-surface-raised); }
[data-admin-theme="dark"] :where(.pc-item__panel, .pc-item__danger) { border-color: var(--ax-dark-border-soft); }
[data-admin-theme="dark"] .pc-item__label { color: var(--ax-dark-text); }
[data-admin-theme="dark"] .pc-item__preview { color: var(--ax-dark-text-muted); }

[data-admin-theme="dark"] .pc-item__delete:hover {
  background: var(--ax-dark-danger-surface);
  color: var(--ax-dark-danger-text);
}

[data-admin-theme="dark"] .pc-item__new-trigger:hover { background: var(--ax-dark-surface-hover); }

@media (max-width: 639px) {
  .pc-manager { max-height: min(70vh, 640px); padding: 10px; }
  .pc-item__row { align-items: flex-start; }
  .pc-item__preview { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-item__new-trigger { transition: none; }
}
/* Shared file input, upload control and progress indicators. */
.ax-file-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}

.ax-file-upload__input:focus-visible + .ax-upload-button {
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
  outline: none;
}

.ax-file-upload__input:disabled + .ax-upload-button {
  border-color: var(--ax-disabled-border, #d8dee8);
  background: var(--ax-disabled-bg, #f5f7fa);
  color: var(--ax-disabled-text, #98a2b3);
  cursor: not-allowed;
  box-shadow: none;
}

.ax-file-field__control {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  min-height: 34px;
  overflow: hidden;
  border: 1px solid var(--ax-field-border);
  border-radius: 7px;
  background: var(--ax-control-bg, #fff);
}

.ax-file-field__control:focus-within {
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-file-field__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}

.ax-file-field__button {
  display: inline-flex;
  height: 34px;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  border-right: 1px solid var(--ax-field-border);
  background: var(--ax-panel-soft, #f8fafc);
  color: #344054;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.ax-file-field__button:hover {
  background: var(--ax-control-hover, #f1f5f9);
  color: var(--admin-primary);
}

.ax-file-field__input:disabled + .ax-file-field__button {
  background: var(--ax-disabled-bg, #f5f7fa);
  color: var(--ax-disabled-text, #98a2b3);
  cursor: not-allowed;
}

.ax-file-field__filename {
  min-width: 0;
  overflow: hidden;
  padding: 0 11px;
  color: #697586;
  font-size: 12.5px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-upload-control {
  display: flex;
  min-height: var(--ax-form-control-height);
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
  margin: 0;
  overflow: hidden;
  border: 1px solid #cfd8e5;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
}

.ax-upload-button {
  height: calc(var(--ax-form-control-height) - 2px);
  min-height: 0;
  border: 0;
  border-right: 1px solid #d8dee8;
  border-radius: 0;
  background: #fff;
  color: #344054;
  font-weight: 750;
  justify-content: center;
}

.ax-upload-button:hover {
  background: #f8fafc;
  color: #172033;
}

.ax-upload-status {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 9px;
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-upload-progress__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}

.ax-upload-progress__bar {
  height: 6px;
  margin-top: 0;
}

.ax-upload-progress__fill--success {
  background: #16a34a !important;
}

.ax-upload-progress__fill--danger {
  background: #dc2626 !important;
}

[data-admin-theme="dark"] .ax-upload-progress__header {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-upload-control {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-upload-button {
  border-right-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: #c6d2e3;
}

[data-admin-theme="dark"] .ax-upload-button:hover,
[data-admin-theme="dark"] .ax-upload-button:focus-visible {
  background: var(--ax-dark-surface-hover);
  color: #fff;
}

[data-admin-theme="dark"] .ax-upload-status {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-file-upload__input:disabled + .ax-upload-button,
[data-admin-theme="dark"] .ax-file-field__input:disabled + .ax-file-field__button {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-file-field__control {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .ax-file-field__button {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-file-field__button:hover {
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-file-field__filename {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 620px) {
  .ax-file-field__control {
    grid-template-columns: minmax(0, 1fr);
  }

  .ax-file-field__button {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--ax-field-border);
  }

  .ax-file-field__filename {
    min-height: 32px;
    padding-block: 8px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
/* Shared uploaded/attached file list. Attachment previews may extend this
 * component within their own module without redefining its base contract. */
.ax-file-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ax-file-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-top: 1px solid var(--ax-form-border-soft);
}

.ax-file-list__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.ax-file-list__item:last-child {
  padding-bottom: 0;
}

.ax-file-list__main {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.ax-file-list__main > .bi {
  margin-top: 2px;
  color: var(--admin-primary);
}

.ax-file-list__content {
  min-width: 0;
}

.ax-file-list__title {
  display: inline-block;
  max-width: 100%;
  color: #244f86;
  font-size: 12.5px;
  font-weight: 800;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.ax-file-list__title:hover {
  text-decoration: underline;
}

.ax-file-list__title:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-file-list__meta,
.ax-file-list__error,
.ax-file-list__status {
  font-size: 11.5px;
  line-height: 1.3;
}

.ax-file-list__meta,
.ax-file-list__status {
  color: #697586;
}

.ax-file-list__error {
  color: #b42318;
}

.ax-file-list__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

.ax-file-list__item.is-confirming {
  align-items: flex-start;
  flex-wrap: wrap;
}

[data-admin-theme="dark"] .ax-file-list__item {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-file-list__title {
  color: var(--ax-dark-link);
}

[data-admin-theme="dark"] .ax-file-list__title:hover,
[data-admin-theme="dark"] .ax-file-list__title:focus-visible {
  color: #c6e2fb;
}

[data-admin-theme="dark"] :where(.ax-file-list__meta, .ax-file-list__status) {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-file-list__error {
  color: var(--ax-dark-danger-text);
}

@media (max-width: 620px) {
  .ax-file-list__item {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ax-file-list__main,
  .ax-file-list__status {
    width: 100%;
  }

  .ax-file-list__status {
    justify-content: flex-start;
    padding-left: 24px;
  }
}
/* Shared empty-result/empty-content presentation. */
.ax-empty-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 34px 16px;
  border: 1px dashed var(--ax-border);
  border-radius: 8px;
  background: #fff;
  color: #697586;
  text-align: center;
}

.ax-empty-state__icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-primary-soft);
  color: var(--admin-primary);
}

.ax-empty-state__title {
  margin: 0;
  color: #1f2733;
  font-size: 14px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.ax-empty-state__description {
  max-width: 420px;
  margin: 0;
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

.ax-empty-state__action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  margin-top: 4px;
}

.ax-empty-state--compact {
  gap: 6px;
  padding: 20px 12px;
  border: 0;
  background: transparent;
}

.ax-empty-state--compact .ax-empty-state__icon {
  width: 30px;
  height: 30px;
}

.ax-empty-state--compact .ax-empty-state__description {
  max-width: 52ch;
}

[data-admin-theme="dark"] .ax-empty-state {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-empty-state__icon {
  background: var(--ax-dark-info-surface);
  color: var(--ax-dark-info-text);
}

[data-admin-theme="dark"] .ax-empty-state__title {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-empty-state__description {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-empty-state--compact {
  background: transparent;
}

@media (max-width: 639px) {
  .ax-empty-state { padding: 26px 12px; }
  .ax-empty-state--compact { padding: 18px 10px; }
  .ax-empty-state__action > * { max-width: 100%; }
}
/* Shared compact metric grid and card. Dashboard/editor modules may extend it. */
.ax-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.ax-metric-card {
  min-width: 0;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 1px 2px rgb(16 24 40 / 0.05);
}

.ax-metric-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ax-metric-card__label {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.ax-metric-card__value {
  margin-top: 6px;
  color: #1f2733;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.ax-metric-card__hint {
  margin-top: 5px;
  color: #697586;
  font-size: 11.5px;
  overflow-wrap: anywhere;
}

.ax-metric-card > .ax-progress { margin-top: 8px; }

[data-admin-theme="dark"] .ax-metric-card {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-metric-card__value {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] :where(.ax-metric-card__label, .ax-metric-card__hint) {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 639px) {
  .ax-metric-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 6px;
  }

  .ax-metric-card { padding: 10px; }
  .ax-metric-card__value { margin-top: 5px; font-size: 19px; }
  .ax-metric-card__hint { margin-top: 4px; font-size: 11px; }
}
/* Dense audience workspace shared by imported recipients and unsubscribes. */
.ax-audience-workspace {
  display: grid;
  gap: 14px;
}

.ax-audience-workspace__summary {
  gap: 10px;
}

.ax-audience-workspace__summary--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ax-audience-workspace__summary--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ax-audience-workspace__filters {
  display: grid;
  gap: 10px;
  align-items: end;
  padding: 12px;
}

.ax-audience-workspace__filters--4 {
  grid-template-columns: 1.2fr .8fr 1.2fr auto;
}

.ax-audience-workspace__filters--5 {
  grid-template-columns: 1.1fr .8fr .8fr 1.2fr auto;
}

.ax-audience-workspace__actions,
.ax-audience-workspace__reenable {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.ax-audience-workspace__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 260px;
}

.ax-audience-workspace__tag {
  padding: 2px 8px;
  border: 1px solid #d8dee8;
  border-radius: 999px;
  color: #475467;
  font-size: 11px;
  font-weight: 750;
}

.ax-audience-workspace__muted,
.ax-audience-workspace__reason {
  color: #667085;
  font-size: 12px;
}

.ax-audience-workspace__reason {
  max-width: 260px;
  line-height: 1.25;
}

.ax-audience-workspace__reenable {
  gap: 6px;
}

.ax-audience-workspace__reenable .ax-control {
  width: 180px;
  height: 32px;
}

[data-admin-theme="dark"] .ax-audience-workspace__tag {
  border-color: var(--ax-dark-border);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] :where(.ax-audience-workspace__muted, .ax-audience-workspace__reason) {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 1100px) {
  .ax-audience-workspace__summary--4,
  .ax-audience-workspace__filters--5 {
    grid-template-columns: 1fr;
  }

  .ax-audience-workspace__filters--5 .ax-audience-workspace__actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  .ax-audience-workspace__summary--3,
  .ax-audience-workspace__filters--4 {
    grid-template-columns: 1fr;
  }

  .ax-audience-workspace__filters--4 .ax-audience-workspace__actions,
  .ax-audience-workspace__reenable {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
/* Shared inline feedback notice for every Rails and JavaScript consumer. */
.ax-inline-notice {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid var(--ax-form-border-soft, #d8e1ec);
  border-left-width: 3px;
  border-radius: 7px;
  background: #f8fafc;
  color: #475467;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
}

.ax-inline-notice--info {
  border-color: #365f8f;
  background: #eef4fb;
  color: #1f3b5c;
}

.ax-inline-notice--success {
  border-color: #16a34a;
  background: #ecfdf3;
  color: #15803d;
}

.ax-inline-notice--warning {
  border-color: #d97706;
  background: #fffbeb;
  color: #b45309;
}

.ax-inline-notice--danger {
  border-color: #dc2626;
  background: #fff1f0;
  color: #b42318;
}

.ax-inline-notice--neutral {
  border-color: #d8e1ec;
  background: #f8fafc;
  color: #475467;
}

:where(.ax-inline-notice--info, .ax-inline-notice--success, .ax-inline-notice--warning, .ax-inline-notice--danger, .ax-inline-notice--neutral) :where(i, strong) {
  color: inherit;
}

.ax-inline-notice i {
  color: var(--admin-primary, #365f8f);
}

.ax-inline-notice strong {
  color: #253044;
  font-weight: 850;
}

.ax-inline-notice__content {
  min-width: 0;
}

.ax-inline-notice__content--multiline {
  white-space: pre-line;
}

.ax-inline-notice + :where(.ax-inline-notice, .ax-field-grid, .ax-form-actions, .ax-status-list, .ax-table-responsive, form),
:where(.ax-field-grid, .ax-form-actions, .ax-status-list, .ax-table-responsive, form) + .ax-inline-notice {
  margin-top: 8px;
}

.ax-inline-notice--compact {
  min-height: 28px;
  gap: 6px;
  padding: 5px 7px;
  font-size: 11.5px;
}

.ax-inline-notice--compact > .bi { flex: 0 0 auto; }

[data-admin-theme="dark"] .ax-inline-notice {
  border-color: var(--ax-dark-border);
  background: #1b2a40;
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-inline-notice--warning {
  border-color: #715525 !important;
  background: #2b251b !important;
  color: #e5bd70 !important;
}

[data-admin-theme="dark"] .ax-inline-notice--warning :where(i, strong) {
  color: inherit !important;
}

[data-admin-theme="dark"] .ax-inline-notice--info {
  border-color: var(--ax-dark-info-border) !important;
  background: var(--ax-dark-info-surface) !important;
  color: var(--ax-dark-info-text) !important;
}

[data-admin-theme="dark"] .ax-inline-notice--success {
  border-color: var(--ax-dark-success-border) !important;
  background: var(--ax-dark-success-surface) !important;
  color: var(--ax-dark-success-text) !important;
}

[data-admin-theme="dark"] .ax-inline-notice--danger {
  border-color: var(--ax-dark-danger-border) !important;
  background: var(--ax-dark-danger-surface) !important;
  color: var(--ax-dark-danger-text) !important;
}

[data-admin-theme="dark"] :where(.ax-inline-notice--info, .ax-inline-notice--success, .ax-inline-notice--danger) :where(i, strong) {
  color: inherit !important;
}

@media (max-width: 639px) {
  .ax-inline-notice { align-items: flex-start; }
}
/* Shared compact record row. Feature modules may extend its inner layout. */
.ax-record-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--ax-border-soft, #e7ebf2);
  border-radius: 8px;
  background: #fff;
}

.ax-record-item__main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.ax-record-item:focus-within {
  border-color: var(--admin-primary, #365f8f);
  box-shadow: 0 0 0 3px var(--admin-primary-soft, #eef2f7);
}

.ax-record-item__icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-primary-soft, #eef2f7);
  color: var(--admin-primary, #365f8f);
  font-size: 12px;
  font-weight: 800;
}

.ax-record-item__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.ax-record-item__copy strong {
  overflow: hidden;
  color: #1f2733;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-record-item__copy span {
  overflow: hidden;
  color: #8a93a3;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-record-item__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.ax-record-item__body {
  min-width: 0;
  margin-top: 5px;
}

[data-admin-theme="dark"] .ax-record-item {
  border-color: var(--ax-dark-border-soft) !important;
  background: var(--ax-dark-surface) !important;
  color: var(--ax-dark-text) !important;
  box-shadow: none !important;
}

[data-admin-theme="dark"] .ax-record-item:focus-within {
  border-color: #4b6382 !important;
  background: #1d2c43 !important;
  box-shadow: 0 0 0 3px rgb(86 126 175 / 18%) !important;
}

[data-admin-theme="dark"] :where(.ax-record-item__title, .ax-record-item__copy strong) {
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] :where(.ax-record-item__meta, .ax-record-item__copy span) {
  color: #96a5ba !important;
}

[data-admin-theme="dark"] .ax-record-item__icon {
  background: #24344d !important;
  color: #91acc9 !important;
}

@media (max-width: 640px) {
  .ax-record-item {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ax-record-item__actions {
    width: 100%;
    padding-left: 42px;
    flex-wrap: wrap;
  }
}
.ax-status-list {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.ax-status-list__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ax-border-soft, #e7ebf2);
}

.ax-status-list__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ax-status-list__label,
.ax-status-list__value {
  min-width: 0;
  margin: 0;
}

.ax-status-list__label {
  color: var(--ax-text, #334155);
  font-size: 12px;
  line-height: 1.35;
}

.ax-status-list__value {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  text-align: right;
}

[data-admin-theme="dark"] .ax-status-list__row {
  border-bottom-color: var(--ax-dark-border-soft);
}

[data-admin-theme="dark"] .ax-status-list__label {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 480px) {
  .ax-status-list__row {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .ax-status-list__value {
    justify-content: flex-start;
    text-align: left;
  }
}
/* Shared modal shell used by quick-create, exports and operational dialogs. */
.ax-quick-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgb(15 23 42 / .42);
  overflow-y: auto;
}

.ax-quick-modal[hidden] {
  display: none;
}

.ax-quick-modal__panel {
  width: min(620px, calc(100vw - 32px));
  max-height: calc(100vh - 36px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 26px 70px rgb(15 23 42 / .24);
}

.ax-quick-modal--sm .ax-quick-modal__panel {
  width: min(460px, calc(100vw - 32px));
}

.ax-quick-modal--md .ax-quick-modal__panel {
  width: min(620px, calc(100vw - 32px));
}

.ax-quick-modal--lg .ax-quick-modal__panel {
  width: min(920px, calc(100vw - 32px));
}

.ax-quick-modal--xl .ax-quick-modal__panel {
  width: min(1500px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
}

.ax-quick-modal--fullscreen,
#leadStatusBoardModal.ax-quick-modal {
  align-items: stretch;
  justify-content: stretch;
  padding: 0 !important;
  background: var(--admin-surface, #fff);
  overflow: hidden;
}

.ax-quick-modal--fullscreen .ax-quick-modal__panel,
#leadStatusBoardModal .ax-quick-modal__panel {
  width: 100vw !important;
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ax-quick-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 14px;
  border-bottom: 1px solid var(--ax-border-soft, #d8dee8);
  background: var(--admin-header-color, #eef2f7);
}

.ax-quick-modal__title {
  margin: 0;
  color: var(--admin-ink, #1f2733);
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0;
}

.ax-quick-modal__title-icon {
  color: var(--admin-primary, #365f8f);
}

.ax-quick-modal__body {
  min-height: 0;
  overflow-y: auto;
  padding: 14px;
}

#leadStatusBoardModal .ax-quick-modal__body {
  overflow-x: hidden;
  padding: 14px 18px 96px;
}

.ax-quick-modal__form {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.ax-quick-modal__grid {
  min-width: 0;
}

.ax-quick-modal .ax-control {
  height: 34px;
  padding: 6px 10px;
}

.ax-quick-modal__error {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 0 0 10px;
  padding: 7px 9px;
  border: 1px solid #fecdca;
  border-radius: 7px;
  background: #fffbfa;
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.ax-quick-modal__error[hidden] {
  display: none;
}

.ax-quick-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  flex: 0 0 auto;
  padding: 12px 14px;
  border-top: 1px solid var(--ax-border-soft, #d8dee8);
  background: #fff;
}

[data-admin-theme="dark"] .ax-quick-modal {
  background: rgb(3 8 18 / .72);
  color-scheme: dark;
}

[data-admin-theme="dark"] .ax-quick-modal__panel {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  box-shadow: 0 26px 70px rgb(0 0 0 / .48);
}

[data-admin-theme="dark"] :where(.ax-quick-modal__header, .ax-quick-modal__footer) {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .ax-quick-modal__body {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-quick-modal__title {
  color: var(--ax-dark-text);
}

/* Keep the shared close action inside the dark surface even when a legacy
   button rule is loaded after the modal component. */
[data-admin-theme="dark"] .ax-quick-modal .ax-icon-btn {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface-raised) !important;
  color: var(--ax-dark-text-soft) !important;
}

[data-admin-theme="dark"] .ax-quick-modal .ax-icon-btn:hover,
[data-admin-theme="dark"] .ax-quick-modal .ax-icon-btn:focus-visible {
  border-color: var(--ax-field-hover) !important;
  background: var(--ax-control-hover) !important;
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] .ax-quick-modal__error {
  border-color: var(--ax-dark-danger-border);
  background: var(--ax-dark-danger-surface);
  color: var(--ax-dark-danger-text);
}

[data-admin-theme="dark"] .ax-quick-modal--fullscreen .ax-quick-modal__panel,
[data-admin-theme="dark"] #leadStatusBoardModal .ax-quick-modal__panel {
  border: 0;
  box-shadow: none;
}
/* Compact task modal used by lead, WhatsApp and task-list quick actions. */
.task-form-modal .ax-quick-modal__panel {
  width: min(520px, calc(100vw - 28px));
  max-height: min(720px, calc(100dvh - 28px));
  border-radius: 8px;
}

.task-form-modal .ax-quick-modal__header {
  min-height: 52px;
  padding-inline: 16px;
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
}

.task-form-modal .ax-quick-modal__title {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

.task-form-modal .ax-quick-modal__title-icon {
  font-size: 16px;
}

.task-form-modal .ax-quick-modal__body {
  padding: 16px;
}

.task-form-modal__form {
  display: grid;
  min-width: 0;
  gap: 12px;
}

.task-form-modal__lead {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--admin-ink, #1f2733);
}

.task-form-modal__lead-label {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.task-form-modal__lead strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.task-form-modal__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.task-form-modal__field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.task-form-modal__field--full {
  grid-column: 1 / -1;
}

.task-form-modal .ax-label {
  margin: 0;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.task-form-modal :where(.ax-control, input[type="datetime-local"], select, textarea) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 13px;
}

.task-form-modal textarea.ax-control {
  min-height: 96px;
}

.task-form-modal__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin: 4px -16px -16px;
  padding: 12px 16px;
  border-top: 1px solid var(--ax-border-soft, #d8dee8);
  background: #fff;
}

@media (max-width: 620px) {
  .task-form-modal {
    align-items: flex-start;
    padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));
  }

  .task-form-modal .ax-quick-modal__panel {
    width: 100%;
    max-height: calc(100dvh - 28px);
  }

  .task-form-modal .ax-quick-modal__header {
    min-height: 48px;
    padding-inline: 14px;
  }

  .task-form-modal .ax-quick-modal__body {
    padding: 14px;
  }

  .task-form-modal__grid {
    grid-template-columns: 1fr;
  }

  .task-form-modal__actions {
    margin: 2px -14px -14px;
    padding: 12px 14px;
  }

  .task-form-modal__actions .ax-btn {
    flex: 1 1 132px;
  }
}

[data-admin-theme="dark"] .task-form-modal .ax-quick-modal__header {
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .task-form-modal__lead {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .task-form-modal__lead-label,
[data-admin-theme="dark"] .task-form-modal .ax-label {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .task-form-modal__actions {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
}
/* Lead-scoped proposal modal used by desktop and PWA actions. */
.proposal-form-modal .ax-quick-modal__panel {
  width: min(640px, calc(100vw - 28px));
  max-height: min(760px, calc(100dvh - 28px));
  border-radius: 8px;
}

.proposal-form-modal .ax-quick-modal__header {
  min-height: 52px;
  padding-inline: 16px;
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
}

.proposal-form-modal .ax-quick-modal__title {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

.proposal-form-modal .ax-quick-modal__title-icon {
  font-size: 16px;
}

.proposal-form-modal .ax-quick-modal__body {
  padding: 16px;
}

.proposal-form-modal__lead {
  display: grid;
  gap: 2px;
  min-width: 0;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--admin-ink, #1f2733);
}

.proposal-form-modal__lead-label {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.proposal-form-modal__lead strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proposal-form--embedded {
  display: grid;
  min-width: 0;
  gap: 12px;
}

.proposal-form-modal__fields {
  min-width: 0;
}

.proposal-form-modal .ax-field-grid {
  gap: 10px;
}

.proposal-form-modal .ax-label {
  margin: 0;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.proposal-form-modal :where(.ax-control, select, textarea) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 13px;
}

.proposal-form-modal textarea.ax-control {
  min-height: 104px;
}

.proposal-form-modal__footer {
  margin: 4px -16px -16px;
  padding: 12px 16px;
}

@media (max-width: 620px) {
  .proposal-form-modal {
    align-items: flex-start;
    padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));
  }

  .proposal-form-modal .ax-quick-modal__panel {
    width: 100%;
    max-height: calc(100dvh - 28px);
  }

  .proposal-form-modal .ax-quick-modal__header {
    min-height: 48px;
    padding-inline: 14px;
  }

  .proposal-form-modal .ax-quick-modal__body {
    padding: 14px;
  }

  .proposal-form-modal__footer {
    margin: 2px -14px -14px;
    padding: 12px 14px;
  }

  .proposal-form-modal__footer .ax-btn {
    flex: 1 1 132px;
  }
}

[data-admin-theme="dark"] .proposal-form-modal .ax-quick-modal__header {
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .proposal-form-modal__lead {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .proposal-form-modal__lead-label,
[data-admin-theme="dark"] .proposal-form-modal .ax-label {
  color: var(--ax-dark-text-muted);
}
/* Wrapper and clear action shared by text, number, date and select fields. */
.ax-clearable-control {
  position: relative;
  display: block;
  min-width: 0;
}

.ax-clearable-control > .ax-control {
  width: 100%;
  padding-right: 2rem !important;
}

.ax-clearable-control > .form-select {
  width: 100%;
  padding-right: 2rem !important;
}

.ax-clearable-control--select .ax-clearable-control__button,
.ax-clearable-control--number .ax-clearable-control__button,
.ax-clearable-control--date .ax-clearable-control__button {
  right: 1.7rem;
}

.ax-clearable-control--multiline .ax-clearable-control__button {
  top: .42rem;
  transform: none;
}

.ax-clearable-control__button {
  position: absolute;
  top: 50%;
  right: .36rem;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #8a96a8;
  font-size: .95rem;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: .72;
  transition:
    background-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    opacity var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.ax-clearable-control__button:hover,
.ax-clearable-control__button:focus-visible {
  background: #eef3f8;
  color: var(--admin-primary, #365f8f);
  opacity: 1;
  outline: none;
}

.ax-clearable-control__button:focus-visible {
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-clearable-control__button[hidden] {
  display: none !important;
}

[data-admin-theme="dark"] .ax-clearable-control__button {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-clearable-control__button:hover,
[data-admin-theme="dark"] .ax-clearable-control__button:focus-visible {
  background: var(--ax-control-hover);
  color: var(--ax-dark-link);
}

@media (prefers-reduced-motion: reduce) {
  .ax-clearable-control__button {
    transition: none;
  }
}
.ax-color-control {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  height: 34px;
  min-height: 34px;
  overflow: hidden;
  border: 1px solid var(--ax-field-border);
  border-radius: 7px;
  background: var(--ax-control-bg, #fff);
  transition: border-color var(--ax-motion-fast) var(--ax-motion-ease), box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-color-control:hover {
  border-color: var(--ax-field-hover);
}

.ax-color-control:focus-within {
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-color-control__swatch {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  min-height: 0 !important;
  margin: -1px;
  padding: 0;
  border: 0 !important;
  border-right: 1px solid var(--ax-field-border) !important;
  border-radius: 0 !important;
  background: var(--ax-control-bg, #fff) !important;
  box-shadow: none !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.ax-color-field.ax-field input[type="color"] {
  margin: -1px;
  padding: 0;
}

.ax-color-control__swatch::-webkit-color-swatch-wrapper {
  height: 100%;
  padding: 0;
}

.ax-color-control__swatch::-webkit-color-swatch,
.ax-color-control__swatch::-moz-color-swatch {
  border: 0;
  border-radius: 0;
}

.ax-color-control__text {
  width: 100%;
  height: 34px;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 .75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ax-control-bg, #fff) !important;
  color: var(--admin-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 13px;
  font-weight: 650;
  text-transform: uppercase;
  box-shadow: none !important;
}

.ax-color-control__swatch:disabled,
.ax-color-control__text:disabled {
  cursor: not-allowed;
  opacity: .58;
}

[data-admin-theme="dark"] .ax-color-control,
[data-admin-theme="dark"] .ax-color-control__text,
[data-admin-theme="dark"] .ax-color-control__swatch {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface) !important;
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] .ax-color-control:hover {
  border-color: var(--ax-dark-focus-border) !important;
}

[data-admin-theme="dark"] .ax-color-control:focus-within {
  border-color: var(--ax-dark-focus-border) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-dark-focus-border) 35%, transparent);
}

@media (max-width: 420px) {
  .ax-color-control {
    grid-template-columns: 72px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-color-control {
    transition: none;
  }
}
.ax-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 360px);
  gap: 1rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: 1rem;
  scroll-snap-type: x proximity;
}

.ax-board--dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

.ax-board__column {
  display: flex;
  flex-direction: column;
  min-height: 520px;
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid var(--ab-line-soft, #e7ebf2);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgb(16 24 40 / .04);
}

.ax-board__col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 40px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--ab-line-soft, #e7ebf2);
  border-top: 3px solid var(--ax-board-column-color, transparent);
  background: color-mix(in srgb, var(--ax-board-column-color, #f8fafc) 7%, #f8fafc);
  border-radius: 12px 12px 0 0;
}

.ax-board__col-heading { min-width: 0; }

.ax-board__col-head .ax-board__col-title {
  margin: 0;
  color: var(--ab-ink, #202a37);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-board__col-eyebrow {
  display: block;
  margin-bottom: 2px;
  color: var(--ab-muted, #657386);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-board__col-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 22px;
  height: 22px;
  padding: 0 .42rem;
  border-radius: 999px;
  background: #edf2f7;
  color: #64748b;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
}

.ax-board__col-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .85rem;
  padding: .85rem;
  transition: background-color .14s ease, box-shadow .14s ease;
}

.ax-board__empty {
  padding: 1rem;
  border: 1px dashed var(--ab-field-border, #cfd8e5);
  border-radius: 10px;
  color: var(--ab-muted, #657386);
  font-size: .9rem;
  text-align: center;
}

.ax-board__col-body:has(.ax-board__card) .ax-board__empty { display: none; }

.ax-board__card {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: .85rem;
  background: var(--ab-panel, #fbfcfe);
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 10px;
  box-shadow: 0 8px 22px rgb(15 23 42 / .08);
  cursor: grab;
  transition: opacity .15s ease, transform .15s ease, box-shadow .15s ease;
}

.ax-board__card-handle:active { cursor: grabbing; }

.ax-board__card-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .35rem;
  min-width: 0;
}

.ax-board__card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  min-width: 0;
}

.ax-board__card-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--ab-ink, #202a37);
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ax-board__card-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: -3px -5px 0 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: grab;
  pointer-events: none;
  touch-action: none;
}

.ax-board__card-handle:hover {
  background: var(--admin-primary-softer, #f3f7fb);
  color: var(--admin-primary, #365f8f);
}

.ax-board__card-top > .ax-badge,
.ax-board__card-badge {
  align-self: flex-start;
  max-width: 100%;
}

.ax-board__card-lines {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.ax-board__card-line {
  display: flex;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  color: var(--ab-muted, #657386);
  font-size: .84rem;
}

.ax-board__card-line i {
  flex: 0 0 auto;
  color: #9aa6b6;
}

.ax-board__card-line span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-board__card-section {
  padding-top: .55rem;
  border-top: 1px solid var(--ab-line-soft, #e7ebf2);
  font-size: .86rem;
}

.ax-board__card-section--labels { padding-top: 2px; }
.ax-board__card-section--muted { color: var(--ab-muted, #657386); }

.lead-kanban-card__qualification {
  display: grid;
  gap: .45rem;
}

.lead-kanban-card__qualification.is-saving {
  opacity: .68;
  pointer-events: none;
}

.lead-kanban-card__qualification-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  color: var(--ab-ink, #202a37);
  font-size: .76rem;
  font-weight: 850;
}

.lead-kanban-card__qualification-alert {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 .45rem;
  border: 1px solid #fedf89;
  border-radius: 999px;
  background: #fffaeb;
  color: #b54708;
  font-size: .68rem;
  font-weight: 850;
}

.lead-kanban-card__qualification-options {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}

.lead-kanban-card__qualification-btn {
  min-height: 26px;
  padding: 0 .5rem;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 999px;
  background: #fff;
  color: var(--ab-muted, #657386);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
}

.lead-kanban-card__qualification-btn:hover {
  border-color: var(--admin-primary-ring, #b7c6da);
  color: var(--admin-primary, #365f8f);
}

.lead-kanban-card__qualification-btn.is-selected {
  border-color: var(--admin-primary, #365f8f);
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 10%, #fff);
  color: var(--admin-primary, #365f8f);
}

.lead-kanban-card__qualification-note {
  width: 100%;
  min-height: 30px;
  padding: .25rem .45rem;
  border: 1px solid var(--ab-field-border, #cfd8e5);
  border-radius: 6px;
  background: #fff;
  color: var(--ab-ink, #202a37);
  font-size: .76rem;
  font-weight: 700;
}

.lead-kanban-card__qualification-note:focus {
  border-color: var(--admin-primary, #365f8f);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--admin-primary, #365f8f) 15%, transparent);
  outline: 0;
}

.ax-board__card-link {
  color: var(--admin-primary, #365f8f);
  font-weight: 600;
  text-decoration: none;
}

.ax-board__card-link:hover { text-decoration: underline; }

.ax-board__card-link:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-board__card-subtle {
  color: var(--ab-muted, #657386);
  font-size: .78rem;
}

.ax-board__card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

.ax-board__card-date { color: var(--ab-muted, #657386); }
.ax-board__card-mobile { display: none; }

.ax-board__card-mobile-label {
  display: block;
  margin-bottom: .25rem;
  color: var(--ab-ink, #202a37);
  font-size: .76rem;
  font-weight: 700;
}

[data-admin-theme="dark"] .ax-board__column {
  border-color: var(--ax-border-soft);
  background: var(--admin-surface);
  box-shadow: 0 2px 8px rgb(0 0 0 / .22);
}

[data-admin-theme="dark"] .ax-board__col-head {
  border-bottom-color: var(--ax-border-soft);
  background: color-mix(in srgb, var(--admin-surface-header) 72%, var(--admin-surface));
}

[data-admin-theme="dark"] .ax-board__col-title,
[data-admin-theme="dark"] .ax-board__card-title,
[data-admin-theme="dark"] .ax-board__card-mobile-label { color: var(--admin-ink); }

[data-admin-theme="dark"] .ax-board__col-eyebrow,
[data-admin-theme="dark"] .ax-board__card-line,
[data-admin-theme="dark"] .ax-board__card-subtle,
[data-admin-theme="dark"] .ax-board__card-date,
[data-admin-theme="dark"] .ax-board__card-section--muted { color: var(--ab-muted); }

[data-admin-theme="dark"] .ax-board__col-count {
  background: color-mix(in srgb, var(--admin-primary) 14%, var(--admin-surface));
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-board__card {
  border-color: var(--ax-border-soft);
  background: color-mix(in srgb, var(--admin-surface-header) 30%, var(--admin-surface));
  box-shadow: 0 6px 18px rgb(0 0 0 / .22);
}

[data-admin-theme="dark"] .ax-board__card-section { border-color: var(--ax-border-soft); }
[data-admin-theme="dark"] .ax-board__card-handle { color: var(--ab-muted); }

@media (max-width: 991.98px) {
  .ax-board {
    grid-auto-columns: minmax(84vw, 86vw);
    -webkit-overflow-scrolling: touch;
    padding-inline: 7vw;
    scroll-padding-inline: 7vw;
    scroll-snap-type: x mandatory;
  }

  .ax-board--dragging { scroll-snap-type: none; }

  .ax-board__column {
    min-height: 420px;
    scroll-snap-align: center;
  }

  .ax-board__card { cursor: grab; }
  .ax-board__card-mobile { display: block; }

  .ax-board__card-handle {
    width: 34px;
    height: 34px;
    margin-top: -5px;
    margin-right: -7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-board__col-body,
  .ax-board__card { transition: none; }
}
.lead-labels-chips {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 100%;
}

.lead-label-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
  box-shadow: inset 0 0 0 1.5px currentColor;
}

.lead-label-chip--gray   { color: #475467; background: #eceef1; }
.lead-label-chip--green  { color: #08875d; background: #e6f6ec; }
.lead-label-chip--amber  { color: #b45309; background: #fef3c7; }
.lead-label-chip--red    { color: #b42318; background: #fee4e2; }
.lead-label-chip--blue   { color: var(--admin-primary-hover); background: var(--admin-primary-soft); }
.lead-label-chip--purple { color: #6d28d9; background: #f1e8ff; }
.lead-label-chip--cyan   { color: #0e7490; background: #d9f8ff; }

.lead-label-chip--custom {
  color: var(--label-color, #475467);
  background: color-mix(in srgb, var(--label-color, #667085) 14%, #fff);
}

[data-admin-theme="dark"] .lead-label-chip--gray {
  color: #cbd5e1;
  background: color-mix(in srgb, #94a3b8 16%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--green {
  color: #86efac;
  background: color-mix(in srgb, #22c55e 16%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--amber {
  color: #fcd34d;
  background: color-mix(in srgb, #f59e0b 16%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--red {
  color: #fda4af;
  background: color-mix(in srgb, #f43f5e 16%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--blue {
  color: #93c5fd;
  background: color-mix(in srgb, var(--admin-primary) 24%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--purple {
  color: #c4b5fd;
  background: color-mix(in srgb, #8b5cf6 18%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--cyan {
  color: #67e8f9;
  background: color-mix(in srgb, #06b6d4 17%, var(--admin-surface));
}

[data-admin-theme="dark"] .lead-label-chip--custom {
  color: color-mix(in srgb, var(--label-color, #cbd5e1) 58%, #fff);
  background: color-mix(in srgb, var(--label-color, #667085) 20%, var(--admin-surface));
}

@media (max-width: 420px) {
  .lead-label-chip {
    padding-inline: 7px;
    white-space: normal;
  }
}
.ax-team-toggle {
  flex: 0 0 auto;
  max-width: 100%;
  text-decoration: none;
}

.ax-team-toggle .ax-toggle-chip__box {
  display: inline-grid;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  place-items: center;
  border-radius: 5px;
  background: var(--admin-primary-softer, #f1f5f9);
  color: var(--admin-primary);
  font-size: 11px;
}

.ax-team-toggle:focus-visible {
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-team-toggle.is-checked .ax-toggle-chip__box {
  background: var(--admin-primary);
  color: var(--admin-primary-fg, #fff);
}

[data-admin-theme="dark"] .ax-team-toggle .ax-toggle-chip__box {
  background: color-mix(in srgb, var(--admin-primary) 18%, var(--admin-surface));
  color: #93c5fd;
}

[data-admin-theme="dark"] .ax-team-toggle.is-checked .ax-toggle-chip__box {
  background: color-mix(in srgb, var(--admin-primary) 72%, #fff);
  color: #fff;
}

@media (max-width: 420px) {
  .ax-team-toggle {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-team-toggle { transition: none; }
}
/* Inline destructive confirmation shared by forms and record actions. */
.ax-confirm-submit {
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: middle;
}

.ax-confirm-submit__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: 1 0 100%;
  min-width: 0;
  margin-top: 6px;
  padding: 7px 9px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7f7;
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 800;
  animation: ax-confirm-submit-enter var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-confirm-submit__message {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ax-confirm-submit__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

.ax-confirm-submit__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #cbd8e8;
  border-radius: 7px;
  background: #fff;
  color: #354052;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.ax-confirm-submit__btn:hover,
.ax-confirm-submit__btn:focus-visible {
  border-color: var(--admin-primary-ring);
  background: var(--admin-primary-softer);
  color: var(--admin-primary);
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 1px;
}

.ax-confirm-submit__btn--danger {
  border-color: #fca5a5;
  background: #fff;
  color: #b42318;
}

.ax-confirm-submit__btn--danger:hover,
.ax-confirm-submit__btn--danger:focus-visible {
  border-color: #ef4444;
  background: #fee2e2;
  color: #991b1b;
}

.ax-confirm-submit__btn:disabled {
  cursor: wait;
  opacity: .62;
}

[data-admin-theme="dark"] .ax-confirm-submit__panel {
  border-color: color-mix(in srgb, #ef4444 48%, var(--ax-dark-border));
  background: color-mix(in srgb, #7f1d1d 24%, var(--ax-dark-surface-raised));
  color: #fecaca;
}

[data-admin-theme="dark"] .ax-confirm-submit__btn {
  border-color: var(--ax-dark-border);
  background: var(--ax-control-bg);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-confirm-submit__btn:hover,
[data-admin-theme="dark"] .ax-confirm-submit__btn:focus-visible {
  border-color: var(--admin-primary);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-confirm-submit__btn--danger:hover,
[data-admin-theme="dark"] .ax-confirm-submit__btn--danger:focus-visible {
  border-color: #ef4444;
  background: color-mix(in srgb, #dc2626 22%, var(--ax-control-bg));
  color: #fecaca;
}

@keyframes ax-confirm-submit-enter {
  from { opacity: 0; transform: translateY(-2px); }
}

@media (max-width: 640px) {
  .ax-confirm-submit__panel {
    align-items: stretch;
    flex-direction: column;
  }

  .ax-confirm-submit__actions,
  .ax-confirm-submit__btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-confirm-submit__panel { animation: none; }
}
/* Shared composite control: prefix/suffix, controls, clearable fields and buttons. */
.ax-input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  isolation: isolate;
}

.ax-input-group > .ax-control,
.ax-input-group > .form-control,
.ax-input-group > .form-select,
.ax-input-group > .ts-wrapper,
.ax-input-group > .ax-clearable-control {
  flex: 1 1 auto;
  min-width: 0;
  width: 1% !important;
}

.ax-input-group > :not(:first-child) {
  margin-left: -1px;
}

.ax-input-group > .ax-control:not(:first-child),
.ax-input-group > .form-control:not(:first-child),
.ax-input-group > .form-select:not(:first-child),
.ax-input-group > .ax-clearable-control:not(:first-child) .ax-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ax-input-group > .ax-control:not(:last-child),
.ax-input-group > .form-control:not(:last-child),
.ax-input-group > .form-select:not(:last-child),
.ax-input-group > .ax-clearable-control:not(:last-child) .ax-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ax-input-group > .ax-control:focus,
.ax-input-group > .form-control:focus,
.ax-input-group > .form-select:focus,
.ax-input-group > .ax-clearable-control:focus-within {
  position: relative;
  z-index: 2;
}

.ax-input-group__addon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: var(--ax-form-control-height);
  min-height: var(--ax-form-control-height);
  padding: 0 10px;
  border: 1px solid var(--ax-field-border);
  background: #f8fafc;
  color: #697586;
  font-weight: 760;
  transition: border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
              background-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
              color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease);
}

.ax-input-group--sm .ax-input-group__addon {
  padding-inline: 8px;
  font-size: 12px;
}

.ax-input-group:focus-within .ax-input-group__addon {
  border-color: var(--ax-field-focus);
}

.ax-input-group:has(:disabled) .ax-input-group__addon,
.ax-input-group:has([readonly]) .ax-input-group__addon {
  border-color: var(--ax-border-soft, #d8dee8);
  background: #f3f5f8;
  color: #7b8493;
}

.ax-input-group__addon:first-child {
  border-top-left-radius: var(--ax-form-control-radius);
  border-bottom-left-radius: var(--ax-form-control-radius);
  border-right: 0;
}

.ax-input-group__addon:last-child {
  border-top-right-radius: var(--ax-form-control-radius);
  border-bottom-right-radius: var(--ax-form-control-radius);
  border-left: 0;
}

.ax-input-group__addon:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.ax-input-group__icon--whatsapp {
  color: #16a34a;
}

[data-admin-theme="dark"] :where(.ax-input-group__addon, .ax-input-group__prefix, .ax-input-group__suffix) {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface-raised) !important;
  color: var(--ax-dark-text-soft) !important;
}

[data-admin-theme="dark"] .ax-input-group__icon--whatsapp {
  color: #4ade80;
}

[data-admin-theme="dark"] .ax-input-group:focus-within .ax-input-group__addon {
  border-color: var(--ax-dark-focus-border) !important;
  background: var(--ax-dark-focus-surface) !important;
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] .ax-input-group:has(:disabled) .ax-input-group__addon,
[data-admin-theme="dark"] .ax-input-group:has([readonly]) .ax-input-group__addon {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface) !important;
  color: var(--ax-dark-text-muted) !important;
}

[data-admin-theme="dark"] .ax-input-group > .ax-btn.ax-btn--ghost {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface-raised) !important;
  color: #aebbd0 !important;
  box-shadow: none !important;
}

[data-admin-theme="dark"] .ax-input-group > .ax-btn.ax-btn--ghost:hover,
[data-admin-theme="dark"] .ax-input-group > .ax-btn.ax-btn--ghost:focus-visible {
  border-color: var(--ax-dark-focus-border) !important;
  background: var(--ax-dark-focus-surface) !important;
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  .ax-input-group__addon {
    transition: none;
  }
}
/* Shared form label with optional tooltip trigger. */
.ax-field-label-wrap {
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
}

.ax-field-label {
  display: inline-flex;
  align-items: flex-start;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: #667085;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .018em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ax-field-label__text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ax-field-label__info {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #8a99ad;
  font-size: 12px;
  line-height: 1;
  cursor: help;
}

.ax-field-label__info:hover,
.ax-field-label__info:focus-visible {
  color: var(--admin-primary);
  outline: none;
}

.ax-field-label__info:focus-visible {
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-field-label[aria-disabled="true"],
.ax-field-label.is-disabled {
  color: var(--ax-disabled-text, #98a2b3);
  cursor: not-allowed;
}

[data-admin-theme="dark"] .ax-field-label {
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-field-label__info {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-field-label__info:hover,
[data-admin-theme="dark"] .ax-field-label__info:focus-visible {
  color: var(--ax-dark-link);
}

[data-admin-theme="dark"] :where(.ax-field-label[aria-disabled="true"], .ax-field-label.is-disabled) {
  color: var(--ax-dark-text-muted);
}
/* Shared field wrapper, legacy label and neutral supporting hint. */
.ax-field {
  min-width: 0;
}

.ax-field__label {
  display: block;
  margin-bottom: 5px;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

.ax-field__hint {
  margin: 5px 0 0;
  color: #697586;
  font-size: 11.5px;
  line-height: 1.35;
}

.ax-field__hint--steps {
  margin: 0;
  padding-left: 18px;
  line-height: 1.6;
}

.ax-field__hint--steps-spacious {
  line-height: 1.7;
}

[data-admin-theme="dark"] .ax-field__label {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-field__hint {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-field__error {
  color: var(--ax-dark-danger-text);
}

[data-admin-theme="dark"] :where(
  .ax-control.is-invalid,
  .ax-field input.is-invalid,
  .ax-field select.is-invalid,
  .ax-field textarea.is-invalid
) {
  border-color: var(--ax-dark-danger-border) !important;
}

[data-admin-theme="dark"] :where(
  .ax-control.is-invalid:focus,
  .ax-field input.is-invalid:focus,
  .ax-field select.is-invalid:focus,
  .ax-field textarea.is-invalid:focus
) {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-dark-danger-text) 20%, transparent) !important;
}

/* Compact validation/status pills used by dense forms. */
[data-admin-theme="dark"] .habitation-form-ui .ax-field-status {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .habitation-form-ui .ax-field-status--success {
  border-color: #24734f;
  background: #123c2c;
  color: #8ce8b9;
}

[data-admin-theme="dark"] .habitation-form-ui .ax-field-status--danger {
  border-color: #8b3a42;
  background: #471e27;
  color: #ffabb2;
}
/* Shared compact grouping for related fields inside operational forms. */
.ax-field-group {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: 6px;
}

.ax-field-group--panel {
  padding: 8px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-panel-soft);
}

.ax-field-group--spaced { margin-bottom: 8px; }

.ax-field-group-stack {
  display: grid;
  gap: 16px;
  margin-top: 14px;
  padding: 14px 0 2px 16px;
  border-left: 2px solid var(--admin-primary, #365f8f);
}

.ax-field-group__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 18px;
  gap: 8px;
}

.ax-field-group__title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  min-width: 0;
  color: var(--ab-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-field-group__title > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ax-field-group__token {
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 220px);
  min-height: 20px;
  padding: 0 8px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 999px;
  background: var(--ax-panel-bg);
  color: var(--ab-muted);
  font-size: 10px;
  font-weight: 850;
  overflow-wrap: anywhere;
  text-align: right;
}

.ax-field-group__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  margin-left: auto;
}

.ax-field-group__body { min-width: 0; }

[data-admin-theme="dark"] .ax-field-group--panel {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-field-group__title {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-field-group__token {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-soft);
}

@media (max-width: 620px) {
  .ax-field-group__header {
    flex-wrap: wrap;
  }

  .ax-field-group__actions {
    width: 100%;
    margin-left: 0;
  }
}
/* Shared 12-column form grid; screen-specific arrangements remain scoped. */
.ax-field-grid {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ax-field-grid > * {
  min-width: 0;
}

.ax-field-grid--12,
.ax-field-grid--nested {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ax-field-grid--compact,
.ax-field-grid--nested {
  gap: 8px;
}

.ax-field-grid--spaced { margin-bottom: 8px; }

.ax-field-grid > .ax-span-1 { grid-column: span 1 / span 1; }
.ax-field-grid > .ax-span-2 { grid-column: span 2 / span 2; }
.ax-field-grid > .ax-span-3 { grid-column: span 3 / span 3; }
.ax-field-grid > .ax-span-4 { grid-column: span 4 / span 4; }
.ax-field-grid > .ax-span-5 { grid-column: span 5 / span 5; }
.ax-field-grid > .ax-span-6 { grid-column: span 6 / span 6; }
.ax-field-grid > .ax-span-7 { grid-column: span 7 / span 7; }
.ax-field-grid > .ax-span-8 { grid-column: span 8 / span 8; }
.ax-field-grid > .ax-span-9 { grid-column: span 9 / span 9; }
.ax-field-grid > .ax-span-10 { grid-column: span 10 / span 10; }
.ax-field-grid > .ax-span-11 { grid-column: span 11 / span 11; }
.ax-field-grid > .ax-span-12 { grid-column: 1 / -1; }

.ax-field-align-end {
  display: flex;
  align-items: end;
  min-width: 0;
}

@media (max-width: 980px) {
  .ax-field-grid > [class*="ax-span-"] { grid-column: span 6 / span 6; }

  .ax-field-grid > :where(.ax-span-7, .ax-span-8, .ax-span-9, .ax-span-10, .ax-span-11, .ax-span-12) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .ax-field-grid,
  .ax-field-grid--12,
  .ax-field-grid--nested { grid-template-columns: 1fr; }
  .ax-field-grid > [class*="ax-span-"] { grid-column: 1 / -1; }
}
/* Shared pagination contract for ax_pagination and legacy will_paginate markup. */
.ax-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 12px 0 2px;
  padding: 10px 12px;
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.ax-pagination__summary {
  color: #667085;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0;
  white-space: nowrap;
}

.ax-pagination--embedded {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ax-pagination__controls,
.ax-pagination__window {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.ax-pagination__controls {
  margin-left: auto;
}

.ax-pagination__controls > a,
.ax-pagination__controls > span,
.ax-pagination__controls > em,
.ax-pager .pagination a,
.ax-pager .pagination span,
.ax-pager .pagination em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  background: #fff;
  color: #465568;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition:
    border-color var(--ax-motion-fast) var(--ax-motion-ease),
    background-color var(--ax-motion-fast) var(--ax-motion-ease),
    color var(--ax-motion-fast) var(--ax-motion-ease),
    box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-pagination__controls > a:hover,
.ax-pager .pagination a:hover {
  border-color: #b8c5d6;
  background: #f4f7fb;
  color: #243245;
}

.ax-pagination__controls > a:active,
.ax-pager .pagination a:active {
  border-color: #9eafc4;
  background: #eaf0f7;
  color: #1f2d40;
}

.ax-pagination__controls > a:focus-visible,
.ax-pager .pagination a:focus-visible {
  position: relative;
  z-index: 1;
  outline: none;
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-pagination__controls > .current,
.ax-pagination__controls > em.current,
.ax-pager .pagination .current,
.ax-pager .pagination em.current {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
  color: var(--admin-primary-fg);
  box-shadow: 0 1px 2px rgba(54, 95, 143, 0.22);
}

.ax-pagination__controls > .disabled,
.ax-pagination__controls > .gap,
.ax-pager .pagination .disabled,
.ax-pager .pagination .gap {
  border-color: transparent;
  background: transparent;
  color: #98a2b3;
  box-shadow: none;
}

.ax-pagination__controls > .disabled,
.ax-pager .pagination .disabled {
  cursor: not-allowed;
}

.ax-pagination__controls > .previous_page,
.ax-pagination__controls > .next_page {
  gap: 6px;
  min-width: 40px;
}

.ax-pagination__controls .ax-pagination__nav-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  box-shadow: none;
}

.ax-pager .pagination {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}

[data-admin-theme="dark"] .ax-pagination {
  border-color: var(--ax-border-soft);
  background: var(--admin-surface);
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-pagination__summary {
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-pagination__controls > a,
[data-admin-theme="dark"] .ax-pagination__controls > span,
[data-admin-theme="dark"] .ax-pagination__controls > em,
[data-admin-theme="dark"] .ax-pager .pagination a,
[data-admin-theme="dark"] .ax-pager .pagination span,
[data-admin-theme="dark"] .ax-pager .pagination em {
  border-color: var(--ax-field-border);
  background: var(--ax-control-bg);
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-pagination__controls > a:hover,
[data-admin-theme="dark"] .ax-pager .pagination a:hover {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-pagination__controls > a:active,
[data-admin-theme="dark"] .ax-pager .pagination a:active {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-focus-surface);
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-pagination__controls > .current,
[data-admin-theme="dark"] .ax-pagination__controls > em.current,
[data-admin-theme="dark"] .ax-pager .pagination .current,
[data-admin-theme="dark"] .ax-pager .pagination em.current {
  border-color: color-mix(in srgb, var(--admin-primary) 48%, var(--admin-surface));
  background: color-mix(in srgb, var(--admin-primary) 20%, var(--admin-surface));
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-pagination__controls > :where(.disabled, .gap),
[data-admin-theme="dark"] .ax-pager .pagination :where(.disabled, .gap) {
  border-color: transparent;
  background: transparent;
  color: var(--ab-muted);
}

@media (max-width: 720px) {
  .ax-pagination {
    align-items: flex-start;
    flex-direction: column;
  }

  .ax-pagination__controls {
    justify-content: flex-start;
    margin-left: 0;
  }

  .ax-pagination__nav-label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-pagination__controls > a,
  .ax-pagination__controls > span,
  .ax-pagination__controls > em,
  .ax-pager .pagination a,
  .ax-pager .pagination span,
  .ax-pager .pagination em {
    transition: none;
  }
}
/* Collapsible filter section used by inspector-style filter panels. */
.ax-filter-section {
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.ax-filter-section + .ax-filter-section {
  margin-top: 8px;
}

.ax-filter-section__summary {
  display: flex;
  align-items: center;
  min-height: 34px;
  gap: 8px;
  padding: 0 10px;
  border-bottom: 1px solid transparent;
  background: #f3f6fa;
  color: #253041;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  list-style: none;
}

.ax-filter-section[open] > .ax-filter-section__summary {
  border-bottom-color: #dfe7f1;
}

.ax-filter-section__summary::-webkit-details-marker {
  display: none;
}

.ax-filter-section__summary::after {
  content: "\F282";
  margin-left: auto;
  color: #7a8798;
  font-family: "bootstrap-icons";
  font-size: 12px;
  line-height: 1;
  transition: transform var(--ax-motion-medium, 180ms) var(--ax-motion-ease, ease);
}

.ax-filter-section[open] > .ax-filter-section__summary::after {
  transform: rotate(180deg);
}

.ax-filter-section__summary > .bi {
  color: #7b889a;
  font-size: 13px;
}

.ax-filter-section__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: #e9eff6;
  color: var(--admin-primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
}

.ax-filter-section__body {
  padding: 10px;
}

.ax-filter-section__grid {
  align-items: start;
}

[data-admin-theme="dark"] .ax-filter-section {
  border-color: var(--ax-border-soft);
  background: var(--admin-surface);
}

[data-admin-theme="dark"] .ax-filter-section__summary {
  background: color-mix(in srgb, var(--admin-surface-header) 72%, var(--admin-surface));
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .ax-filter-section[open] > .ax-filter-section__summary {
  border-bottom-color: var(--ax-border-soft);
}

[data-admin-theme="dark"] .ax-filter-section__summary::after,
[data-admin-theme="dark"] .ax-filter-section__summary > .bi {
  color: var(--ab-muted);
}

[data-admin-theme="dark"] .ax-filter-section__count {
  background: color-mix(in srgb, var(--admin-primary) 16%, var(--admin-surface));
  color: color-mix(in srgb, var(--admin-primary) 40%, #fff);
}

[data-admin-theme="dark"] .ax-filter-section__body {
  background: var(--admin-surface);
  color: var(--admin-ink);
}
/* Shared filter workspace for operational lists and audits. */
.ax-filter-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-panel-bg, #fff);
  box-shadow: 0 1px 2px rgb(16 24 40 / .04);
  transition:
    border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
    box-shadow var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease);
}

.ax-filter-form:focus-within {
  border-color: var(--ax-field-hover);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--admin-primary-ring) 55%, transparent);
}

.ax-filter-form__fields {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 10px;
}

.ax-filter-form__fields > * {
  min-width: 0;
}

.ax-filter-form__actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

.ax-filter-form__actions .ax-btn {
  max-width: 100%;
}

.ax-filter-form .ax-field {
  display: flex;
  min-width: 0;
  min-height: 57px;
  flex-direction: column;
  justify-content: flex-end;
}

[data-admin-theme="dark"] .ax-filter-form {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-filter-form:focus-within {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ax-dark-focus-border) 35%, transparent);
}

@media (max-width: 767px) {
  .ax-filter-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .ax-filter-form__actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 420px) {
  .ax-filter-form__actions .ax-btn {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-filter-form {
    transition: none;
  }
}
/* Persistent form actions shared across admin workspaces. */
.ax-sticky-action-footer {
  position: sticky;
  bottom: 0;
  z-index: 20;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  border-top: 1px solid var(--ax-form-border-soft);
  background: rgb(255 255 255 / .96);
  box-shadow: 0 -8px 24px rgb(16 24 40 / .08);
  backdrop-filter: blur(8px);
}

.ax-sticky-action-footer--static {
  position: static;
  box-shadow: none;
}

.ax-sticky-action-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding-inline: 12px;
}

.ax-sticky-action-footer__meta {
  flex: 1 1 auto;
  min-width: 0;
  color: #697586;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.ax-sticky-action-footer__actions {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

[data-admin-theme="dark"] .ax-sticky-action-footer {
  border-color: var(--ax-dark-border-soft);
  background: color-mix(in srgb, var(--ax-dark-surface) 96%, transparent);
  box-shadow: 0 -8px 24px rgb(0 0 0 / .22);
}

[data-admin-theme="dark"] .ax-sticky-action-footer__meta {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 639px) {
  .ax-sticky-action-footer__inner {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 9px 10px;
  }

  .ax-sticky-action-footer__actions {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .ax-sticky-action-footer__actions > * {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-sticky-action-footer { backdrop-filter: none; }
}
/* Sticky action bar for standard admin forms. */
.ax-form-actions {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 -2px 14px rgba(15, 23, 42, .06);
  backdrop-filter: blur(8px);
}

.ax-form-actions--static { position: static; }

.ax-form-actions[aria-busy="true"] {
  cursor: wait;
  opacity: .72;
}

.ax-form-actions[aria-busy="true"] :where(a, button, input) {
  pointer-events: none;
}

[data-admin-theme="dark"] .ax-form-actions {
  border-color: var(--ax-border-soft);
  background: var(--admin-surface);
  color: var(--admin-ink);
}

@media (max-width: 639px) {
  .ax-form-actions {
    position: static;
    flex-wrap: wrap;
    padding: 9px;
  }

  .ax-form-actions > :where(a, button, input[type="submit"]) {
    flex: 1 1 140px;
  }
}
.ax-form-section {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ax-form-border-soft, var(--ax-border-soft));
  border-radius: 8px;
  background: var(--ax-form-surface, var(--ax-panel-bg));
  box-shadow: none;
}

.ax-form-section__header {
  display: flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 13px;
  border-bottom: 1px solid var(--ax-form-border-soft, var(--ax-border-soft));
  background: var(--ax-form-header, var(--ax-panel-header));
}

.ax-form-section__header .ax-form-section__title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--ax-form-text, var(--admin-ink));
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}

.ax-form-section__title .ax-form-section__icon {
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  border-radius: 6px;
  background: var(--admin-surface-header, var(--ax-panel-header));
  color: var(--admin-ink-soft, #3b4656);
  font-size: 14px;
}

.ax-form-section__title > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ax-form-section__title .ax-field-label__info {
  flex: 0 0 auto;
}

.ax-form-section__meta,
.ax-form-section__actions {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.ax-form-section__meta {
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ax-form-section__actions {
  flex-wrap: wrap;
}

.ax-form-section__eyebrow,
.ax-form-section__pill {
  display: inline-flex;
  max-width: 180px;
  min-height: 22px;
  align-items: center;
  padding: 0 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--ax-control-bg, #fff);
  color: var(--ab-muted, #697586);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ax-form-section__body {
  min-width: 0;
  padding: 12px 13px;
}

.ax-form-section--spaced {
  margin-bottom: 10px;
}

.ax-form-section__toggle {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ax-field-border, #d8e1ec);
  border-radius: 6px;
  background: var(--ax-control-bg, #fff);
  color: var(--admin-ink-soft, #475467);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: background var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease), border-color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease), color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease);
}

.ax-form-section__toggle:hover {
  border-color: var(--ax-field-hover, #b9c8db);
  background: var(--ax-control-hover, #f8fafc);
  color: var(--admin-primary);
}

.ax-form-section__toggle:focus-visible {
  outline: 2px solid var(--ax-field-focus);
  outline-offset: 2px;
}

.ax-form-section__toggle .bi-chevron-down {
  transition: transform var(--ax-motion-medium, 180ms) var(--ax-motion-ease, ease);
}

.ax-form-section__toggle[aria-expanded="true"] .bi-chevron-down {
  transform: rotate(180deg);
}

[data-admin-theme="dark"] .ax-form-section {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-form-section__header {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-form-section__header .ax-form-section__title {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-form-section__title .ax-form-section__icon,
[data-admin-theme="dark"] .ax-form-section__eyebrow,
[data-admin-theme="dark"] .ax-form-section__pill {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-form-section__toggle {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-form-section__toggle:hover,
[data-admin-theme="dark"] .ax-form-section__toggle:focus-visible {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-link);
}

@media (max-width: 768px) {
  .ax-form-section__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ax-form-section__meta {
    width: 100%;
    justify-content: flex-start;
  }

  .ax-form-section__body {
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-form-section__toggle,
  .ax-form-section__toggle .bi-chevron-down {
    transition: none;
  }
}
/* Shared dense data-table contract. Module-specific column and row variants stay scoped. */
.ax-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--ax-field-border);
  border-radius: 8px;
  background: var(--ax-panel-bg);
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.ax-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12.5px;
}

.ax-table__caption--sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ax-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 12px;
  border-bottom: 1px solid #d2d6db;
  background: #f8fafa;
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.ax-table tbody td {
  padding: 7px 12px;
  border-top: 1px solid #eceef1;
  color: #475467;
  vertical-align: middle;
  white-space: nowrap;
}

.ax-table tbody tr:first-child td { border-top: 0; }
.ax-table tbody tr:nth-child(even) td { background: #fafbfc; }
.ax-table tbody tr:hover td,
.ax-table tbody tr:focus-within td { background: var(--admin-primary-softer); }
.ax-table__row--sortable { cursor: move; }
.ax-table__row--sortable:active { cursor: grabbing; }
.ax-table .ax-strong { color: var(--admin-ink); font-weight: 600; }
.ax-table a { color: var(--admin-ink); font-weight: 600; text-decoration: none; }
.ax-table a:hover { color: var(--admin-primary); text-decoration: none; }
.ax-table a:focus-visible {
  border-radius: 3px;
  color: var(--admin-primary);
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-table tbody td.ax-table__empty {
  padding: 24px 16px;
  background: var(--ax-panel-bg, #fff);
  color: var(--ab-muted, #667085);
  font-size: 12.5px;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
}

/* Predictable widths for operational columns; content columns keep fluid sizing. */
.ax-table__col--xs { width: 74px; }
.ax-table__col--compact { width: 90px; }
.ax-table__col--sm { width: 96px; }
.ax-table__col--md { width: 110px; }
.ax-table__col--lg { width: 200px; }
.ax-table__col--w-40 { width: 40px; }
.ax-table__col--w-70 { width: 70px; }
.ax-table__col--w-80 { width: 80px; }
.ax-table__col--w-100 { width: 100px; }
.ax-table__col--w-120 { width: 120px; }
.ax-table__col--w-130 { width: 130px; }
.ax-table__col--w-140 { width: 140px; }
.ax-table__col--w-150 { width: 150px; }
.ax-table__col--w-160 { width: 160px; }
.ax-table__col--w-170 { width: 170px; }
.ax-table__col--w-180 { width: 180px; }
.ax-table__col--w-190 { width: 190px; }
.ax-table__col--w-220 { width: 220px; }

.ax-table__text--truncate {
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-admin-theme="dark"] .ax-table-wrap {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-table thead th {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-table tbody td,
[data-admin-theme="dark"] .ax-table tbody tr:nth-child(even) td {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-table tbody tr:hover td,
[data-admin-theme="dark"] .ax-table tbody tr:focus-within td {
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-table a:focus-visible {
  color: #badaf7;
  outline-color: var(--admin-primary-ring);
}

[data-admin-theme="dark"] .ax-table tbody td.ax-table__empty {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-muted);
}

@media (max-width: 639px) {
  .ax-table thead th { padding: 7px 9px; }
  .ax-table tbody td { padding: 6px 9px; }
  .ax-table tbody td.ax-table__empty { padding: 18px 12px; }
}
/* Shared card and collapsible-card contract. Module layout variants remain scoped. */
.ax-card {
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-panel-bg);
  box-shadow: 0 1px 2px rgb(16 24 40 / 0.05);
}

.ax-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #eceef1;
}

.ax-card__title {
  color: var(--admin-ink);
  font-size: 13.5px;
  font-weight: 650;
}

.ax-card__body { padding: 16px; }

.ax-collapse-card__header { justify-content: space-between; gap: 8px; }

.ax-collapse-card__trigger {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease), box-shadow var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease);
}

.ax-collapse-card__trigger .ax-card__title { min-width: 0; }

.ax-collapse-card__trigger:hover .ax-card__title { color: var(--admin-primary); }

.ax-collapse-card__trigger:focus-visible {
  border-radius: 5px;
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 3px;
}

.ax-collapse-card__chevron {
  margin-left: auto;
  color: #98a2b3;
  font-size: 13px;
  transition: transform .18s ease;
}

.ax-collapse-card.is-open .ax-collapse-card__chevron { transform: rotate(180deg); }
.ax-collapse-card__actions { display: inline-flex; flex: none; gap: 6px; }
.ax-collapse-card:not(.is-open) > .ax-card__header { border-bottom: 0; }

.ax-card--stat { padding: 14px 16px; }
.ax-stat-label { color: #697586; font-size: 11.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.ax-stat-value { color: var(--admin-ink); font-size: 22px; font-variant-numeric: tabular-nums; font-weight: 700; }

[data-admin-theme="dark"] .ax-card {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-card__header {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-card__title { color: var(--ax-dark-text); }

[data-admin-theme="dark"] .ax-collapse-card__trigger:hover .ax-card__title,
[data-admin-theme="dark"] .ax-collapse-card__trigger:focus-visible .ax-card__title {
  color: #badaf7;
}

@media (max-width: 639px) {
  .ax-card__header { padding: 10px 12px; }
  .ax-card__body { padding: 12px; }
  .ax-card--stat { padding: 12px; }
  .ax-collapse-card__actions { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-collapse-card__trigger,
  .ax-collapse-card__chevron {
    transition: none;
  }
}
/* Collapsible details/summary card shared by dense admin forms. */
.ax-disclosure-card {
  border: 1px solid var(--ax-border-soft, #e7ebf2);
  border-radius: 8px;
  background: #fff;
}

.ax-disclosure-card__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12.5px;
  list-style: none;
  cursor: pointer;
}

.ax-disclosure-card__summary::-webkit-details-marker { display: none; }

.ax-disclosure-card__summary:focus-visible {
  border-radius: 7px;
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: -2px;
}

.ax-disclosure-card__chevron {
  color: #8a93a3;
  transition: transform .18s ease;
}

.ax-disclosure-card[open] .ax-disclosure-card__chevron {
  transform: rotate(180deg);
}

.ax-disclosure-card__body {
  display: grid;
  gap: 8px;
  padding: 0 12px 12px;
  border-top: 1px solid var(--ax-border-soft, #e7ebf2);
}

.ax-disclosure-divider {
  padding-top: 8px;
  border-top: 1px dashed var(--ax-border-soft);
}

[data-admin-theme="dark"] .ax-disclosure-card {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-disclosure-card:hover {
  border-color: #4b6382;
  background: #1d2c43;
}

[data-admin-theme="dark"] .ax-disclosure-card__summary {
  color: var(--ax-dark-text-soft) !important;
}

[data-admin-theme="dark"] .ax-disclosure-card__body {
  border-top-color: var(--ax-dark-border-soft) !important;
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-disclosure-divider {
  border-color: var(--ax-dark-border-soft);
}

[data-admin-theme="dark"] .ax-disclosure-card__chevron { color: #91a0b5; }

[data-admin-theme="dark"] .ax-disclosure-card__summary:focus-visible {
  outline-color: color-mix(in srgb, var(--admin-primary) 72%, #fff);
}

@media (prefers-reduced-motion: reduce) {
  .ax-disclosure-card__chevron {
    transition-duration: 0.01ms;
  }
}
.ax-documentation {
  display: grid;
  gap: 14px;
  color: var(--ab-ink, #202a37);
}

.ax-documentation__intro {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #fff;
}

.ax-documentation__intro p {
  max-width: 980px;
  margin: 0;
  color: var(--ab-muted, #657386);
  font-size: 14px;
  line-height: 1.55;
}

.ax-documentation__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #fff;
}

.ax-documentation__toolbar .ax-search {
  flex: 1 1 360px;
}

.ax-documentation__count {
  min-height: 20px;
  color: var(--ab-muted, #657386);
  font-size: 12px;
  font-weight: 800;
}

.ax-documentation__layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.ax-documentation__index {
  position: sticky;
  top: 78px;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #fff;
}

.ax-documentation__index-title {
  margin: 0 0 4px;
  color: var(--ab-muted, #657386);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ax-documentation__index a {
  display: block;
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--ab-ink, #202a37);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.ax-documentation__index a:hover,
.ax-documentation__index a:focus-visible {
  background: var(--admin-primary-softer, #f3f7fb);
  color: var(--admin-primary, #365f8f);
  outline: 0;
}

.ax-documentation__sections {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.ax-documentation__section {
  overflow: clip;
}

.ax-documentation__section .ax-disclosure-card__summary {
  min-height: 48px;
  padding: 11px 14px;
}

.ax-documentation__summary-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.ax-documentation__summary-main strong {
  color: var(--ab-ink, #202a37);
  font-size: 15px;
}

.ax-documentation__summary-main span {
  color: var(--ab-muted, #657386);
  font-size: 12px;
  font-weight: 700;
}

.ax-documentation__body {
  display: grid;
  gap: 12px;
  color: var(--ab-ink, #202a37);
  font-size: 14px;
  line-height: 1.55;
}

.ax-documentation__body h3,
.ax-documentation__body h4 {
  margin: 0;
  color: var(--ab-ink, #202a37);
  font-size: 14px;
  font-weight: 900;
}

.ax-documentation__body p,
.ax-documentation__body ul,
.ax-documentation__body ol {
  margin: 0;
}

.ax-documentation__body ul,
.ax-documentation__body ol {
  padding-left: 18px;
}

.ax-documentation__body li + li {
  margin-top: 4px;
}

.ax-documentation__callout {
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a5f;
  font-size: 13px;
  font-weight: 750;
}

.ax-documentation__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ax-documentation__mini-card {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--ab-line-soft, #e7ebf2);
  border-radius: 8px;
  background: var(--ab-panel, #fbfcfe);
}

.ax-documentation__mini-card strong {
  color: var(--ab-ink, #202a37);
  font-size: 13px;
}

.ax-documentation__mini-card span {
  color: var(--ab-muted, #657386);
  font-size: 12.5px;
  line-height: 1.45;
}

.ax-documentation__empty {
  padding: 14px;
  border: 1px dashed var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #fff;
  color: var(--ab-muted, #657386);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

[data-admin-theme="dark"] .ax-documentation__intro,
[data-admin-theme="dark"] .ax-documentation__toolbar,
[data-admin-theme="dark"] .ax-documentation__index,
[data-admin-theme="dark"] .ax-documentation__empty {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .ax-documentation__mini-card {
  border-color: var(--ax-dark-border-soft);
  background: #141f32;
}

[data-admin-theme="dark"] .ax-documentation__callout {
  border-color: #284d78;
  background: #10243e;
  color: #bfdbfe;
}

@media (max-width: 900px) {
  .ax-documentation__layout {
    grid-template-columns: 1fr;
  }

  .ax-documentation__index {
    position: static;
  }

  .ax-documentation__grid {
    grid-template-columns: 1fr;
  }
}
/* Shared mobile offcanvas behavior; sidebar geometry remains in the shell. */
.ax-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgb(16 24 40 / .45);
  backdrop-filter: blur(2px);
}

.ax-drawer-backdrop[hidden] {
  display: none;
}

.ax-drawer-panel {
  transition:
    transform var(--ax-motion-slow) var(--ax-motion-ease),
    box-shadow var(--ax-motion-base) var(--ax-motion-ease);
}

[data-admin-theme="dark"] .ax-drawer-backdrop {
  background: rgb(2 6 23 / .68);
}

@media (prefers-reduced-motion: reduce) {
  .ax-drawer-panel {
    transition-duration: 0.01ms;
  }
}
/* Shared floating tooltip rendered into document.body by ax-tooltip. */
.ax-tooltip {
  position: fixed;
  z-index: 2000;
  max-height: calc(100vh - 16px);
  max-height: calc(100dvh - 16px);
  max-width: min(560px, calc(100vw - 16px));
  padding: 8px 10px;
  border: 1px solid rgb(255 255 255 / .12);
  border-radius: 5px;
  background: #1f2733;
  color: #fff;
  box-shadow: 0 4px 12px rgb(16 24 40 / .25);
  font-size: 11.5px;
  line-height: 1.38;
  overflow: hidden auto;
  overflow-wrap: anywhere;
  pointer-events: none;
  white-space: pre-line;
  animation: ax-tooltip-enter var(--ax-motion-fast) var(--ax-motion-ease);
}

[data-admin-theme="dark"] .ax-tooltip {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
  box-shadow: 0 8px 20px rgb(0 0 0 / .38);
}

@keyframes ax-tooltip-enter {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-tooltip {
    animation: none;
  }
}
/* Code surface intentionally stays dark in both platform themes. */
.ax-code-snippet {
  min-width: 0;
  padding: 12px;
  border: 1px solid #29384f;
  border-radius: 8px;
  background: #0f1b2d;
  color: #cbd5e1;
  font-size: 11.5px;
}

.ax-code-snippet__title {
  margin-bottom: 6px;
  color: #fbbf24;
  font-weight: 700;
}

.ax-code-snippet pre {
  max-height: min(420px, 60vh);
  margin: 0;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.5;
  tab-size: 2;
  white-space: pre;
}

.ax-code-snippet pre:focus-visible {
  outline: 2px solid #7db4ec;
  outline-offset: 4px;
}

.ax-code-snippet code {
  color: inherit;
  font: inherit;
}

.ax-code-snippet ::selection {
  background: #315b87;
  color: #fff;
}

@media (max-width: 639px) {
  .ax-code-snippet {
    padding: 10px;
    font-size: 10.5px;
  }
}
/* Selectable card paired with a visually hidden radio or checkbox. */
.ax-option-card__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.ax-option-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--ax-form-border, #d6dee9);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color var(--ax-motion-fast) var(--ax-motion-ease),
              background-color var(--ax-motion-fast) var(--ax-motion-ease),
              box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-option-card__input:not(:disabled) + .ax-option-card:hover {
  border-color: #b8c5d6;
  background: #f8fafc;
}

.ax-option-card__input:focus-visible + .ax-option-card {
  border-color: var(--admin-primary, #365f8f);
  box-shadow: 0 0 0 2px rgb(54 95 143 / .12);
}

.ax-option-card__input:checked + .ax-option-card {
  border-color: var(--admin-primary, #365f8f);
  background: var(--admin-primary-soft, #eef2f7);
}

.ax-option-card i {
  color: #64748b;
  font-size: 18px;
}

.ax-option-card span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.ax-option-card strong {
  color: #1f2733;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ax-option-card small {
  color: #8a93a3;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.ax-option-card__input:checked + .ax-option-card i {
  color: var(--admin-primary, #365f8f);
}

.ax-option-card__input:disabled + .ax-option-card {
  border-color: var(--ax-border-soft, #d8dee8);
  background: #f3f5f8;
  color: #7b8493;
  cursor: not-allowed;
}

.ax-option-card__input:disabled + .ax-option-card :where(i, strong, small) {
  color: inherit;
}

[data-admin-theme="dark"] .ax-option-card {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-option-card__input:not(:disabled) + .ax-option-card:hover,
[data-admin-theme="dark"] .ax-option-card:focus-within {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-focus-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-option-card__input:focus-visible + .ax-option-card {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 3px rgb(98 148 204 / .16);
}

[data-admin-theme="dark"] .ax-option-card__input:checked + .ax-option-card {
  border-color: var(--ax-dark-info-border);
  background: var(--ax-dark-info-surface);
  color: var(--ax-dark-text);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ax-dark-info-text) 28%, transparent);
}

[data-admin-theme="dark"] .ax-option-card strong { color: var(--ax-dark-text); }
[data-admin-theme="dark"] .ax-option-card small { color: var(--ax-dark-text-soft); }
[data-admin-theme="dark"] .ax-option-card i { color: #7896b8; }
[data-admin-theme="dark"] .ax-option-card__input:checked + .ax-option-card i { color: #79afe3; }

[data-admin-theme="dark"] .ax-option-card__input:disabled + .ax-option-card {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-muted);
}

@media (max-width: 639px) {
  .ax-option-card {
    align-items: flex-start;
    padding: 9px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-option-card { transition: none; }
}
/* Structural stacks shared by form options and record collections. */
.ax-option-stack,
.ax-record-list {
  display: grid;
  gap: 6px;
  min-width: 0;
}
/* Context notice explaining the purpose and boundary of an admin module. */
.ax-module-objective {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--ax-border-soft);
  border-left: 3px solid var(--admin-primary);
  border-radius: 8px;
  background: color-mix(in srgb, var(--admin-primary) 5%, var(--admin-surface));
  color: var(--admin-ink);
}

.ax-module-objective__icon {
  width: 30px;
  height: 30px;
  display: inline-grid;
  flex: 0 0 30px;
  place-items: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface));
  color: var(--admin-primary);
}

.ax-module-objective__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.ax-module-objective__copy small {
  color: #68758a;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .04em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ax-module-objective__copy strong {
  color: var(--admin-ink);
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.2;
}

.ax-module-objective__copy span {
  color: #536176;
  font-size: .8rem;
  font-weight: 650;
  line-height: 1.35;
}

[data-admin-theme="dark"] .ax-module-objective {
  border-color: var(--ax-dark-border-soft);
  border-left-color: var(--admin-primary);
  background: color-mix(in srgb, var(--admin-primary) 8%, var(--ax-dark-surface));
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-module-objective__icon {
  background: color-mix(in srgb, var(--admin-primary) 18%, var(--ax-dark-surface));
  color: var(--ax-dark-link);
}

[data-admin-theme="dark"] .ax-module-objective__copy small {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-module-objective__copy strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-module-objective__copy span {
  color: var(--ax-dark-text-soft);
}
/* Compact search control with an embedded magnifier. */
.ax-search {
  flex: 1 1 240px;
  max-width: 380px;
  height: 34px;
  padding: 0 12px 0 32px;
  color: var(--admin-ink);
  background: var(--ax-control-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23697586' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>") no-repeat 10px center;
  border: 1px solid #d2d6db;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  transition: border-color .12s, box-shadow .12s;
}

.ax-search--fluid {
  width: 100%;
  max-width: none;
}

/* Dentro de ax-field o eixo flex é vertical. O basis horizontal legado de
   240px virava altura e estourava formulários de filtro. */
.ax-field > .ax-search {
  flex: 0 0 var(--ax-form-control-height, 34px);
  height: var(--ax-form-control-height, 34px);
}

.ax-search:hover:not(:disabled):not([readonly]) {
  border-color: var(--ax-field-hover, #b8c5d6);
}

.ax-search:focus-visible {
  border-color: var(--admin-primary);
  box-shadow: 0 0 0 3px var(--admin-primary-ring);
}

.ax-search::-webkit-search-cancel-button {
  cursor: pointer;
  opacity: .62;
}

.ax-search::-webkit-search-cancel-button:hover {
  opacity: 1;
}

.ax-search:disabled,
.ax-search[readonly] {
  cursor: not-allowed;
  opacity: .72;
}

.ax-search[readonly] {
  cursor: default;
}

[data-admin-theme="dark"] .ax-search {
  border-color: var(--ax-dark-border);
  background-color: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  color-scheme: dark;
}

[data-admin-theme="dark"] .ax-search::placeholder {
  color: var(--ax-dark-placeholder);
  opacity: 1;
}

[data-admin-theme="dark"] .ax-search:hover:not(:disabled):not([readonly]) {
  border-color: #526985;
}

[data-admin-theme="dark"] .ax-search:focus-visible {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 3px rgb(98 148 204 / .16);
  outline: none;
}

[data-admin-theme="dark"] .ax-search::-webkit-search-cancel-button {
  filter: invert(1);
}

[data-admin-theme="dark"] .ax-search:disabled,
[data-admin-theme="dark"] .ax-search[readonly] {
  border-color: #33445d;
  background-color: #141f32;
  color: #8f9db2;
}

@media (prefers-reduced-motion: reduce) {
  .ax-search {
    transition: none;
  }
}
/* Native text, select and textarea controls shared across admin modules. */
.ax-control,
.ax-field input:not([type="color"]),
.ax-field select,
.ax-field textarea {
  width: 100%;
  min-width: 0;
  min-height: var(--ax-form-control-height);
  padding: 0 .75rem;
  border: 1px solid var(--ax-field-border);
  border-radius: var(--ax-form-control-radius);
  background: #fff;
  color: #1f2733;
  box-shadow: none !important;
  font-size: 13px;
  transition: border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
              background-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
              box-shadow var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease);
}

.ax-control:not(:disabled):not([readonly]):hover,
.ax-field input:not([type="color"]):not(:disabled):not([readonly]):hover,
.ax-field select:not(:disabled):hover,
.ax-field textarea:not(:disabled):not([readonly]):hover {
  border-color: var(--ax-field-hover);
  background: #f8fafc;
}

.ax-control:focus,
.ax-control:focus-visible,
.ax-field input:not([type="color"]):focus,
.ax-field select:focus,
.ax-field textarea:focus {
  border-color: var(--ax-field-focus);
  box-shadow: 0 0 0 2px rgb(54 95 143 / .12) !important;
  outline: 0;
}

textarea.ax-control,
.ax-field textarea {
  min-height: 72px;
  padding: 9px 10px;
  line-height: 1.45;
  resize: vertical;
}

textarea.ax-control--code,
.ax-field textarea.ax-control--code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.55;
  tab-size: 2;
}

:where(
  .ax-control:disabled,
  .ax-control[readonly],
  .ax-field input:disabled,
  .ax-field input[readonly],
  .ax-field select:disabled,
  .ax-field textarea:disabled,
  .ax-field textarea[readonly]
) {
  border-color: var(--ax-border-soft, #d8dee8);
  background: #f3f5f8;
  color: #7b8493;
  cursor: not-allowed;
}

:where(.ax-control[readonly], .ax-field input[readonly], .ax-field textarea[readonly]) {
  cursor: default;
}

.ax-field.is-invalid :where(.ax-control, input:not([type="color"]), select, textarea) {
  border-color: #f04438;
}

[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-field select,
  .ax-field textarea
) {
  border-color: var(--ax-dark-border);
  background-color: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  color-scheme: dark;
}
[data-admin-theme="dark"] :where(.ax-control, .ax-field input, .ax-field textarea)::placeholder {
  color: var(--ax-dark-placeholder);
  opacity: 1;
}
[data-admin-theme="dark"] :where(select.ax-control, .ax-field select) option {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}
[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-field select,
  .ax-field textarea
):not(:disabled):not([readonly]):hover {
  border-color: #526b8c;
  background: var(--ax-dark-surface-hover);
}
[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-field select,
  .ax-field textarea
):focus,
[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-field select,
  .ax-field textarea
):focus-visible {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface);
  box-shadow: 0 0 0 3px rgb(98 148 204 / .16) !important;
  outline: none;
}
[data-admin-theme="dark"] :where(
  .ax-control:disabled,
  .ax-control[readonly],
  .ax-field input:disabled,
  .ax-field input[readonly],
  .ax-field select:disabled,
  .ax-field textarea:disabled,
  .ax-field textarea[readonly]
) {
  border-color: var(--ax-dark-border-soft);
  background: #141f32;
  color: var(--ax-dark-text-muted);
}

.ax-input,
.ax-select,
.ax-textarea {
  width: 100%;
  height: 34px;
  padding: 0 11px;
  border: 1px solid #d2d6db;
  border-radius: 6px;
  background: #fff;
  color: #1f2733;
  box-shadow: none !important;
  font-size: 13px;
  outline: none;
  transition: border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease),
              box-shadow var(--ax-motion-fast, 120ms) var(--ax-motion-ease, ease);
}

.ax-textarea {
  height: auto;
  padding: 8px 11px;
}

.ax-input:focus,
.ax-select:focus,
.ax-textarea:focus {
  border-color: #7f96b5;
  box-shadow: 0 0 0 2px rgb(54 95 143 / .12) !important;
}

:where(.ax-input, .ax-select, .ax-textarea):not(:disabled):not([readonly]):hover {
  border-color: var(--ax-field-hover, #b8c5d6);
  background: #f8fafc;
}

:where(.ax-input, .ax-select, .ax-textarea):is(:disabled, [readonly]) {
  border-color: var(--ax-border-soft, #d8dee8);
  background: #f3f5f8;
  color: #7b8493;
  cursor: not-allowed;
}

:where(.ax-input, .ax-select, .ax-textarea)[readonly] { cursor: default; }

[data-admin-theme="dark"] .ax-input,
[data-admin-theme="dark"] .ax-select,
[data-admin-theme="dark"] .ax-textarea {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  color-scheme: dark;
}

[data-admin-theme="dark"] .ax-input::placeholder,
[data-admin-theme="dark"] .ax-textarea::placeholder {
  color: var(--ax-dark-placeholder);
  opacity: 1;
}

[data-admin-theme="dark"] .ax-select option {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-input:focus,
[data-admin-theme="dark"] .ax-select:focus,
[data-admin-theme="dark"] .ax-textarea:focus {
  border-color: var(--ax-dark-focus-border);
  box-shadow: 0 0 0 3px rgb(98 148 204 / .16) !important;
  outline: none;
}

[data-admin-theme="dark"] .ax-input:disabled,
[data-admin-theme="dark"] .ax-select:disabled,
[data-admin-theme="dark"] .ax-textarea:disabled,
[data-admin-theme="dark"] .ax-input[readonly],
[data-admin-theme="dark"] .ax-select[readonly],
[data-admin-theme="dark"] .ax-textarea[readonly] {
  border-color: var(--ax-dark-border-soft);
  background: #141f32;
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-input,
  .ax-textarea
):-webkit-autofill,
[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-input,
  .ax-textarea
):-webkit-autofill:hover,
[data-admin-theme="dark"] :where(
  .ax-control,
  .ax-field input:not([type="color"]),
  .ax-input,
  .ax-textarea
):-webkit-autofill:focus {
  border-color: var(--ax-dark-border);
  -webkit-box-shadow: 0 0 0 1000px var(--ax-dark-surface) inset !important;
  -webkit-text-fill-color: var(--ax-dark-text);
  caret-color: var(--ax-dark-text);
}

/* Enhanced selects share the same surface and contrast contract as native controls. */
[data-admin-theme="dark"] :where(.ts-control, .ts-dropdown) {
  border-color: var(--ax-dark-border);
  background-color: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  color-scheme: dark;
}

[data-admin-theme="dark"] .ts-control > input::placeholder,
[data-admin-theme="dark"] .ts-dropdown .dropdown-input::placeholder {
  color: var(--ax-dark-placeholder);
  opacity: 1;
}

[data-admin-theme="dark"] .ts-dropdown :where(.option, .optgroup-header) {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ts-dropdown :where(.option:hover, .option.active, .option.selected) {
  background: var(--ax-dark-surface-hover);
  color: #fff;
}

/*
 * Tom Select can append the dropdown directly to <body>. Keep that portaled
 * surface inside the same dark contract even when it is no longer a child of
 * .habitation-form-ui. The stronger selector also neutralizes legacy light
 * rules from the habitation workspace without affecting the light theme.
 */
[data-admin-theme="dark"] body.ax-habitations-workspace .ts-dropdown {
  border-color: var(--ax-dark-border) !important;
  background: var(--ax-dark-surface) !important;
  color: var(--ax-dark-text) !important;
  box-shadow: 0 18px 42px rgb(0 0 0 / .44) !important;
  color-scheme: dark;
}

[data-admin-theme="dark"] body.ax-habitations-workspace .ts-dropdown .dropdown-input-wrap {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] body.ax-habitations-workspace .ts-dropdown .dropdown-input {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] body.ax-habitations-workspace .ts-dropdown :where(.option, .create) {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] body.ax-habitations-workspace .ts-dropdown :where(
  .active,
  .option:hover,
  .option.active,
  .option.selected,
  .create:hover,
  .create.active
) {
  background: var(--ax-dark-surface-hover) !important;
  color: #fff !important;
}

[data-admin-theme="dark"] .habitation-form-ui .habitations-inspector .ts-wrapper.disabled .ts-control {
  border-color: var(--ax-dark-border-soft) !important;
  background: #141f32 !important;
  color: var(--ax-dark-text-muted) !important;
}

/* Rich Tom Select dropdown rendered on body through dropdownParent. */
.ax-select-dropdown {
  z-index: 1080;
  overflow: hidden;
  border: 1px solid #cbd8e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 30px rgb(15 23 42 / .12);
  color: #1f2937;
  font-size: 12.5px;
}

body > .ts-dropdown { z-index: 6500; }

.ax-select-dropdown .ts-dropdown-content {
  max-height: min(280px, 45vh);
  padding: 4px 0;
}

.ax-select-dropdown :where(.option, .create) {
  padding: 7px 12px;
  color: #1f2937;
  font-weight: 560;
  line-height: 1.2;
}

.ax-select-option { display: grid; gap: 3px; }
.ax-select-option__label,
.ax-select-item { color: #1f2937; font-weight: 760; line-height: 1.2; }
.ax-select-option__description {
  color: #667085;
  font-size: 11.5px;
  font-weight: 560;
  line-height: 1.35;
  white-space: normal;
}

.ax-select-dropdown .active {
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 10%, #fff);
  color: var(--admin-primary, #365f8f);
}
.ax-select-dropdown .selected { color: var(--admin-primary, #365f8f); font-weight: 720; }

[data-admin-theme="dark"] .ax-select-dropdown {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  box-shadow: 0 18px 42px rgb(0 0 0 / .44);
}
[data-admin-theme="dark"] .ax-select-dropdown :where(.option, .create) {
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-soft);
}
[data-admin-theme="dark"] .ax-select-option__label,
[data-admin-theme="dark"] .ax-select-item { color: var(--ax-dark-text); }
[data-admin-theme="dark"] .ax-select-option__description { color: var(--ax-dark-text-muted); }
[data-admin-theme="dark"] .ax-select-dropdown :where(.active, .selected),
[data-admin-theme="dark"] .ax-select-dropdown :where(.option, .create):hover {
  background: var(--ax-dark-surface-hover);
  color: #fff;
}
[data-admin-theme="dark"] .ax-select-dropdown :where(.active, .selected) .ax-select-option__label,
[data-admin-theme="dark"] .ax-select-dropdown :where(.option, .create):hover .ax-select-option__label {
  color: #fff;
}

/* Shared trailing action used by multiselects and lookup controls. The light
 * geometry remains owned by each component; only the dark interaction contract
 * is centralized here so every occurrence receives the same treatment. */
[data-admin-theme="dark"] .ax-multiselect__action {
  border-color: var(--ax-dark-border, #33445f);
  background: var(--ax-dark-surface-raised, #18243a);
  color: var(--ax-dark-text-muted, #aebbd0);
}

[data-admin-theme="dark"] .ax-multiselect__action:hover {
  border-color: color-mix(in srgb, var(--admin-primary, #365f8f) 72%, #8fb8e8);
  background: var(--ax-dark-surface-hover, #24344d);
  color: var(--ax-dark-text, #edf3fb);
}

[data-admin-theme="dark"] .ax-multiselect__action:focus-visible {
  border-color: var(--admin-primary-ring, #6294cc);
  background: var(--ax-dark-surface-hover, #24344d);
  color: var(--ax-dark-text, #edf3fb);
}

@media (max-width: 767.98px) {
  :where(
    .ax-control,
    .ax-field input:not([type="color"]),
    .ax-field select,
    .ax-field textarea,
    .ax-input,
    .ax-select,
    .ax-textarea,
    .ts-control > input
  ) {
    font-size: 16px;
  }

  .ax-select-dropdown .ts-dropdown-content { max-height: min(216px, 32vh); }
  .ax-select-dropdown :where(.option, .create) { padding: 10px 12px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .ax-control,
    .ax-field input:not([type="color"]),
    .ax-field select,
    .ax-field textarea,
    .ax-input,
    .ax-select,
    .ax-textarea
  ) {
    transition: none;
  }
}

.ax-range-field {
  gap: 7px;
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: var(--ax-panel-soft);
}

.ax-range-field__header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ax-range-field__value {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--ax-control-bg);
  color: var(--admin-primary);
  font-size: 11px;
  font-weight: 850;
}

.ax-range-field__input {
  width: 100%;
  accent-color: var(--admin-primary);
  cursor: pointer;
}

.ax-range-field__input:focus-visible {
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.ax-range-field__input:disabled {
  cursor: not-allowed;
  opacity: .58;
}

[data-admin-theme="dark"] .ax-range-field {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .ax-range-field__value {
  background: var(--ax-dark-surface-raised);
  color: color-mix(in srgb, var(--admin-primary) 58%, #fff);
}
/* Shared compact tab strip. Module-specific layouts may refine this contract. */
.ax-form-tabs {
  position: sticky;
  top: var(--ax-contextbar-height, 48px);
  z-index: 20;
  display: flex;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 4px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ax-border, #d5dbe5) transparent;
  border: 1px solid var(--ax-border-soft, #e6e8eb);
  border-radius: 8px;
  background: var(--ax-panel-bg, #fff);
  box-shadow: 0 1px 2px rgb(16 24 40 / .04);
  list-style: none;
}

.ax-form-tabs > li {
  list-style: none;
}

.ax-form-tabs__list {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  list-style: none;
  scrollbar-width: none;
}

.ax-form-tabs__list::-webkit-scrollbar {
  display: none;
}

.ax-form-tabs__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--ab-muted, #697586);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              border-color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              color var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease),
              box-shadow var(--ax-motion-fast, 140ms) var(--ax-motion-ease, ease);
}

.ax-form-tabs__item:hover,
.ax-form-tabs__item:focus-visible {
  border-color: var(--ax-field-hover, #d5deeb);
  background: var(--ax-control-hover, #f7f8fa);
  color: var(--ab-ink, #344054);
  outline: none;
}

.ax-form-tabs__item:focus-visible {
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.ax-form-tabs__item.active,
.ax-form-tabs__item[aria-selected="true"] {
  border-color: color-mix(in srgb, var(--admin-primary) 25%, var(--ax-panel-bg, #fff));
  background: var(--admin-primary-softer, #f1f5f9);
  color: var(--admin-primary);
  box-shadow: 0 1px 2px rgb(16 24 40 / .06);
}

.ax-form-tabs__item:disabled,
.ax-form-tabs__item[aria-disabled="true"] {
  border-color: transparent;
  background: transparent;
  color: var(--ax-disabled-text, #98a2b3);
  cursor: not-allowed;
  opacity: .72;
  box-shadow: none;
}

/* .ax-tab-error keeps its visual source in habitations_form_refresh.css. */
.ax-form-tabs__item .ax-tab-error {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-admin-theme="dark"] .ax-form-tabs {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-form-tabs__item {
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-form-tabs__item:hover,
[data-admin-theme="dark"] .ax-form-tabs__item:focus-visible {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-form-tabs__item.active,
[data-admin-theme="dark"] .ax-form-tabs__item[aria-selected="true"] {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-focus-surface);
  color: var(--ax-dark-link);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-form-tabs__item:disabled,
[data-admin-theme="dark"] .ax-form-tabs__item[aria-disabled="true"] {
  color: var(--ax-dark-text-muted);
  background: transparent;
  border-color: transparent;
}

@media (max-width: 767.98px) {
  .ax-form-tabs {
    position: static;
    width: 100%;
    scroll-padding-inline: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-form-tabs__item {
    transition: none;
  }
}
/* Shared compact page title contract. Workspace headings remain a richer component. */
.ax-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.ax-page-head__text { min-width: 0; }

.ax-page-head__actions {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.ax-page-title {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  color: var(--admin-ink);
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.ax-page-title > .bi {
  flex: 0 0 auto;
  color: var(--admin-primary);
  font-size: .95em;
}

.ax-page-subtitle {
  max-width: 76ch;
  margin: 4px 0 0;
  color: #697586;
  font-size: 12.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

[data-admin-theme="dark"] .ax-page-title { color: var(--ax-dark-text); }

[data-admin-theme="dark"] .ax-page-subtitle {
  color: var(--ax-dark-text-muted);
}

@media (max-width: 639px) {
  .ax-page-head { flex-direction: column; }

  .ax-page-head__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .ax-page-head__actions > * { max-width: 100%; }
}
/* Shared operational heading rendered by admin/shared/ui/workspace_heading. */
.ax-workspace-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 12px;
  margin-bottom: .55rem;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.ax-workspace-heading__main { min-width: 0; }

.ax-workspace-heading__eyebrow {
  display: flex;
  align-items: center;
  gap: .3rem;
  color: #64748b;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-workspace-heading__title-row {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  margin-top: .22rem;
}

.ax-workspace-heading h1 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #1f2937 !important;
  font-family: "Outfit", sans-serif;
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-workspace-heading p {
  margin: .24rem 0 0;
  color: #64748b;
  font-size: .73rem;
  line-height: 1.25;
}

.ax-workspace-heading__scope {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: .12rem .48rem;
  border-radius: 999px;
  background: #e8f0fb;
  color: #2f5d91;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.ax-workspace-heading__side {
  display: grid;
  justify-items: end;
  gap: .42rem;
  min-width: min(100%, 560px);
}

.ax-workspace-heading__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .38rem;
  margin: 0;
}

.ax-workspace-heading__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .32rem .58rem;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 7px;
  background: #f8fafc;
  color: #334155;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
}

.ax-workspace-heading__meta strong {
  margin-right: .22rem;
  color: #1f2937;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1;
}

.ax-workspace-heading__toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .38rem;
}

.ax-workspace-heading__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 30px;
  padding: .34rem .55rem;
  border: 1px solid var(--ab-line, #d8dee8);
  border-radius: 7px;
  background: #fff;
  color: #475569;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    border-color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1)),
    color var(--ax-motion-fast, 120ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.ax-workspace-heading__tool:hover {
  border-color: #b8c5d6;
  background: #f8fafc;
  color: #1f2937;
}

@media (max-width: 767.98px) {
  .ax-workspace-heading { grid-template-columns: minmax(0, 1fr); }
  .ax-workspace-heading__side {
    justify-items: start;
    min-width: 0;
  }
  .ax-workspace-heading__meta,
  .ax-workspace-heading__toolbar { justify-content: flex-start; }
}

[data-admin-theme="dark"] .ax-workspace-heading {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-workspace-heading h1,
[data-admin-theme="dark"] .ax-workspace-heading__meta strong {
  color: var(--ax-dark-text) !important;
}

[data-admin-theme="dark"] .ax-workspace-heading__eyebrow,
[data-admin-theme="dark"] .ax-workspace-heading p {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-workspace-heading__scope {
  background: color-mix(in srgb, var(--admin-primary) 18%, var(--ax-dark-surface));
  color: var(--ax-dark-link);
}

[data-admin-theme="dark"] .ax-workspace-heading__meta span,
[data-admin-theme="dark"] .ax-workspace-heading__tool {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-soft);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-workspace-heading__tool:hover {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}
.ax-workspace-shell {
  --ax-workspace-aside-w: clamp(320px, 24vw, 380px);
  --ax-workspace-aside-collapsed-w: var(--ax-sidebar-compact-w, 60px);
  --ax-workspace-gutter: var(--ax-shell-gutter);

  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--ax-workspace-aside-w);
  gap: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  transition: grid-template-columns var(--ax-motion-base, 180ms) var(--ax-motion-ease, cubic-bezier(.2, .8, .2, 1));
}

.ax-workspace-shell.is-inspector-collapsed {
  grid-template-columns: minmax(0, 1fr) var(--ax-workspace-aside-collapsed-w);
}

.ax-workspace-main {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-rows: var(--ax-contextbar-h) minmax(0, 1fr);
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: var(--ax-page-bg);
}

.ax-workspace-contextbar {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  height: var(--ax-contextbar-h);
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 0 var(--ax-workspace-gutter);
  border-bottom: 1px solid var(--ax-border);
  background: var(--ax-panel-bg);
}

.ax-workspace-contextbar .ax-breadcrumb {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.ax-workspace-contextbar .ax-contextbar__actions {
  min-width: 0;
  flex: 0 0 auto;
}

.ax-workspace-main__body {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.ax-workspace-aside {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid var(--ax-border);
  background: var(--ax-panel-bg);
}

[data-admin-theme="dark"] .ax-workspace-contextbar,
[data-admin-theme="dark"] .ax-workspace-aside {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

@media (prefers-reduced-motion: reduce) {
  .ax-workspace-shell {
    transition: none;
  }
}
/* Dark and interaction contract for the Meta/WhatsApp integration workspace. */
.wa-tabs__item:focus-visible {
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

.wa-number-row__actions .ax-btn:focus-visible,
.wa-connect__button:focus-visible {
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

[data-admin-theme="dark"] .wa-tabs {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .wa-tabs__item {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .wa-tabs__item:hover,
[data-admin-theme="dark"] .wa-tabs__item:focus-visible {
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .wa-tabs__item.is-active {
  border-color: var(--ax-dark-focus-border);
  background: #203a5c;
  color: #dcecff;
  box-shadow: none;
}

[data-admin-theme="dark"] .wa-workspace :where(
  .wa-connected,
  .wa-webhook,
  .wa-negotiation,
  .wa-phone-info,
  .wa-context-block,
  .wa-lead-activation__reference,
  .wa-lead-activation__preview,
  .wa-number-row,
  .wa-number-row__test
) {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .wa-workspace :where(
  .wa-connected,
  .wa-phone-info,
  .wa-context-block--primary,
  .wa-lead-activation__reference,
  .wa-lead-activation__preview,
  .wa-number-row--empty,
  .wa-number-row__test
) {
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .wa-workspace :where(
  .wa-connected__cell strong,
  .wa-webhook__head h3,
  .wa-negotiation__head strong,
  .wa-phone-info__cell strong,
  .wa-context-block__head strong,
  .wa-number-section__head strong,
  .wa-number-row__main strong,
  .wa-state__row dt strong,
  .wa-state__row dd,
  .wa-number-checkbox,
  .wa-variable-map__row > span
) {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .wa-workspace :where(
  .wa-hint,
  .wa-connected__cell span,
  .wa-negotiation__head span,
  .wa-phone-info__cell span,
  .wa-context-block__head span,
  .wa-context-block__head p,
  .wa-lead-activation__reference > span,
  .wa-lead-activation__preview > span,
  .wa-number-section__head span,
  .wa-number-row__main span,
  .wa-number-row__main small,
  .wa-state__row dt span,
  .wa-variable-map__row small
) {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .wa-negotiation__icon {
  background: var(--ax-dark-success-surface);
  color: var(--ax-dark-success-text);
}

[data-admin-theme="dark"] .wa-workspace :where(
  .wa-field--divider,
  .wa-context-block__head,
  .wa-number-section,
  .wa-test
) {
  border-color: var(--ax-dark-border-soft);
}

@media (prefers-reduced-motion: reduce) {
  .wa-tabs__item,
  .wa-workspace .ax-btn {
    transition: none !important;
  }
}
/* Accessible step navigation for the WhatsApp campaign builder. */
.whatsapp-campaign-builder {
  min-width: 0;
}

.whatsapp-campaign-builder__step:focus-visible {
  border-color: var(--admin-primary);
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 2px;
}

[data-admin-theme="dark"] .whatsapp-campaign-builder__nav {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .whatsapp-campaign-builder__step {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .whatsapp-campaign-builder__step:hover,
[data-admin-theme="dark"] .whatsapp-campaign-builder__step:focus-visible {
  border-color: var(--ax-dark-focus-border);
  background: var(--ax-dark-surface-hover);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .whatsapp-campaign-builder__step.is-active {
  border-color: var(--ax-dark-focus-border);
  background: #203a5c;
  color: #dcecff;
}

[data-admin-theme="dark"] .whatsapp-campaign-builder__progress {
  background: var(--ax-dark-surface-hover);
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-campaign-builder__step,
  .whatsapp-campaign-builder__progress > span {
    transition: none !important;
  }
}
/* Shared button contract: sizing, interaction, semantic variants and dark states. */
.ax-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--ax-btn-h);
  height: var(--ax-btn-h);
  padding: 0 var(--ax-btn-px);
  border: 1px solid var(--ax-field-border);
  border-radius: var(--ax-btn-radius);
  background: var(--ax-control-bg);
  color: #344054;
  font-size: var(--ax-btn-font);
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 1px 1px rgb(16 24 40 / 0.04);
  transition: background var(--ax-motion-fast) var(--ax-motion-ease), border-color var(--ax-motion-fast) var(--ax-motion-ease), color var(--ax-motion-fast) var(--ax-motion-ease), box-shadow var(--ax-motion-fast) var(--ax-motion-ease), filter var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-btn:hover { border-color: var(--ax-field-hover); background: var(--ax-control-hover); color: #202a37; box-shadow: 0 1px 2px rgb(16 24 40 / 0.08); text-decoration: none; }
.ax-btn:focus,
.ax-btn:focus-visible { border-color: var(--ax-field-focus); outline: none; box-shadow: 0 0 0 2px var(--admin-primary-ring); text-decoration: none; }
.ax-btn:visited { color: #344054; text-decoration: none; }

.ax-btn:disabled,
.ax-btn[disabled],
.ax-btn.is-disabled,
a.ax-btn[aria-disabled="true"] {
  border-color: #d8dee8;
  background: #f5f7fa;
  color: #98a2b3;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

.ax-btn .ax-ico { font-size: 15px; }
.ax-btn--primary { border-color: var(--admin-primary); background: var(--admin-primary); color: var(--admin-primary-fg); box-shadow: 0 1px 2px rgb(16 24 40 / 0.12); }
.ax-btn--primary:hover { border-color: var(--admin-primary-hover); background: var(--admin-primary-hover); }

.ax-btn.ax-btn--primary,
a.ax-btn.ax-btn--primary,
button.ax-btn.ax-btn--primary,
input.ax-btn.ax-btn--primary,
.ax-btn.ax-btn--primary:visited,
a.ax-btn.ax-btn--primary:visited,
.ax-btn.ax-btn--primary:hover,
a.ax-btn.ax-btn--primary:hover,
.ax-btn.ax-btn--primary:focus,
a.ax-btn.ax-btn--primary:focus,
.ax-btn.ax-btn--primary:focus-visible,
a.ax-btn.ax-btn--primary:focus-visible { color: var(--admin-primary-fg); text-decoration: none; }

.ax-btn.ax-btn--primary .ax-ico { color: inherit; }
.ax-btn.ax-btn--primary:disabled,
.ax-btn.ax-btn--primary[disabled],
.ax-btn.ax-btn--primary.is-disabled,
a.ax-btn.ax-btn--primary[aria-disabled="true"] {
  border-color: #d8dee8;
  background: #f5f7fa;
  color: #98a2b3;
  box-shadow: none;
}
.ax-btn--ghost { border-color: transparent; background: transparent; color: #475467; box-shadow: none; }
.ax-btn--ghost:hover { border-color: transparent; background: var(--ax-control-hover); color: #202a37; box-shadow: none; }
.ax-btn--danger { border-color: #fda4af; background: #fff; color: #be123c; }
.ax-btn--danger:hover,
.ax-btn--danger:focus,
.ax-btn--danger:focus-visible { border-color: #fb7185; background: #fff1f2; color: #9f1239; }
.ax-btn--success { border-color: #abefc6; background: #ecfdf3; color: #067647; }
.ax-btn--success:hover,
.ax-btn--success:focus,
.ax-btn--success:focus-visible { border-color: #75e0a7; background: #dcfae6; color: #05603a; }
.ax-btn--warning { border-color: #fedf89; background: #fffaeb; color: #b54708; }
.ax-btn--warning:hover,
.ax-btn--warning:focus,
.ax-btn--warning:focus-visible { border-color: #fdb022; background: #fef0c7; color: #93370d; }
.ax-btn--info { border-color: #b2ddff; background: #eff8ff; color: #175cd3; }
.ax-btn--info:hover,
.ax-btn--info:focus,
.ax-btn--info:focus-visible { border-color: #84caff; background: #d1e9ff; color: #1849a9; }
.ax-btn--danger:visited { color: #be123c; }
.ax-btn--success:visited { color: #067647; }
.ax-btn--warning:visited { color: #b54708; }
.ax-btn--info:visited { color: #175cd3; }
.ax-btn--sm { min-height: var(--ax-btn-h-sm); height: var(--ax-btn-h-sm); padding: 0 var(--ax-btn-px-sm); font-size: var(--ax-btn-font-sm); }
.ax-btn--icon { width: var(--ax-btn-icon); padding: 0; }
.ax-btn--icon.ax-btn--sm { width: var(--ax-btn-icon-sm); }
.ax-btn--block { width: 100%; }

[data-admin-theme="dark"] .ax-btn { border-color: var(--ax-dark-border); background: var(--ax-dark-surface-raised); color: var(--ax-dark-text-soft); }
[data-admin-theme="dark"] .ax-btn:disabled,
[data-admin-theme="dark"] .ax-btn[disabled],
[data-admin-theme="dark"] .ax-btn.is-disabled,
[data-admin-theme="dark"] a.ax-btn[aria-disabled="true"] { border-color: var(--ax-dark-border-soft); background: var(--ax-dark-surface); color: var(--ax-dark-text-muted); opacity: 1; }

[data-admin-theme="dark"] .ax-btn--danger { border-color: var(--ax-dark-danger-border); background: var(--ax-dark-danger-surface); color: var(--ax-dark-danger-text); box-shadow: none; }
[data-admin-theme="dark"] .ax-btn--danger:hover,
[data-admin-theme="dark"] .ax-btn--danger:focus-visible { border-color: #d46678; background: #512b35; color: #ffdce2; }
[data-admin-theme="dark"] .ax-btn--success { border-color: var(--ax-dark-success-border); background: var(--ax-dark-success-surface); color: var(--ax-dark-success-text); box-shadow: none; }
[data-admin-theme="dark"] .ax-btn--success:hover,
[data-admin-theme="dark"] .ax-btn--success:focus,
[data-admin-theme="dark"] .ax-btn--success:focus-visible { border-color: #4c9a76; background: #22513d; color: #c5f7da; }
[data-admin-theme="dark"] .ax-btn--warning { border-color: var(--ax-dark-warning-border); background: var(--ax-dark-warning-surface); color: var(--ax-dark-warning-text); box-shadow: none; }
[data-admin-theme="dark"] .ax-btn--warning:hover,
[data-admin-theme="dark"] .ax-btn--warning:focus,
[data-admin-theme="dark"] .ax-btn--warning:focus-visible { border-color: #ac8136; background: #503d1c; color: #ffe4a3; }
[data-admin-theme="dark"] .ax-btn--info { border-color: var(--ax-dark-info-border); background: var(--ax-dark-info-surface); color: var(--ax-dark-info-text); box-shadow: none; }
[data-admin-theme="dark"] .ax-btn--info:hover,
[data-admin-theme="dark"] .ax-btn--info:focus,
[data-admin-theme="dark"] .ax-btn--info:focus-visible { border-color: #5d86b4; background: #243f5f; color: #d5eaff; }

[data-admin-theme="dark"] .ax-btn:not(.ax-btn--primary):not(.ax-btn--danger):not(.ax-btn--success):not(.ax-btn--warning):not(.ax-btn--info):hover,
[data-admin-theme="dark"] .ax-btn:not(.ax-btn--primary):not(.ax-btn--danger):not(.ax-btn--success):not(.ax-btn--warning):not(.ax-btn--info):focus-visible { border-color: #526b8c; background: #24344e; color: var(--ax-dark-text); }
/* Compact actions used by the admin context bar. */
.ax-contextbar__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--ax-btn-h-sm);
  height: var(--ax-btn-h-sm);
  padding: 0 var(--ax-btn-px-sm);
  border: 1px solid var(--ax-field-border);
  border-radius: var(--ax-btn-radius);
  background: var(--ax-control-bg);
  color: #3b4656;
  text-decoration: none;
  font-size: var(--ax-btn-font-sm);
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 1px 1px rgb(15 23 42 / .04);
  transition: background var(--ax-motion-fast) var(--ax-motion-ease), border-color var(--ax-motion-fast) var(--ax-motion-ease), color var(--ax-motion-fast) var(--ax-motion-ease), box-shadow var(--ax-motion-fast) var(--ax-motion-ease), filter var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-contextbar__button:hover { border-color: var(--ax-field-hover); background: var(--ax-control-hover); color: var(--admin-ink); text-decoration: none; }
.ax-contextbar__button:focus,
.ax-contextbar__button:focus-visible { outline: none; border-color: var(--ax-field-focus); box-shadow: 0 0 0 2px var(--admin-primary-ring); text-decoration: none; }
.ax-contextbar__button:visited { color: #3b4656; text-decoration: none; }

.ax-contextbar__button em { display: inline-flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 5px; border-radius: 999px; background: var(--admin-primary-soft); color: var(--admin-primary-hover); font-size: 10px; font-style: normal; font-weight: 800; }
.ax-contextbar__button em.is-danger { background: #fee4e2; color: #b42318; }

.ax-contextbar__button--primary { border-color: color-mix(in srgb, var(--admin-primary) 85%, #172033); background: var(--admin-primary); color: var(--admin-primary-fg); box-shadow: 0 1px 2px rgb(16 24 40 / .12); }
.ax-contextbar__button--primary:hover,
.ax-contextbar__button--primary:focus,
.ax-contextbar__button--primary:focus-visible,
.ax-contextbar__button--primary:visited { border-color: var(--admin-primary-hover); background: var(--admin-primary-hover); color: var(--admin-primary-fg); text-decoration: none; }

.ax-contextbar__button--danger { border-color: #fecaca; background: #fff; color: #b42318; }
.ax-contextbar__button--danger:hover,
.ax-contextbar__button--danger:focus,
.ax-contextbar__button--danger:focus-visible,
.ax-contextbar__button--danger:visited { border-color: #fda29b; background: #fff5f5; color: #912018; }

.ax-contextbar__button:disabled,
.ax-contextbar__button[disabled],
.ax-contextbar__button.is-disabled,
a.ax-contextbar__button[aria-disabled="true"] { border-color: #d8dee8; background: #f5f7fa; color: #98a2b3; cursor: not-allowed; pointer-events: none; box-shadow: none; }

[data-admin-theme="dark"] .ax-contextbar__button:not(.ax-contextbar__button--primary):not(.ax-contextbar__button--danger),
[data-admin-theme="dark"] .ax-contextbar__button:not(.ax-contextbar__button--primary):not(.ax-contextbar__button--danger):visited { border-color: var(--ax-dark-border); background: var(--ax-dark-surface-raised); color: var(--ax-dark-text-soft); }
[data-admin-theme="dark"] .ax-contextbar__button:not(.ax-contextbar__button--primary):not(.ax-contextbar__button--danger):hover,
[data-admin-theme="dark"] .ax-contextbar__button:not(.ax-contextbar__button--primary):not(.ax-contextbar__button--danger):focus-visible { border-color: #526b8c; background: var(--ax-dark-surface-hover); color: var(--ax-dark-text); }

[data-admin-theme="dark"] .ax-contextbar__button--danger { border-color: var(--ax-dark-danger-border); background: var(--ax-dark-danger-surface); color: var(--ax-dark-danger-text); box-shadow: none; }
[data-admin-theme="dark"] .ax-contextbar__button--danger:hover,
[data-admin-theme="dark"] .ax-contextbar__button--danger:focus,
[data-admin-theme="dark"] .ax-contextbar__button--danger:focus-visible { border-color: #d46678; background: #512b35; color: #ffdce2; }

[data-admin-theme="dark"] .ax-contextbar__button:disabled,
[data-admin-theme="dark"] .ax-contextbar__button[disabled],
[data-admin-theme="dark"] .ax-contextbar__button.is-disabled,
[data-admin-theme="dark"] a.ax-contextbar__button[aria-disabled="true"] { border-color: var(--ax-dark-border-soft); background: var(--ax-dark-surface); color: var(--ax-dark-text-muted); opacity: 1; }
/* Shared AX modal shell. Bootstrap and feature-specific dialogs keep their own variants. */
.ax-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 7vh 16px 16px;
  overflow-y: auto;
  background: rgb(16 24 40 / 0.45);
}

.ax-modal-panel {
  width: 100%;
  max-width: 560px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 24px 48px rgb(16 24 40 / 0.28);
}

.ax-modal-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #eceef1;
}

.ax-modal-panel__title { color: #1f2733; font-size: 15px; font-weight: 650; }
.ax-modal-panel__body { padding: 18px; }
.ax-modal-panel__footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px; border-top: 1px solid #eceef1; }
.ax-modal-panel__section-header { border-bottom: 1px solid #e6e8eb; }
.ax-modal-panel__section-footer { border-top: 1px solid #e6e8eb; }

[data-admin-theme="dark"] .ax-modal-panel {
  border: 1px solid var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
  box-shadow: 0 24px 54px rgb(0 0 0 / .46);
}

[data-admin-theme="dark"] .ax-modal-panel__header,
[data-admin-theme="dark"] .ax-modal-panel__footer,
[data-admin-theme="dark"] .ax-modal-panel__section-header,
[data-admin-theme="dark"] .ax-modal-panel__section-footer { border-color: var(--ax-dark-border-soft); }
[data-admin-theme="dark"] .ax-modal-panel__title { color: var(--ax-dark-text); }

/* Bootstrap modal compatibility follows the same admin theme contract. */
[data-admin-theme="dark"] .modal-content {
  border-color: var(--ax-dark-divider);
  background: var(--admin-surface);
  color: var(--admin-ink);
  box-shadow: 0 24px 54px rgb(0 0 0 / .46);
}

[data-admin-theme="dark"] .modal-header,
[data-admin-theme="dark"] .modal-footer { border-color: var(--ax-dark-divider-soft); }

[data-admin-theme="dark"] .modal-title { color: var(--admin-ink); }

[data-admin-theme="dark"] .modal-body {
  background: var(--admin-surface);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .modal-content :where(.text-muted, .form-text) {
  color: var(--ax-dark-text-muted) !important;
}

[data-admin-theme="dark"] .modal-content :where(.card, .list-group-item) {
  background: var(--ax-dark-surface-raised);
  border-color: var(--ax-dark-border-soft);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .modal-content .btn-close {
  filter: invert(1) grayscale(1) brightness(1.7);
  opacity: .72;
}

[data-admin-theme="dark"] .modal-content .btn-close:hover,
[data-admin-theme="dark"] .modal-content .btn-close:focus-visible { opacity: 1; }
/* Shared dropdown menu contract. Bootstrap and feature popovers remain separate. */
.ax-menu {
  position: absolute;
  z-index: 50;
  min-width: 190px;
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgb(16 24 40 / 0.12);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px) scale(.985);
  transform-origin: top right;
  visibility: hidden;
  transition: opacity var(--ax-motion-fast) var(--ax-motion-ease), transform var(--ax-motion-fast) var(--ax-motion-ease), visibility 0s linear var(--ax-motion-fast);
}

.ax-menu--end {
  right: 0;
  left: auto;
}

.ax-menu__item--current {
  cursor: default;
  opacity: .7;
}

.ax-menu__item[aria-disabled="true"],
.ax-menu__item:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.ax-menu__theme-switch .ax-switch__track {
  display: inline-block;
}

.ax-menu__theme-switch.is-checked .ax-switch__track {
  background: var(--admin-primary);
  border-color: var(--admin-primary);
}

.ax-menu__theme-switch.is-checked .ax-switch__track::after {
  transform: translateX(12px);
}

.is-open > .ax-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  visibility: visible;
  transition-delay: 0s;
}

.ax-menu__header { padding: 7px 9px 5px; color: #667085; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.ax-menu__item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 7px 9px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #344054;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
  text-decoration: none;
}

.ax-menu__item i { color: #667085; }
.ax-menu__item:hover,
.ax-menu__item:focus-visible { background: #f2f4f7; color: #1f2733; outline: none; }
.ax-menu__item:hover i,
.ax-menu__item:focus-visible i { color: currentColor; }
.ax-menu__item--danger { color: #be123c; }
.ax-menu__item--danger:hover { background: #fff1f2; }
.ax-menu__sep { height: 1px; margin: 5px 0; background: #eceef1; }

[data-admin-theme="dark"] .ax-menu {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
  box-shadow: 0 14px 36px rgb(0 0 0 / .34), 0 0 0 1px rgb(0 0 0 / .14);
}

[data-admin-theme="dark"] .ax-menu__header { color: var(--ax-dark-text-muted); }
[data-admin-theme="dark"] .ax-menu__item { color: var(--ax-dark-text-soft); }
[data-admin-theme="dark"] .ax-menu__item i { color: var(--ax-dark-text-muted); }
[data-admin-theme="dark"] .ax-menu__item:hover,
[data-admin-theme="dark"] .ax-menu__item:focus-visible { background: var(--ax-dark-surface-hover); color: var(--ax-dark-text); }
[data-admin-theme="dark"] .ax-menu__item--danger { color: #fca5a5 !important; }
[data-admin-theme="dark"] .ax-menu__item--danger:hover { background: color-mix(in srgb, #dc2626 13%, var(--admin-surface)); color: #fecaca !important; }
[data-admin-theme="dark"] .ax-menu__sep { background: var(--ax-dark-border-soft); }

@media (prefers-reduced-motion: reduce) {
  .ax-menu {
    transform: none;
    transition-duration: 0.01ms;
  }
}

/* Bootstrap dropdown compatibility follows the same admin theme contract. */
[data-admin-theme="dark"] .dropdown-menu {
  border-color: var(--ax-dark-divider);
  background: color-mix(in srgb, var(--admin-surface) 92%, var(--ax-dark-shell));
  color: var(--admin-ink);
  box-shadow: 0 14px 36px rgb(0 0 0 / .34), 0 0 0 1px rgb(0 0 0 / .14);
}

[data-admin-theme="dark"] .dropdown-item { color: var(--admin-ink); }

[data-admin-theme="dark"] .dropdown-item:hover,
[data-admin-theme="dark"] .dropdown-item:focus {
  background: color-mix(in srgb, var(--admin-primary) 12%, var(--admin-surface));
  color: var(--admin-ink);
}

[data-admin-theme="dark"] .dropdown-item.text-danger { color: #fca5a5 !important; }
[data-admin-theme="dark"] .dropdown-item.text-danger:hover,
[data-admin-theme="dark"] .dropdown-item.text-danger:focus {
  background: color-mix(in srgb, #dc2626 13%, var(--admin-surface));
  color: #fecaca !important;
}

[data-admin-theme="dark"] .dropdown-divider { border-color: var(--ax-dark-divider-soft); }

[data-admin-theme="dark"] .dropdown-header { color: var(--ax-dark-text-muted); }

[data-admin-theme="dark"] .dropdown-item.active,
[data-admin-theme="dark"] .dropdown-item:active {
  background: color-mix(in srgb, var(--admin-primary) 20%, var(--admin-surface));
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .dropdown-item.disabled,
[data-admin-theme="dark"] .dropdown-item:disabled {
  background: transparent;
  color: var(--ax-dark-text-muted);
  opacity: .62;
}

[data-admin-theme="dark"] .dropdown-item :where(svg, i) { color: currentColor; }
/* Shared icon-only controls. Both legacy AX names retain their original geometry. */
.ax-ico-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  transition: background .12s, color .12s;
}

.ax-ico-btn:hover { background: #eceef1; color: #1f2733; }
.ax-ico-btn:active { background: #e2e6eb; color: #111827; }
.ax-ico-btn:focus-visible {
  background: #eceef1;
  color: #1f2733;
  outline: 2px solid var(--admin-primary-ring);
  outline-offset: 1px;
}

.ax-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #d8e1ec;
  border-radius: 7px;
  background: #fff;
  color: #667085;
  cursor: pointer;
  transition: border-color var(--ax-motion-fast) var(--ax-motion-ease), background var(--ax-motion-fast) var(--ax-motion-ease), color var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-icon-btn:hover { border-color: #c4d0df; background: #f8fafc; color: #1f2733; }
.ax-icon-btn:active { border-color: #aebdce; background: #eef2f7; color: #111827; }
.ax-icon-btn:focus-visible {
  border-color: var(--ax-field-focus);
  background: #f8fafc;
  color: #1f2733;
  outline: none;
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

[data-admin-theme="dark"] :where(.ax-ico-btn, .ax-icon-btn) {
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .ax-ico-btn {
  border-color: transparent;
  background: transparent;
}

[data-admin-theme="dark"] .ax-icon-btn {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] :where(.ax-ico-btn, .ax-icon-btn):hover,
[data-admin-theme="dark"] :where(.ax-ico-btn, .ax-icon-btn):focus-visible {
  border-color: #526b8c;
  background: #243a59;
  color: #badaf7;
  outline: none;
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

[data-admin-theme="dark"] :where(.ax-ico-btn, .ax-icon-btn):active {
  border-color: #607b9e;
  background: #2a4365;
  color: #d9eaff;
}

:where(.ax-ico-btn, .ax-icon-btn):is(:disabled, [aria-disabled="true"], .is-disabled) {
  cursor: not-allowed;
  opacity: .48;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  :where(.ax-ico-btn, .ax-icon-btn) { transition: none; }
}
/* Shared inline spinner and global admin navigation preloader. */
.ax-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  animation: ax-spin .65s linear infinite;
}

@keyframes ax-spin {
  to { transform: rotate(360deg); }
}

.ax-admin-preloader[hidden] { display: none !important; }

.ax-admin-preloader {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(248, 250, 252, .96);
  opacity: 0;
  pointer-events: none;
  transition: opacity 90ms var(--ax-motion-ease, ease);
  backdrop-filter: blur(1px);
}

.ax-admin-preloader.is-visible { opacity: 1; pointer-events: auto; }
.ax-admin-preloader.has-rendered { background: rgba(248, 250, 252, .88); }

.ax-admin-preloader__panel {
  display: grid;
  justify-items: center;
  gap: 8px;
  min-width: min(260px, calc(100vw - 40px));
  padding: 18px 20px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  color: #536177;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .16);
}

.ax-admin-preloader__panel strong { color: #273448; font-size: 13px; font-weight: 900; line-height: 1.2; }
.ax-admin-preloader__panel span:last-child { color: #7d8ba1; font-size: 11.5px; font-weight: 750; }

.ax-admin-preloader__spinner {
  width: 42px;
  height: 42px;
  border: 5px solid #d8dee8;
  border-top-color: var(--admin-primary, #365f8f);
  border-radius: 999px;
  animation: ax-spin .72s linear infinite;
}

[data-admin-theme="dark"] .ax-admin-preloader {
  background: color-mix(in srgb, var(--ax-dark-workspace) 96%, transparent);
}

[data-admin-theme="dark"] .ax-admin-preloader.has-rendered {
  background: color-mix(in srgb, var(--ax-dark-workspace) 88%, transparent);
}

[data-admin-theme="dark"] .ax-admin-preloader__panel {
  border-color: var(--ax-dark-border);
  background: color-mix(in srgb, var(--ax-dark-surface-raised) 96%, transparent);
  color: var(--ax-dark-text-soft);
  box-shadow: 0 18px 48px rgb(2 8 23 / .34);
}

[data-admin-theme="dark"] .ax-admin-preloader__panel strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-admin-preloader__panel span:last-child {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-admin-preloader__spinner {
  border-color: var(--ax-dark-border);
  border-top-color: var(--admin-primary);
}

html.ax-admin-is-loading body.ax-app .ax-main {
  opacity: .42;
  pointer-events: none;
  transition: opacity 120ms var(--ax-motion-ease, ease);
}

/* Shared dashboard placeholders used while lazy Turbo Frames resolve. */
.ax-dashboard-skeleton {
  overflow: hidden;
  min-height: 180px;
}

.ax-dashboard-skeleton--compact { min-height: 170px; }

.ax-skeleton-pill,
.ax-skeleton-row i,
.ax-skeleton-row b,
.ax-skeleton-row em,
.ax-skeleton-chart span,
.ax-skeleton-table span {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: #e7ecf3;
}

.ax-skeleton-pill::after,
.ax-skeleton-row i::after,
.ax-skeleton-row b::after,
.ax-skeleton-row em::after,
.ax-skeleton-chart span::after,
.ax-skeleton-table span::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
  animation: ax-skeleton-sheen 1.35s ease-in-out infinite;
}

.ax-skeleton-pill {
  display: inline-flex;
  width: 58px;
  height: 20px;
  flex: 0 0 auto;
}

.ax-skeleton-list { display: grid; gap: 10px; padding: 10px; }

.ax-skeleton-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
  min-height: 30px;
}

.ax-skeleton-row i { width: 24px; height: 24px; border-radius: 7px; }
.ax-skeleton-row b { display: block; height: 10px; min-width: 90px; }
.ax-skeleton-row em { display: block; width: 42px; height: 16px; }

.ax-skeleton-chart {
  display: flex;
  align-items: end;
  gap: 10px;
  height: 190px;
  margin: 10px 4px 0;
  padding: 18px 14px 12px;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  background:
    linear-gradient(#edf1f6 1px, transparent 1px) 0 24% / 100% 25%,
    #fbfcfe;
}

.ax-skeleton-chart span {
  flex: 1 1 0;
  min-width: 18px;
  border-radius: 6px 6px 2px 2px;
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 22%, #e7ecf3);
}

.ax-skeleton-chart span:nth-child(1) { height: 42%; }
.ax-skeleton-chart span:nth-child(2) { height: 66%; }
.ax-skeleton-chart span:nth-child(3) { height: 50%; }
.ax-skeleton-chart span:nth-child(4) { height: 78%; }
.ax-skeleton-chart span:nth-child(5) { height: 58%; }
.ax-skeleton-chart span:nth-child(6) { height: 72%; }
.ax-skeleton-chart span:nth-child(7) { height: 46%; }

.ax-skeleton-row__line--1 { width: 78%; }
.ax-skeleton-row__line--2 { width: 62%; }
.ax-skeleton-row__line--3 { width: 70%; }
.ax-skeleton-row__line--4 { width: 54%; }
.ax-skeleton-row__line--5 { width: 66%; }

.ax-skeleton-table { display: grid; gap: 9px; padding: 12px 10px; }
.ax-skeleton-table span { height: 26px; border-radius: 6px; }

@keyframes ax-skeleton-sheen {
  100% { transform: translateX(100%); }
}

[data-admin-theme="dark"] :where(
  .ax-skeleton-pill,
  .ax-skeleton-row i,
  .ax-skeleton-row b,
  .ax-skeleton-row em,
  .ax-skeleton-chart span,
  .ax-skeleton-table span
) {
  background: color-mix(in srgb, var(--admin-surface-header) 72%, var(--admin-surface));
}

[data-admin-theme="dark"] :where(
  .ax-skeleton-pill,
  .ax-skeleton-row i,
  .ax-skeleton-row b,
  .ax-skeleton-row em,
  .ax-skeleton-chart span,
  .ax-skeleton-table span
)::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--admin-ink) 9%, transparent), transparent);
}

[data-admin-theme="dark"] .ax-skeleton-chart {
  border-color: var(--ax-border-soft);
  background:
    linear-gradient(var(--ax-border-soft) 1px, transparent 1px) 0 24% / 100% 25%,
    color-mix(in srgb, var(--admin-surface-header) 36%, var(--admin-surface));
}

[data-admin-theme="dark"] .ax-skeleton-chart span {
  background: color-mix(in srgb, var(--admin-primary) 24%, var(--admin-surface));
}

@media (prefers-reduced-motion: reduce) {
  .ax-admin-preloader { transition: none; }

  .ax-spinner,
  .ax-admin-preloader__spinner,
  .ax-skeleton-pill::after,
  .ax-skeleton-row i::after,
  .ax-skeleton-row b::after,
  .ax-skeleton-row em::after,
  .ax-skeleton-chart span::after,
  .ax-skeleton-table span::after {
    animation: none;
  }
}
/* Dense operational panel used across admin modules. */
.ax-operational-panel {
  min-width: 0;
  overflow: visible;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 1px rgb(15 23 42 / 0.04);
}

.ax-operational-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 12px 16px;
  border-bottom: 1px solid #eceef1;
  background: #f8fafc;
  border-radius: 7px 7px 0 0;
}

.ax-operational-panel__eyebrow {
  display: block;
  color: #697586;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-operational-panel__header h2 {
  margin: 1px 0 0;
  color: #1f2733;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.15;
}

.ax-operational-panel__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

.ax-operational-panel__body {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
}

/* Generic panel content used by operational panels and compatible legacy shells. */
.ax-panel-body {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
}

.ax-panel-body--muted {
  border-bottom: 1px solid var(--ax-border-soft, #d8dee8);
  background: var(--ax-control-hover, #f8fafc);
}

/* Avoid a double 16px inset when the body already uses ax-panel-body. */
.ax-operational-panel__body:has(> .ax-panel-body) {
  gap: 0;
  padding: 0;
}

.ax-operational-panel__body > .ax-table-wrap {
  min-width: 0;
}

.ax-operational-panel__body > .ax-table-wrap:first-child {
  margin-top: 0;
}

[data-admin-theme="dark"] .ax-operational-panel {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-operational-panel__header {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-operational-panel__header h2 {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-operational-panel__eyebrow {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-panel-body--muted {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
}

@media (max-width: 639px) {
  .ax-operational-panel__header {
    align-items: flex-start;
    padding: 10px 12px;
    flex-wrap: wrap;
  }

  .ax-operational-panel__actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .ax-operational-panel__body,
  .ax-panel-body {
    gap: 12px;
    padding: 12px;
  }
}
.ax-panel {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-panel-bg);
  box-shadow: 0 1px 2px rgb(16 24 40 / .05);
}

.ax-panel__header {
  display: flex;
  min-width: 0;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--ax-border-soft);
  background: var(--ax-panel-header);
}

.ax-panel__heading {
  min-width: 0;
  flex: 1;
}

.ax-panel__title {
  margin: 0;
  color: var(--admin-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ax-panel__subtitle {
  margin: 2px 0 0;
  color: var(--ab-muted, #697586);
  font-size: 11.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.ax-panel__actions {
  display: inline-flex;
  min-width: 0;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.ax-panel__body {
  min-width: 0;
  max-width: 100%;
  padding: 12px;
}

.ax-panel--collapsible:not(.is-open) > .ax-panel__header {
  border-bottom-color: transparent;
}

.ax-panel__trigger {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 2px;
  margin: -2px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ax-panel__trigger:focus-visible {
  outline: 2px solid var(--ax-field-focus);
  outline-offset: 2px;
}

.ax-panel__trigger:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.ax-panel__chevron {
  flex: none;
  color: var(--ab-muted, #7b8797);
  font-size: 12px;
  transition: transform var(--ax-motion-fast) var(--ax-motion-ease);
}

.ax-panel--collapsible.is-open .ax-panel__chevron {
  transform: rotate(180deg);
}

.ax-panel--collapsible > .ax-panel__body {
  transition: max-height var(--ax-motion-base) var(--ax-motion-ease), opacity var(--ax-motion-fast) var(--ax-motion-ease);
}

[data-admin-theme="dark"] .ax-panel {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  color: var(--ax-dark-text);
  box-shadow: 0 1px 0 rgb(0 0 0 / .20);
}

[data-admin-theme="dark"] .ax-panel__header {
  border-bottom-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-panel__title {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-panel__subtitle,
[data-admin-theme="dark"] .ax-panel__chevron {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-panel--collapsible:not(.is-open) > .ax-panel__header {
  border-bottom-color: transparent;
}

@media (max-width: 767px) {
  .ax-panel__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ax-panel__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .ax-panel__header,
  .ax-panel__body {
    padding: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ax-panel__chevron,
  .ax-panel--collapsible > .ax-panel__body {
    transition: none !important;
  }
}
.ax-media-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
  gap: 16px;
}

.ax-media-preview {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.ax-media-preview__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ab-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.ax-media-preview__frame {
  display: grid;
  min-width: 0;
  min-height: 120px;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ab-panel-soft);
}

.ax-media-preview__image {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.ax-media-preview--compact .ax-media-preview__image { max-height: 120px; }

.ax-media-preview--mobile.ax-media-preview--compact .ax-media-preview__image {
  width: auto;
  height: 120px;
}

.ax-media-preview--thumbnail {
  display: inline-grid;
}

.ax-media-preview--thumbnail .ax-media-preview__frame,
.ax-media-preview--thumbnail .ax-media-preview__empty {
  width: 88px;
  height: 50px;
  min-height: 50px;
}

.ax-media-preview--thumbnail .ax-media-preview__image {
  width: 88px;
  height: 50px;
}

.ax-media-preview--thumbnail .ax-media-preview__empty .bi { font-size: 16px; }

.ax-media-preview__empty {
  display: grid;
  gap: 6px;
  min-height: 120px;
  place-content: center;
  color: var(--ab-muted);
  font-size: 12px;
  text-align: center;
}

.ax-media-preview__empty .bi { font-size: 24px; }
.ax-media-preview__body { min-width: 0; }

[data-admin-theme="dark"] .ax-media-preview__label,
[data-admin-theme="dark"] .ax-media-preview__empty {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-media-preview__frame {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
}

@media (max-width: 760px) {
  .ax-media-preview-grid { grid-template-columns: 1fr; }
}
/* Property operational hub: shared surface contract for overview, publication and audit timeline. */
.habitation-audit-modal {
  --hab-audit-card-bg: #fff;
}

.habitation-audit-tab:focus-visible {
  outline: 2px solid var(--admin-primary, #365f8f);
  outline-offset: 2px;
}

[data-admin-theme="dark"] .habitation-audit-modal {
  --hab-audit-card-bg: var(--ax-dark-surface-raised, #18243a);
  --hab-audit-surface: var(--ax-dark-surface, #0f1726);
  --hab-audit-surface-raised: var(--ax-dark-surface-raised, #18243a);
  --hab-audit-surface-soft: color-mix(in srgb, var(--ax-dark-surface-raised, #18243a) 72%, #0b1322);
  --hab-audit-border: var(--ax-dark-border, #33445f);
  --hab-audit-border-soft: var(--ax-dark-border-soft, #27364d);
  --hab-audit-text: var(--ax-dark-text, #edf3fb);
  --hab-audit-muted: var(--ax-dark-text-muted, #aebbd0);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-sub,
[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-tabs,
[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-content {
  border-color: var(--hab-audit-border-soft);
  background: var(--hab-audit-surface);
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-tab {
  border-color: var(--hab-audit-border);
  background: var(--hab-audit-surface-raised);
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-tab:hover {
  border-color: color-mix(in srgb, var(--admin-primary, #365f8f) 72%, var(--hab-audit-border));
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 16%, var(--hab-audit-surface-raised));
  color: var(--hab-audit-text);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-tab.active {
  border-color: color-mix(in srgb, var(--admin-primary, #365f8f) 72%, #8fb8e8);
  background: var(--admin-primary, #365f8f);
  color: #f8fbff;
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-tab__count {
  background: color-mix(in srgb, var(--hab-audit-surface) 72%, transparent);
  color: var(--hab-audit-text);
}

[data-admin-theme="dark"] .habitation-audit-modal :is(
  .habitation-operational-kpis article,
  .habitation-publication-summary article,
  .habitation-operational-panel,
  .ax-tl-card,
  .habitation-audit-empty
) {
  border-color: var(--hab-audit-border);
  background: var(--hab-audit-surface-raised);
  color: var(--hab-audit-text);
}

[data-admin-theme="dark"] .habitation-audit-modal :is(
  .habitation-operational-kpis span,
  .habitation-publication-summary span,
  .habitation-operational-panel ul,
  .habitation-operational-panel p,
  .habitation-hub-loading,
  .habitation-hub-error,
  .ax-tl-day,
  .ax-tl-time,
  .ax-tl-meta,
  .ax-tl-before,
  .habitation-audit-empty
) {
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal :is(
  .habitation-operational-kpis strong,
  .habitation-publication-summary strong,
  .habitation-operational-panel header,
  .habitation-publication-history h4,
  .ax-tl-title,
  .ax-tl-actor,
  .ax-tl-field,
  .ax-tl-after,
  .habitation-audit-detail-list
) {
  color: var(--hab-audit-text);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-publication-channel {
  border-color: var(--hab-audit-border);
  background: var(--hab-audit-surface-soft);
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-publication-channel.is-active {
  border-color: #277c5a;
  background: #123d31;
  color: #9be7c0;
}

.habitation-audit-modal .habitation-publication-history {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--ab-line-soft, #e7ebf2);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-publication-history {
  border-color: var(--hab-audit-border-soft);
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-publication-conflicts {
  border-color: var(--ax-dark-danger-border, #7f3434);
  background: var(--ax-dark-danger-surface, #351a22);
  color: var(--ax-dark-danger-text, #ffb4b4);
}

[data-admin-theme="dark"] .habitation-audit-modal .ax-tl {
  border-color: var(--hab-audit-border);
}

[data-admin-theme="dark"] .habitation-audit-modal .ax-tl-node {
  border-color: #76a9df;
  background: var(--hab-audit-surface-raised);
  color: #9bc5f1;
}

[data-admin-theme="dark"] .habitation-audit-modal .ax-tl-source {
  border-color: var(--hab-audit-border);
  background: var(--hab-audit-surface-soft);
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal .ax-tl-changes li {
  border: 1px solid var(--hab-audit-border-soft);
  background: var(--hab-audit-surface-soft);
  color: var(--hab-audit-muted);
}

[data-admin-theme="dark"] .habitation-audit-modal .ax-tl-changes li i {
  color: #8292aa;
}

[data-admin-theme="dark"] .habitation-audit-modal .habitation-audit-empty {
  border-style: dashed;
}
.ax-system {
  --ax-system-danger: #b42318;
  --ax-system-danger-border: #fecaca;
  --ax-system-danger-surface: #fff7f7;
  display: grid;
  gap: 10px;
}

[data-admin-theme="dark"] .ax-system {
  --ax-system-danger: var(--ax-dark-danger-text);
  --ax-system-danger-border: var(--ax-dark-danger-border);
  --ax-system-danger-surface: var(--ax-dark-danger-surface);
}

.ax-system .ax-filter-form { grid-template-columns: minmax(0, 1fr); }
.ax-system-login-release-field { min-width: min(100%, 360px); }

.ax-system-filter-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 6px;
}

.ax-system-filter-note { margin: 2px 0 0; }
.ax-system-hierarchy-filter { min-width: 0; padding-top: 2px; }
.ax-hierarchy-filter__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
.ax-hierarchy-filter__level { min-width: 0; }

.ax-system-job-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
}

.ax-system-job-strip__item {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: var(--ax-control-bg);
}

.ax-system-job-strip__item span,
.ax-system-note,
.ax-system-failure-row,
.ax-system-failure-row small,
.ax-system-admin-role { color: var(--ab-muted); }

.ax-system-job-strip__item span,
.ax-system-failures__eyebrow {
  display: block;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.ax-system-job-strip__item strong {
  display: block;
  margin-top: 4px;
  color: var(--admin-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.ax-system-job-strip__item--danger {
  border-color: var(--ax-system-danger-border);
  background: var(--ax-system-danger-surface);
}

.ax-system-job-strip__item--danger strong,
.ax-system-failures__eyebrow,
.ax-system-failure-row strong { color: var(--ax-system-danger); }

.ax-system-note { margin: 0; padding: 0 10px 10px; font-size: 12px; }
.ax-system-note code { color: var(--admin-ink); font-size: .9em; }

.ax-system-failures {
  display: grid;
  gap: 5px;
  margin: 0 10px 10px;
  padding: 9px;
  border: 1px solid var(--ax-system-danger-border);
  border-radius: 7px;
  background: var(--ax-system-danger-surface);
}

.ax-system-failure-row {
  display: grid;
  grid-template-columns: 42px minmax(150px, .9fr) minmax(120px, .7fr) minmax(0, 1.4fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  font-size: 12px;
}

.ax-system-failure-row strong,
.ax-system-failure-row span,
.ax-system-failure-row em,
.ax-system-failure-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-system-failure-row strong { font-variant-numeric: tabular-nums; }
.ax-system-failure-row span { color: var(--admin-ink); font-weight: 700; }
.ax-system-failure-row em { color: var(--admin-ink); font-style: normal; font-weight: 650; }
.ax-system-failure-row small { font-size: 11.5px; }

.ax-system-admin-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border-bottom: 1px solid var(--ax-border-soft);
}

.ax-system-admin-summary__badges,
.ax-system-admin-flags { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.ax-system-admin-summary__badges { justify-content: flex-end; flex: 0 0 auto; }
.ax-system-admin-role { display: block; margin-top: 2px; font-size: 11px; font-weight: 650; }
.ax-system-muted { color: var(--ab-muted); font-size: 12px; font-weight: 650; }

.ax-system-tenant-table {
  min-width: 980px;
  table-layout: fixed;
}

.ax-system-tenant-table th:first-child,
.ax-system-tenant-table td:first-child { width: 24%; }

.ax-system-tenant-table th:nth-child(2),
.ax-system-tenant-table td:nth-child(2) { width: 22%; }

.ax-system-tenant-table th:nth-child(3),
.ax-system-tenant-table td:nth-child(3) { width: 25%; }

.ax-system-tenant-table th:nth-child(4),
.ax-system-tenant-table td:nth-child(4) { width: 10%; }

.ax-system-tenant-table__actions-heading,
.ax-system-tenant-table__actions {
  width: 280px;
  text-align: right;
}

.ax-system-tenant-account,
.ax-system-tenant-owner-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ax-system-tenant-account__name,
.ax-system-tenant-account span,
.ax-system-tenant-owner-cell span,
.ax-system-tenant-slug {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-system-tenant-table .ax-system-tenant-account__name {
  display: block;
  color: var(--admin-primary);
  font-size: 13px;
  font-weight: 800;
}

.ax-system-tenant-account span {
  color: var(--ab-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.ax-system-tenant-slug {
  display: block;
  color: #475467;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
}

.ax-system-tenant-actions-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  min-width: 0;
}

.ax-system-tenant-actions-cell__secondary,
.ax-system-tenant-actions-cell__runtime {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

.ax-system-tenant-action-form {
  display: inline-flex;
  justify-content: flex-end;
  margin: 0;
}

.ax-system-tenant-action-form--primary {
  width: 100%;
}

.ax-system-tenant-action {
  gap: 6px;
  min-width: max-content;
  white-space: nowrap;
}

.ax-system-tenant-action .bi,
.ax-system-tenant-dev-badge .bi {
  font-size: 13px;
  line-height: 1;
}

.ax-system-tenant-action--primary {
  justify-content: center;
  min-width: 128px;
}

.ax-system-tenant-dev-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ax-system-tenant-action-note {
  display: inline-flex;
  align-items: center;
  min-height: var(--ax-btn-h-sm);
  color: var(--ab-muted);
  font-size: 12px;
  font-weight: 750;
}

.ax-system-tenant-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.ax-system-tenant-layout--edit {
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
}

.ax-system-tenant-aside,
.ax-system-tenant-main,
.ax-system-tenant-edit-form {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.ax-system-tenant-owner {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-control-hover);
}

.ax-system-tenant-owner > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.ax-system-tenant-owner strong,
.ax-system-tenant-owner span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-system-tenant-owner strong {
  color: var(--admin-ink);
  font-size: 13px;
  font-weight: 800;
}

.ax-system-tenant-owner span {
  color: var(--ab-muted);
  font-size: 12px;
  font-weight: 650;
}

.ax-system-tenant-actions,
.ax-system-tenant-edit-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}

.ax-system-tenant-actions form,
.ax-system-tenant-actions .button_to,
.ax-system-tenant-actions .ax-btn,
.ax-system-tenant-edit-actions .ax-btn {
  width: 100%;
}

.ax-system-theme-form,
.ax-system-theme-picker {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.ax-system-theme-picker {
  margin: 0;
  padding: 0;
  border: 0;
}

.ax-system-theme-picker legend {
  margin: 0;
  color: var(--ab-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
}

.ax-system-theme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  min-width: 0;
}

.ax-system-theme-option {
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

.ax-system-theme-option__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ax-system-theme-option__body,
.ax-system-theme-current {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: #fff;
}

.ax-system-theme-option__body {
  min-height: 118px;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.ax-system-theme-option:hover .ax-system-theme-option__body {
  border-color: var(--ax-field-hover);
  background: var(--ax-control-hover);
}

.ax-system-theme-option:has(.ax-system-theme-option__input:checked) .ax-system-theme-option__body {
  border-color: color-mix(in srgb, var(--admin-primary) 46%, var(--ax-border-soft));
  background: color-mix(in srgb, var(--admin-primary) 7%, #fff);
  box-shadow: inset 3px 0 0 var(--admin-primary);
}

.ax-system-theme-option:has(.ax-system-theme-option__input:focus-visible) .ax-system-theme-option__body {
  box-shadow: 0 0 0 3px var(--admin-primary-ring);
}

.ax-system-theme-option__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ax-system-theme-option__mark {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 2px solid #9aa8ba;
  border-radius: 999px;
  background: #fff;
}

.ax-system-theme-option:has(.ax-system-theme-option__input:checked) .ax-system-theme-option__mark {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
  box-shadow: inset 0 0 0 3px #fff;
}

.ax-system-theme-option__head strong,
.ax-system-theme-current strong {
  color: var(--admin-ink);
  font-size: 13px;
  font-weight: 850;
}

.ax-system-theme-option__description,
.ax-system-theme-current span {
  color: var(--ab-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.ax-system-theme-option__file,
.ax-system-theme-current code {
  overflow: hidden;
  color: var(--admin-primary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ax-system-theme-footer,
.ax-system-theme-readonly {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.ax-system-theme-footer p {
  margin: 0;
  color: var(--ab-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.ax-system-theme-readonly {
  align-items: stretch;
}

.ax-system-theme-current {
  flex: 1 1 auto;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.ax-system-theme-current__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: var(--admin-primary-soft);
  color: var(--admin-primary);
}

.ax-system-theme-current > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ax-system-domain-composer {
  padding: 12px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-control-hover);
}

.ax-system-domain-composer__actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
}

.ax-system-domain-composer__actions .ax-btn {
  min-width: max-content;
}

.ax-system-domain-edit {
  min-width: 0;
}

.ax-system-domain-edit[open] {
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 8px;
  background: var(--ax-control-hover);
}

[data-admin-theme="dark"] .ax-system-tenant-owner,
[data-admin-theme="dark"] .ax-system-domain-composer,
[data-admin-theme="dark"] .ax-system-domain-edit[open] {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .ax-system-tenant-owner strong,
[data-admin-theme="dark"] .ax-system-theme-option__head strong,
[data-admin-theme="dark"] .ax-system-theme-current strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-system-tenant-owner span,
[data-admin-theme="dark"] .ax-system-tenant-account span,
[data-admin-theme="dark"] .ax-system-tenant-slug,
[data-admin-theme="dark"] .ax-system-tenant-action-note,
[data-admin-theme="dark"] .ax-system-theme-option__description,
[data-admin-theme="dark"] .ax-system-theme-current span,
[data-admin-theme="dark"] .ax-system-theme-footer p {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-system-theme-option__body,
[data-admin-theme="dark"] .ax-system-theme-current {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .ax-system-theme-option:hover .ax-system-theme-option__body,
[data-admin-theme="dark"] .ax-system-theme-option:has(.ax-system-theme-option__input:checked) .ax-system-theme-option__body {
  border-color: #6294cc;
  background: #203a5c;
}

[data-admin-theme="dark"] .ax-system-theme-option__mark {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .ax-system-theme-option__file,
[data-admin-theme="dark"] .ax-system-theme-current code,
[data-admin-theme="dark"] .ax-system-theme-current__icon {
  color: var(--ax-dark-info-text);
}

[data-admin-theme="dark"] .ax-system-theme-current__icon {
  background: var(--ax-dark-info-surface);
}

@media (max-width: 900px) {
  .ax-system-tenant-layout,
  .ax-system-tenant-layout--edit { grid-template-columns: 1fr; }
  .ax-system-tenant-table { min-width: 880px; }
  .ax-system-tenant-table__actions-heading,
  .ax-system-tenant-table__actions { width: 240px; }
  .ax-system-job-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ax-system-admin-summary { flex-direction: column; }
  .ax-system-admin-summary__badges { justify-content: flex-start; }
  .ax-system-failure-row { grid-template-columns: 42px minmax(0, 1fr); }
  .ax-system-failure-row em,
  .ax-system-failure-row small { grid-column: 2; }
}

@media (max-width: 560px) {
  .ax-system-job-strip { grid-template-columns: 1fr; }
  .ax-system-filter-actions { align-items: stretch; flex-direction: column; }
  .ax-system-filter-actions .ax-btn { width: 100%; }
  .ax-system-tenant-actions,
  .ax-system-tenant-edit-actions,
  .ax-system-theme-footer,
  .ax-system-theme-readonly {
    align-items: stretch;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
  .ax-system-domain-composer__actions { justify-content: stretch; }
  .ax-system-domain-composer__actions .ax-btn { width: 100%; }
}
.ax-workflow { display: grid; gap: 8px; padding-top: 8px; }
.ax-workflow__form { min-width: 0; display: grid; gap: 8px; }
.ax-workflow__heading { margin-bottom: 0; }

.ax-workflow__brief {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ax-workflow__brief-item {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--ax-border-soft, #e4e9f0);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.ax-workflow__brief-number {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 12%, #fff);
  color: var(--admin-primary, #365f8f);
  font-size: 11px;
  font-weight: 800;
}

.ax-workflow__brief-number--green {
  background: #e7f7ef;
  color: #087f5b;
}

.ax-workflow__brief-item strong {
  display: block;
  color: #1f2733;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
}

.ax-workflow__brief-item span {
  display: block;
  color: #697586;
  font-size: 11.5px;
  line-height: 1.35;
  margin-top: 2px;
}

@media (max-width: 1180px) {
  .ax-workflow__brief { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .ax-workflow__brief { grid-template-columns: minmax(0, 1fr); }
}

.ax-workflow__scope {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--admin-primary, #365f8f) 18%, #d8dee8);
  border-radius: 8px;
  background: color-mix(in srgb, var(--admin-primary, #365f8f) 5%, #fff);
}

.ax-workflow__scope-main {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.ax-workflow__scope-main > i {
  flex: 0 0 auto;
  color: var(--admin-primary, #365f8f);
  font-size: 16px;
  line-height: 1.2;
}

.ax-workflow__scope-main strong {
  display: block;
  color: #1f2733;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.25;
}

.ax-workflow__scope-main span {
  display: block;
  color: #697586;
  font-size: 11.5px;
  line-height: 1.35;
  margin-top: 2px;
}

.ax-workflow__scope-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

@media (max-width: 900px) {
  .ax-workflow__scope {
    align-items: stretch;
    flex-direction: column;
  }

  .ax-workflow__scope-actions {
    justify-content: flex-start;
  }
}

.ax-workflow__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

@media (min-width: 1080px) {
  .ax-workflow__layout { grid-template-columns: minmax(0, 1fr) 340px; }
}

.ax-workflow__main { display: grid; min-width: 0; gap: 8px; }

/* Corpo padronizado dos cards reutilizáveis (ax_operational_panel não traz padding). */
.ax-workflow__panel-body { padding: 12px; display: grid; gap: 12px; }

.ax-workflow__inspector {
  display: grid;
  gap: 8px;
  min-width: 0;
  align-self: start;
}

@media (min-width: 1080px) {
  .ax-workflow__inspector {
    position: sticky;
    top: calc(var(--ax-navbar-h, 48px) + var(--ax-contextbar-h, 40px) + 8px);
  }
}

/* Campos e textos auxiliares */
.ax-workflow__config { display: grid; gap: 14px; }
.ax-workflow__field { display: grid; gap: 5px; min-width: 0; }
.ax-workflow__field-label { color: #1f2733; font-size: 12px; font-weight: 700; }
.ax-workflow__switches { display: grid; gap: 8px; }
.ax-workflow__hint { margin: 0; color: #8a93a3; font-size: 11.5px; line-height: 1.4; }

/* Stepper compacto do inspector */
.ax-workflow__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.ax-workflow__step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 14px;
}
.ax-workflow__step:last-child { padding-bottom: 0; }
.ax-workflow__step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 24px;
  bottom: 2px;
  width: 2px;
  background: var(--ax-border-soft, #e4e9f0);
}
.ax-workflow__step-badge {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--admin-primary, #365f8f);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  z-index: 1;
}
.ax-workflow__step-badge--amber { background: #d9890a; }
.ax-workflow__step-badge--green { background: #0e9f6e; }
.ax-workflow__step-badge--muted { background: #8a93a3; }
.ax-workflow__step-body { display: grid; gap: 1px; min-width: 0; padding-top: 2px; }
.ax-workflow__step-body strong { color: #1f2733; font-size: 12.5px; font-weight: 700; }
.ax-workflow__step-body span { color: #697586; font-size: 11.5px; line-height: 1.35; }

/* Linhas de estado/resumo */
.ax-workflow__state { margin: 0; display: grid; gap: 8px; }
.ax-workflow__state-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ax-workflow__state-row dt { margin: 0; color: #697586; font-size: 12px; }
.ax-workflow__state-row dd { margin: 0; font-size: 12.5px; font-weight: 600; color: #1f2733; }

.ax-workflow__actions { margin-top: 0; }

[data-admin-theme="dark"] .ax-workflow__brief-item {
  border-color: var(--ax-dark-border-soft);
  background: var(--ax-dark-surface);
  box-shadow: none;
}

[data-admin-theme="dark"] .ax-workflow__brief-number {
  background: color-mix(in srgb, var(--admin-primary) 24%, var(--ax-dark-surface));
}

[data-admin-theme="dark"] .ax-workflow__brief-number--green {
  background: color-mix(in srgb, #0e9f6e 24%, var(--ax-dark-surface));
  color: #75e0a7;
}

[data-admin-theme="dark"] .ax-workflow__brief-item strong,
[data-admin-theme="dark"] .ax-workflow__scope-main strong,
[data-admin-theme="dark"] .ax-workflow__field-label,
[data-admin-theme="dark"] .ax-workflow__step-body strong,
[data-admin-theme="dark"] .ax-workflow__state-row dd {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .ax-workflow__brief-item span,
[data-admin-theme="dark"] .ax-workflow__scope-main span,
[data-admin-theme="dark"] .ax-workflow__step-body span,
[data-admin-theme="dark"] .ax-workflow__state-row dt,
[data-admin-theme="dark"] .ax-workflow__hint {
  color: var(--ax-dark-text-muted);
}

[data-admin-theme="dark"] .ax-workflow__scope {
  border-color: color-mix(in srgb, var(--admin-primary) 40%, var(--ax-dark-border));
  background: color-mix(in srgb, var(--admin-primary) 10%, var(--ax-dark-surface));
}

[data-admin-theme="dark"] .ax-workflow__step:not(:last-child)::before {
  background: var(--ax-dark-border-soft);
}

@media (max-width: 640px) {
  .ax-workflow__scope-actions .ax-btn { width: 100%; }
}
.public-form-builder {
  display: grid;
  gap: 14px;
}

.public-form-builder__palette {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 8px;
}

.public-form-builder__palette-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid #d8e1ec;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 1px rgb(16 24 40 / 0.04);
  transition: border-color var(--ax-motion-fast) var(--ax-motion-ease), background var(--ax-motion-fast) var(--ax-motion-ease), color var(--ax-motion-fast) var(--ax-motion-ease), box-shadow var(--ax-motion-fast) var(--ax-motion-ease);
}

.public-form-builder__palette-button i {
  color: var(--admin-primary);
  font-size: 15px;
}

.public-form-builder__palette-button:hover,
.public-form-builder__palette-button:focus-visible {
  border-color: var(--admin-primary);
  background: #f2fbfd;
  color: #1f2733;
  outline: none;
  box-shadow: 0 0 0 2px var(--admin-primary-ring);
}

.public-form-builder__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #e4eaf2;
  border-radius: 8px;
  background: #f8fafc;
}

.public-form-builder__bar > div {
  display: grid;
  gap: 2px;
}

.public-form-builder__bar strong {
  color: #1f2733;
  font-size: 13px;
  font-weight: 850;
}

.public-form-builder__bar span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.public-form-builder__empty {
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 150px;
  padding: 28px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #fbfdff;
  text-align: center;
}

.public-form-builder__empty[hidden] {
  display: none;
}

.public-form-builder__empty i {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e7f6f8;
  color: var(--admin-primary);
  font-size: 18px;
}

.public-form-builder__empty strong {
  color: #202a37;
  font-size: 15px;
  font-weight: 850;
}

.public-form-builder__empty span {
  max-width: 420px;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.public-form-builder__bulk {
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.public-form-builder__bulk summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  color: #344054;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}

.public-form-builder__bulk summary::-webkit-details-marker {
  display: none;
}

.public-form-builder__bulk summary i {
  color: #b54708;
}

.public-form-builder__bulk-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid #edf1f6;
  background: #fbfcfe;
}

.public-form-builder__list {
  display: grid;
  gap: 12px;
}

.public-form-builder__field {
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(16 24 40 / 0.05);
  overflow: hidden;
}

.public-form-builder__field[hidden] {
  display: none;
}

.public-form-builder__field-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #edf1f6;
  background: #fbfcfe;
}

.public-form-builder__drag-handle {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: default;
}

.public-form-builder__field-title {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.public-form-builder__field-title strong,
.public-form-builder__field-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-form-builder__field-title strong {
  color: #202a37;
  font-size: 14px;
  font-weight: 850;
}

.public-form-builder__field-title span {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.public-form-builder__field-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.public-form-builder__remove {
  color: #be123c;
}

.public-form-builder__field-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  padding: 12px;
}

.public-form-builder__cell {
  min-width: 0;
}

.public-form-builder__cell--type {
  grid-column: span 3;
}

.public-form-builder__cell--name {
  grid-column: span 3;
}

.public-form-builder__cell--label {
  grid-column: span 6;
}

.public-form-builder__cell--placeholder,
.public-form-builder__cell--hint {
  grid-column: span 5;
}

.public-form-builder__cell--required {
  grid-column: span 2;
  align-self: end;
}

.public-form-builder__cell--options {
  grid-column: 1 / -1;
}

.public-form-builder__cell--options.is-hidden {
  display: none;
}

@media (max-width: 900px) {
  .public-form-builder__bar {
    align-items: stretch;
    flex-direction: column;
  }

  .public-form-builder__bar .ax-btn {
    width: 100%;
  }

  .public-form-builder__bulk-body {
    grid-template-columns: 1fr;
  }

  .public-form-builder__field-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .public-form-builder__field-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .public-form-builder__cell--type,
  .public-form-builder__cell--name,
  .public-form-builder__cell--label,
  .public-form-builder__cell--placeholder,
  .public-form-builder__cell--hint,
  .public-form-builder__cell--required {
    grid-column: 1 / -1;
  }
}

[data-admin-theme="dark"] .public-form-builder__palette-button,
[data-admin-theme="dark"] .public-form-builder__field {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .public-form-builder__palette-button:hover,
[data-admin-theme="dark"] .public-form-builder__palette-button:focus-visible {
  border-color: #5d86b4;
  background: #20344e;
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .public-form-builder__bar,
[data-admin-theme="dark"] .public-form-builder__empty,
[data-admin-theme="dark"] .public-form-builder__bulk,
[data-admin-theme="dark"] .public-form-builder__field-header {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface);
}

[data-admin-theme="dark"] .public-form-builder__bulk summary {
  color: var(--ax-dark-text-soft);
}

[data-admin-theme="dark"] .public-form-builder__bulk-body {
  border-color: var(--ax-dark-border);
  background: var(--ax-dark-surface-raised);
}

[data-admin-theme="dark"] .public-form-builder__bar strong,
[data-admin-theme="dark"] .public-form-builder__empty strong,
[data-admin-theme="dark"] .public-form-builder__field-title strong {
  color: var(--ax-dark-text);
}

[data-admin-theme="dark"] .public-form-builder__bar span,
[data-admin-theme="dark"] .public-form-builder__empty span,
[data-admin-theme="dark"] .public-form-builder__field-title span {
  color: var(--ax-dark-text-muted);
}
.lead-migration-workspace .ax-operational-panel__body {
  gap: 14px;
}

.lead-migration-settings-form {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.lead-migration-settings-form .ax-field-grid {
  gap: 10px 12px;
}

.lead-migration-settings-form__toggle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 9px 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: #f8fafc;
}

.lead-migration-readonly-field {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 9px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: #f8fafc;
  color: #344054;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
}

.lead-migration-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 2px;
}

.lead-migration-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lead-migration-command-form {
  display: contents;
}

.lead-migration-command {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 78px;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: #fff;
  color: var(--admin-ink);
  font: inherit;
  text-align: left;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.lead-migration-command:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--admin-primary) 44%, #d7dde7);
  background: #f8fafc;
  transform: translateY(-1px);
}

.lead-migration-command:disabled {
  cursor: not-allowed;
  background: #f3f5f8;
  color: #8a94a6;
  opacity: 1;
}

.lead-migration-command > i {
  flex: 0 0 auto;
  color: var(--admin-primary);
  font-size: 16px;
  line-height: 1.35;
}

.lead-migration-command:disabled > i {
  color: #98a2b3;
}

.lead-migration-command span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.lead-migration-command strong {
  color: inherit;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.25;
}

.lead-migration-command small {
  color: #697586;
  font-size: 10px;
  line-height: 1.3;
}

.lead-migration-command:disabled small {
  color: #98a2b3;
}

.lead-migration-command--primary {
  border-color: color-mix(in srgb, var(--admin-primary) 35%, #d7dde7);
  background: color-mix(in srgb, var(--admin-primary) 5%, #fff);
}

.lead-migration-progress {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: #f8fafc;
}

.lead-migration-progress > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #526071;
  font-size: 10.5px;
}

.lead-migration-progress strong {
  color: var(--admin-ink);
  font-size: 11.5px;
}

.lead-migration-funnel-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lead-migration-funnel-list span {
  padding: 5px 8px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: 10.5px;
  font-weight: 700;
}

.lead-migration-panel-hint {
  margin: 9px 0 0;
  color: #697586;
  font-size: 10.5px;
  line-height: 1.4;
}

.lead-migration-table code,
.lead-migration-webhook-code {
  color: #344054;
  font-size: 10px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.lead-migration-webhook-list .ax-status-list__row {
  grid-template-columns: minmax(92px, 118px) minmax(0, 1fr);
  align-items: start;
}

.lead-migration-webhook-list .ax-status-list__value {
  justify-content: flex-start;
  text-align: left;
}

.lead-migration-webhook-code {
  display: block;
  max-width: 100%;
  line-height: 1.35;
  white-space: normal;
}

.lead-migration-empty-state {
  display: grid;
  place-items: center;
  min-height: 118px;
  gap: 6px;
  color: #697586;
  font-size: 11px;
  text-align: center;
}

.lead-migration-empty-state i {
  color: var(--admin-primary);
  font-size: 22px;
}

.lead-migration-empty-state--compact {
  min-height: 86px;
}

.lead-migration-seller-list {
  display: grid;
  gap: 6px;
}

.lead-migration-seller-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--ax-border-soft);
  border-radius: 7px;
  background: #f8fafc;
}

.lead-migration-seller-row > div {
  display: grid;
  min-width: 0;
}

.lead-migration-seller-row strong {
  overflow: hidden;
  color: var(--admin-ink);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lead-migration-seller-row span {
  overflow: hidden;
  color: #697586;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lead-migration-workspace .integration-danger-zone {
  align-items: center;
}

.lead-migration-workspace .integration-danger-zone form {
  flex: 0 0 auto;
}

@media (max-width: 720px) {
  .lead-migration-command-grid {
    grid-template-columns: 1fr;
  }

  .lead-migration-progress > div:first-child {
    flex-direction: column;
  }
}
/* Lead funnel stage editor rows shared by create/edit modals. */
.lead-status-board {
  --lead-stage-border: var(--ax-border-soft, var(--ab-line, #d8dee8));
  --lead-stage-border-strong: var(--ab-line, var(--ax-border, #d5dde8));
  --lead-stage-surface: var(--admin-surface, #fff);
  --lead-stage-surface-soft: var(--admin-surface-header, var(--ab-panel-soft, #f4f7fb));
  --lead-stage-panel: var(--ab-panel, var(--admin-surface-subtle, #fbfcfe));
  --lead-stage-text: var(--admin-ink, var(--admin-text-main, #0f172a));
  --lead-stage-muted: var(--ab-muted, var(--admin-text-muted, #64748b));
  --lead-stage-primary: var(--admin-primary, #365f8f);
  --lead-stage-primary-ring: var(--admin-primary-ring, rgb(54 95 143 / .16));
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin: .7rem 0;
}

.lead-status-board-modal .lead-status-board,
.lead-status-board-modal .lead-stage-grid-header {
  width: 100%;
  max-width: none;
}

.lead-preset-flow {
  margin: .45rem 0 .8rem;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-radius: 8px;
  background: var(--admin-surface, #fff);
  overflow: hidden;
}

.lead-preset-flow__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  min-height: 44px;
  padding: .65rem .8rem;
  color: var(--admin-ink, #0f172a);
  cursor: pointer;
  list-style: none;
}

.lead-preset-flow__summary::-webkit-details-marker {
  display: none;
}

.lead-preset-flow__summary-main,
.lead-preset-flow__summary-meta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
}

.lead-preset-flow__summary-main {
  font-weight: 850;
}

.lead-preset-flow__summary-main .bi {
  color: var(--admin-primary, #365f8f);
}

.lead-preset-flow__summary-meta {
  color: var(--admin-text-muted, #64748b);
  font-size: .78rem;
  font-weight: 750;
}

.lead-preset-flow[open] .lead-preset-flow__summary-meta .bi {
  transform: rotate(180deg);
}

.lead-preset-flow__body {
  display: grid;
  gap: .75rem;
  padding: .75rem;
  border-top: 1px solid var(--ax-border-soft, #d8dee8);
  background: var(--admin-surface-subtle, #f8fafc);
}

.lead-preset-flow__map {
  display: grid;
  gap: .55rem;
  overflow-x: auto;
  padding: .1rem .1rem .25rem;
}

.lead-preset-flow__lane {
  display: grid;
  align-items: stretch;
  gap: .45rem;
  min-width: 1120px;
}

.lead-preset-flow__lane--main {
  grid-template-columns: minmax(170px, 1fr) 34px minmax(190px, 1.08fr) 34px minmax(190px, 1.08fr) 34px minmax(190px, 1.08fr) 34px minmax(170px, .9fr);
}

.lead-preset-flow__lane--support {
  grid-template-columns: minmax(170px, .92fr) 34px minmax(170px, .92fr);
  width: min(48%, 540px);
  margin-left: min(58%, 650px);
}

.lead-preset-flow__card {
  position: relative;
  display: grid;
  align-content: start;
  gap: .28rem;
  min-height: 150px;
  padding: .65rem .7rem;
  border: 1px solid color-mix(in srgb, var(--lead-preset-color, #365f8f) 36%, var(--ax-border-soft, #d8dee8));
  border-top: 4px solid var(--lead-preset-color, #365f8f);
  border-radius: 8px;
  background: color-mix(in srgb, var(--admin-surface, #fff) 92%, var(--lead-preset-color, #365f8f));
  box-shadow: 0 1px 2px rgb(15 23 42 / .05);
}

.lead-preset-flow__dot {
  width: .68rem;
  height: .68rem;
  border-radius: 999px;
  background: var(--lead-preset-color, #365f8f);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lead-preset-color, #365f8f) 18%, transparent);
}

.lead-preset-flow__card strong {
  color: var(--admin-ink, #0f172a);
  font-size: .9rem;
  line-height: 1.15;
}

.lead-preset-flow__card em {
  color: color-mix(in srgb, var(--lead-preset-color, #365f8f) 80%, #0f172a);
  font-size: .72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.2;
}

.lead-preset-flow__card p {
  margin: 0;
  color: var(--admin-text-muted, #64748b);
  font-size: .72rem;
  font-weight: 650;
  line-height: 1.26;
}

.lead-preset-flow__arrow {
  position: relative;
  align-self: center;
  height: 2px;
  background: var(--admin-border-strong, #9aa6b6);
}

.lead-preset-flow__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--admin-border-strong, #9aa6b6);
  transform: translateY(-50%);
}

.lead-preset-flow__transitions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}

.lead-preset-flow__transition {
  display: grid;
  gap: .35rem;
  min-width: 0;
  padding: .55rem .6rem;
  border: 1px solid var(--ax-border-soft, #d8dee8);
  border-left: 4px solid var(--lead-preset-color, #365f8f);
  border-radius: 8px;
  background: var(--admin-surface, #fff);
}

.lead-preset-flow__transition strong {
  color: var(--admin-ink, #0f172a);
  font-size: .78rem;
  font-weight: 850;
}

.lead-preset-flow__transition span {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}

.lead-preset-flow__transition b {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: .12rem .42rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-preset-next-color, #667085) 14%, #fff);
  color: color-mix(in srgb, var(--lead-preset-next-color, #667085) 80%, #0f172a);
  font-size: .68rem;
  font-weight: 800;
}

.lead-status-row {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem;
  border: 1px solid var(--lead-stage-border);
  border-radius: 8px;
  background: var(--ab-page);
}

.lead-status-row[hidden] {
  display: none !important;
}

.lead-status-row__handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 26px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #9aa6b6;
  cursor: grab;
}

.lead-status-row__handle:active {
  cursor: grabbing;
}

.lead-status-row__remove {
  flex: 0 0 auto;
  color: #b42318;
}

.lead-status-board__add {
  align-self: flex-start;
}

.lead-stage-grid-header {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  margin: .75rem 0 -.35rem;
  padding: 0 .35rem;
}

.lead-stage-grid-header__spacer {
  flex: 0 0 26px;
  width: 26px;
  min-height: 16px;
}

.lead-stage-grid-header__spacer--remove {
  flex-basis: 34px;
  width: 34px;
}

.lead-stage-grid-header__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(150px, .42fr);
  gap: .4rem;
  flex: 1 1 auto;
  min-width: 0;
}

.lead-status-row__content {
  display: grid;
  gap: .5rem;
  flex: 1 1 auto;
  min-width: 0;
}

.lead-status-row__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: 100%;
  padding: .55rem .7rem;
  border: 1px solid var(--lead-stage-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--lead-stage-surface) 96%, var(--lead-stage-primary));
  color: inherit;
  text-align: left;
}

.lead-status-row__summary strong,
.lead-status-row__summary small {
  display: block;
  min-width: 0;
}

.lead-status-row__summary strong {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--lead-stage-text);
  font-size: .9rem;
  font-weight: 850;
}

.lead-status-row__color-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: .72rem;
  height: .72rem;
  border: 2px solid color-mix(in srgb, var(--lead-stage-row-color, var(--lead-stage-primary)) 30%, #fff);
  border-radius: 999px;
  background: var(--lead-stage-row-color, var(--lead-stage-primary));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lead-stage-row-color, var(--lead-stage-primary)) 34%, transparent);
}

.lead-status-row__summary small {
  margin-top: .15rem;
  color: var(--lead-stage-muted);
  font-size: .76rem;
  line-height: 1.25;
}

.lead-status-row__summary-badges {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  flex: 0 0 auto;
}

.lead-status-row.is-open .lead-status-row__summary {
  border-color: color-mix(in srgb, var(--lead-stage-primary) 45%, var(--lead-stage-border-strong));
  box-shadow: 0 0 0 3px var(--lead-stage-primary-ring);
}

.lead-status-row.is-destroying .lead-status-row__summary {
  border-color: color-mix(in srgb, var(--admin-danger, #b42318) 55%, var(--lead-stage-border-strong));
  background: color-mix(in srgb, #fff 92%, var(--admin-danger, #b42318));
}

.lead-status-row.is-open .lead-status-row__summary-badges .bi-chevron-down {
  transform: rotate(180deg);
}

.lead-status-row__details {
  display: grid;
  gap: .55rem;
}

.lead-status-row__section {
  display: grid;
  gap: .45rem;
  padding: .6rem;
  border: 1px solid var(--lead-stage-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--lead-stage-surface) 96%, var(--lead-stage-primary));
}

.lead-status-row__destroy-panel {
  border-color: color-mix(in srgb, var(--admin-danger, #b42318) 42%, var(--lead-stage-border));
  background: color-mix(in srgb, #fff 94%, var(--admin-danger, #b42318));
}

.lead-status-row__section-title {
  color: var(--lead-stage-muted);
  font-size: .73rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}

.lead-status-row__section-title .ax-field-label-wrap,
.lead-status-row__automations-header .ax-field-label-wrap,
.lead-status-row__automations-summary .ax-field-label-wrap {
  align-items: center;
}

.lead-status-row__section-title .ax-field-label,
.lead-status-row__automations-header .ax-field-label,
.lead-status-row__automations-summary .ax-field-label {
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: 1;
}

.lead-status-row__section-title .ax-field-label__info,
.lead-status-row__automations-header .ax-field-label__info,
.lead-status-row__automations-summary .ax-field-label__info,
.lead-status-row__field-label + .ax-field-label__info {
  color: var(--lead-stage-muted);
}

.lead-status-row__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(150px, .42fr) 42px auto;
  gap: .4rem;
  align-items: center;
}

.lead-status-row__color-field {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .2rem;
  border: 1px solid var(--lead-stage-border);
  border-radius: 7px;
  background: var(--lead-stage-surface);
}

.lead-status-row__color-swatch {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.lead-status-row__color-swatch::-webkit-color-swatch-wrapper {
  padding: 0;
}

.lead-status-row__color-swatch::-webkit-color-swatch {
  border: 0;
  border-radius: 999px;
}

.lead-status-row__color-swatch::-moz-color-swatch {
  border: 0;
  border-radius: 999px;
}

.lead-status-row__ops-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: .55rem;
}

.lead-status-row__ops-grid > div {
  min-width: 0;
}

.lead-status-row__ops-grid .ax-label {
  margin-bottom: .25rem;
}

.lead-status-row__ops-grid .ax-field-label-wrap,
.lead-status-row__inline-help-label {
  margin-bottom: .25rem;
}

.lead-status-row__field-label {
  color: var(--lead-stage-text);
  font-size: .78rem;
  text-transform: none;
}

.lead-status-row__inline-help-label .ax-field-label {
  color: var(--lead-stage-text);
  font-size: .78rem;
  text-transform: none;
}

.lead-status-row__multiselect,
.lead-status-row__multiselect-wrapper {
  width: 100%;
}

.lead-status-row__multiselect-wrapper {
  z-index: 3;
}

.lead-status-row__multiselect-wrapper.dropdown-active {
  z-index: 30;
}

.lead-status-row__multiselect-wrapper .ts-dropdown {
  z-index: 31;
}

body.ax-app .lead-status-row__multiselect-wrapper.multi .ts-control {
  min-height: 34px !important;
  max-height: 76px;
  overflow-y: auto;
  padding: .25rem .45rem .15rem !important;
}

body.ax-app .lead-status-row__multiselect-wrapper.multi .ts-control > div.item {
  max-width: 100%;
  margin-bottom: .2rem;
}

.lead-status-row__chip-list,
.lead-status-row__visibility {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  min-width: 0;
}

.lead-status-row__chip-list--inline {
  margin-top: .4rem;
}

.lead-status-row__automations {
  display: grid;
  gap: .45rem;
  padding: 0;
  border: 1px solid var(--lead-stage-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--lead-stage-surface) 96%, var(--lead-stage-primary));
  overflow: hidden;
}

.lead-status-row__automations-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
  padding: .6rem;
  color: var(--lead-stage-muted);
  font-size: .76rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
  cursor: pointer;
  list-style: none;
}

.lead-status-row__automations-summary::-webkit-details-marker {
  display: none;
}

.lead-status-row__automations-summary::marker {
  content: "";
}

.lead-status-row__automations-summary > span {
  display: grid;
  gap: .15rem;
  min-width: 0;
}

.lead-status-row__automations-summary small {
  color: var(--lead-stage-muted);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

.lead-status-row__automations-summary .bi-chevron-down {
  transition: transform .16s ease;
}

.lead-status-row__automations[open] .lead-status-row__automations-summary {
  border-bottom: 1px solid var(--lead-stage-border);
}

.lead-status-row__automations[open] .lead-status-row__automations-summary .bi-chevron-down {
  transform: rotate(180deg);
}

.lead-status-row__automations-body {
  display: grid;
  gap: .45rem;
  padding: .6rem;
}

.lead-status-row__automations-actions {
  display: flex;
  justify-content: flex-end;
}

.lead-status-row__automations-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  color: var(--lead-stage-muted);
  font-size: .76rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}

.lead-status-row__automation-list {
  display: grid;
  gap: .4rem;
  min-width: 0;
}

.lead-status-row__automation-rule {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: .4rem;
  align-items: start;
  min-width: 0;
}

.lead-status-row__automation-rule > :where(.ax-control, .lead-status-row__automation-config, .lead-status-row__automation-toggle) {
  width: 100%;
  min-width: 0;
}

.lead-status-row__automation-rule > .lead-status-row__automation-toggle {
  grid-column: span 2;
  order: 1;
}

.lead-status-row__automation-rule > [data-lead-status-automation-field="trigger"] {
  grid-column: span 3;
  order: 2;
}

.lead-status-row__automation-rule > [data-lead-status-automation-field="after_amount"] {
  grid-column: span 1;
  order: 3;
}

.lead-status-row__automation-rule > [data-lead-status-automation-field="after_unit"] {
  grid-column: span 2;
  order: 4;
}

.lead-status-row__automation-rule > [data-lead-status-automation-config-field="unsuccessful_attempt_limit"] {
  grid-column: span 2;
  order: 5;
}

.lead-status-row__automation-rule > [data-lead-status-automation-field="action_type"] {
  grid-column: span 3;
  order: 6;
}

.lead-status-row__automation-rule > [data-action-config-panel],
.lead-status-row__automation-rule > [data-lead-status-automation-config-field="note"] {
  grid-column: span 4;
  order: 10;
}

.lead-status-row__automation-rule > .lead-status-row__automation-remove {
  grid-column: span 1;
  justify-self: end;
  order: 6;
}

.lead-status-row__automation-config {
  min-width: 0;
}

.lead-status-row__automation-config--wide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(100px, .45fr);
  gap: .35rem;
}

.lead-status-row__automation-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  min-height: 34px;
  padding: 0 .55rem;
  border: 1px solid var(--lead-stage-border);
  border-radius: 7px;
  color: var(--lead-stage-muted);
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
  background: var(--lead-stage-surface);
}

.lead-status-row__automation-toggle input {
  width: 14px;
  height: 14px;
  margin: 0;
}

.lead-status-row__automation-remove {
  width: 34px;
  height: 34px;
}

@media (max-width: 720px) {
  .lead-stage-grid-header {
    display: none;
  }

  .lead-status-row__fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-status-row__summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .lead-status-row__summary-badges {
    flex-wrap: wrap;
  }

  .lead-status-row__ops-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-status-row__automation-rule {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lead-status-row__automation-rule > .lead-status-row__automation-toggle,
  .lead-status-row__automation-rule > [data-lead-status-automation-field="after_amount"],
  .lead-status-row__automation-rule > [data-lead-status-automation-field="after_unit"],
  .lead-status-row__automation-rule > [data-lead-status-automation-config-field="unsuccessful_attempt_limit"],
  .lead-status-row__automation-rule > .lead-status-row__automation-remove {
    grid-column: span 3;
  }

  .lead-status-row__automation-rule > [data-lead-status-automation-field="trigger"],
  .lead-status-row__automation-rule > [data-lead-status-automation-field="action_type"],
  .lead-status-row__automation-rule > [data-action-config-panel],
  .lead-status-row__automation-rule > [data-lead-status-automation-config-field="note"] {
    grid-column: span 6;
  }

  .lead-status-row__automation-config--wide {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-preset-flow__summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .lead-preset-flow__lane,
  .lead-preset-flow__lane--main,
  .lead-preset-flow__lane--support {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    margin-left: 0;
  }

  .lead-preset-flow__arrow {
    width: 2px;
    height: 18px;
    justify-self: center;
    align-self: center;
  }

  .lead-preset-flow__arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    border-top: 8px solid var(--admin-border-strong, #9aa6b6);
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    transform: translateX(-50%);
  }

  .lead-preset-flow__transitions {
    grid-template-columns: 1fr;
  }
}
/*













































































 */