body.is-authenticated {
  display: flex;
  flex-direction: column;
  min-height: var(--vh);
}
body.is-authenticated .workspace-footer {
  flex: 0 0 auto;
  margin-top: auto;
}
.top,
.ui-header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  display: flex;
  align-items: center;
  min-height: var(--header-height);
  gap: var(--space-4);
  padding-inline: max(
    var(--page-padding),
    calc((100vw - var(--page-max-width)) / 2)
  );
  background: var(--color-surface);
  border-bottom: var(--border-thin) solid var(--color-border);
}
.grid.two {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--workspace-panel-gap);
  align-items: stretch;
}
.brand strong {
  display: block;
}
.brand small {
  display: block;
  color: var(--color-muted);
  font-size: var(--font-12);
}
.panel,
.ui-card {
  min-width: 0;
  padding: var(--density-card-padding);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-subtle);
}
.panel-head,
.ui-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.panel h1 {
  margin: 0 0 var(--space-1);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
}
.panel p {
  margin: 0;
  color: var(--color-muted);
}
.admin-list-pager .ui-button,
.ui-button.compact,
:where(table, .ui-aligned-table) .ui-button {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  min-width: var(--button-min-width-table);
  max-width: none;
  padding: 0 var(--space-4);
}
.ui-button.ghost {
  background: 0 0;
  border-color: transparent;
}
.actions.equal-buttons > .ui-button,
.ui-actions.equal-buttons > .ui-button {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.ui-button.destructive:not(:disabled) {
  color: var(--color-danger);
  background: var(--color-danger-soft);
  border-color: var(--color-danger-border);
}
.ui-button.destructive:hover:not(:disabled) {
  color: var(--color-danger-strong);
  background: var(--color-danger-hover-soft);
  border-color: var(--color-danger);
}
.ui-button.outline-danger:not(:disabled) {
  color: var(--color-danger);
  background: var(--color-surface);
  border-color: var(--color-danger-border);
}
.ui-button.outline-danger:hover:not(:disabled) {
  color: var(--color-danger-strong);
  background: var(--color-danger-soft);
  border-color: var(--color-danger);
}
.badge.neutral,
.ui-status.neutral {
  color: var(--color-neutral);
  background: var(--color-neutral-soft);
}
.badge.info,
.ui-status.info {
  color: var(--color-info);
  background: var(--color-info-soft);
}
.badge.ok,
.badge.success,
.ui-status.ok,
.ui-status.success {
  color: var(--color-success);
  background: var(--color-success-soft);
}
.badge.warn,
.badge.warning,
.ui-status.warn,
.ui-status.warning {
  color: var(--color-warning);
  background: var(--color-warning-soft);
}
.badge.bad,
.ui-status.bad {
  color: var(--color-danger);
  background: var(--color-danger-soft);
}
.admin-module-error {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  border: var(--border-thin) solid var(--color-danger);
  border-radius: var(--radius-lg);
  background: var(--color-danger-soft);
}
.admin-module-error .error {
  margin: 0;
  font-weight: var(--weight-strong);
}
.campaign-actions > .ui-button,
.download-actions > .ui-button {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
}
.admin-list-pager .ui-actions > .ui-button {
  max-width: var(--button-compact-max-width);
}
.ui-toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.pager {
  justify-content: flex-end;
  margin-top: var(--space-4);
}
.upload-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.drop.drag {
  background: var(--color-info-soft);
  border-color: var(--color-brand);
}
.progress {
  height: var(--space-2);
  width: 100%;
  margin: var(--space-3) 0;
  overflow: hidden;
  background: var(--color-loading-track);
  border-radius: var(--radius-pill);
}
.progress div {
  width: 0;
  height: 100%;
  background: var(--color-brand);
  transition: width var(--transition-base);
}
.status-text {
  min-height: 0;
  overflow-wrap: anywhere;
}
.badge,
.ui-status {
  display: inline-flex;
  align-items: center;
  height: var(--density-badge-height);
  min-height: var(--density-badge-height);
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.finance-alert {
  padding: var(--space-3) var(--space-3);
  color: var(--color-warning);
  background: var(--color-warning-soft);
  border: var(--border-thin) solid var(--color-warning-border);
  border-radius: var(--radius-lg);
}
.ui-metrics {
  display: grid;
  align-items: stretch;
  margin: var(--space-3) 0;
}
.finance-metrics {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: var(--space-4) 0;
}
.finance-metrics small,
.ui-metrics small {
  display: block;
  color: var(--color-muted);
  font-size: var(--font-12);
}
.finance-metrics strong,
.ui-metrics strong {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--font-20);
  overflow-wrap: anywhere;
}
.table-wrap,
.ui-data-grid {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
}
td.is-numeric,
td[data-type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
table td.is-numeric,
table th.is-numeric {
  white-space: nowrap;
}
table td.is-long,
table td.is-long * {
  overflow-wrap: anywhere;
}
td.is-text {
  text-align: left;
}
.admin-actions-column {
  text-align: center;
}
.profile-empty {
  padding: var(--space-8);
  color: var(--color-muted);
  text-align: center;
}
.kv {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-neutral-soft);
}
.kv:last-child {
  border-bottom: 0;
}
.kv span:first-child {
  color: var(--color-muted);
}
.modal,
.ui-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
  background: var(--color-overlay);
  backdrop-filter: blur(var(--space-1));
}
.modal.open,
.ui-modal.open {
  display: flex;
}
.ui-modal__panel {
  width: min(var(--modal-width-small), 100%);
  padding: var(--space-5);
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-modal);
}
.ui-toast {
  position: fixed;
  right: var(--space-5);
  bottom: var(--space-5);
  z-index: var(--z-modal);
  max-width: min(420px, calc(100vw - 40px));
  padding: var(--space-3) var(--space-4);
  color: var(--color-on-brand);
  background: var(--color-toast);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-subtle);
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--space-2));
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}
.ui-toast.show {
  opacity: 1;
  transform: none;
}
.workspace-header.workspace-header {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  background: var(--color-surface);
}
.workspace-header-inner {
  width: 100%;
  max-width: var(--page-max-width);
  min-height: var(--header-height);
  margin: 0 auto;
  padding: var(--space-1) var(--page-padding);
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  grid-template-areas: "brand nav account";
  align-items: center;
  column-gap: var(--space-3);
}
.workspace-header-inner > .brand {
  grid-area: brand;
  min-width: 0;
  gap: var(--space-2);
}
.workspace-header-inner > .account {
  grid-area: account;
  justify-self: end;
  min-width: 0;
  gap: var(--space-2);
  font-size: var(--font-12);
}
.workspace-header-inner > .workspace-nav {
  grid-area: nav;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-width: 0;
}
.campaign-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}
.download-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: 0;
}
.download-actions .ui-button {
  width: 100%;
  max-width: 180px;
}
@media (min-width: 1440px) {
  .admin-shell,
  .public-layout-container,
  .shell,
  .workspace-header-inner {
    padding-left: var(--page-padding-large);
    padding-right: var(--page-padding-large);
  }
}
.public-layout-container {
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
  padding-inline: var(--space-8);
}
.public-site-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 72px;
  margin-top: auto;
  padding-block: var(--space-4);
  background:
    var(--gradient-logo) left top/100% 3px no-repeat,
    var(--color-chrome);
  border-top: var(--border-thin) solid var(--color-on-brand-line);
}
.public-footer-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  padding-inline: var(--space-4);
  white-space: nowrap;
}
.public-footer-links {
  display: flex;
  align-items: center;
  gap: var(--space-5);
}
.public-footer-links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  text-decoration: none;
}
.public-footer-links a:focus-visible,
.public-footer-links a:hover {
  color: var(--color-on-brand);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.public-footer-copyright {
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  line-height: var(--leading-relaxed);
  white-space: nowrap;
}
body.admin-portal > .ui-header .account {
  gap: var(--space-2);
  min-width: 0;
}
body.admin-portal > .ui-header .account > span {
  max-width: 22ch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-12);
}
body.admin-portal .ui-button.ghost,
body.admin-portal input,
body.admin-portal select {
  padding-inline: var(--space-3);
}
body.admin-portal textarea {
  padding: var(--space-3);
  resize: vertical;
}
body.admin-portal .ui-field {
  gap: var(--space-1);
  font-size: var(--font-12);
}
.admin-workspace {
  max-width: 100%;
  align-content: start;
  gap: var(--grid-gap-standard);
  overflow: clip;
}
.admin-module {
  display: grid;
  min-width: 0;
  gap: var(--grid-gap-standard);
}
.admin-operational-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--grid-gap-standard);
  min-width: 0;
  width: 100%;
}
.admin-operational-stack > .admin-data-card,
.admin-operational-stack > .admin-operational-stack {
  min-width: 0;
  width: 100%;
}
.admin-data-card {
  min-width: 0;
  padding: var(--density-card-padding);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-none);
}
.admin-data-card > .ui-card__header {
  min-height: 32px;
  margin-bottom: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-border);
}
.admin-data-card h2 {
  margin: 0;
  font-size: var(--font-16);
  line-height: var(--leading-snug);
}
.admin-data-card pre {
  max-height: 28rem;
  margin: 0;
  overflow: auto;
  padding: var(--space-2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: var(--color-surface-subtle);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: var(--font-12);
}
.ui-data-grid.table-wrap {
  max-width: 100%;
  overflow: auto;
  border-radius: var(--radius-lg);
  overscroll-behavior-inline: contain;
}
.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-12);
  table-layout: auto;
}
.admin-table td {
  height: var(--density-row-height);
  padding: var(--space-1) var(--space-2);
  vertical-align: middle;
  text-align: left;
  border-bottom: var(--border-thin) solid var(--color-border);
  line-height: var(--leading-snug);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
  font-size: var(--font-12);
}
.admin-table td.is-numeric {
  white-space: nowrap;
}
.admin-table td.is-long {
  overflow-wrap: anywhere;
}
.admin-table th {
  height: var(--density-row-height);
  padding: var(--space-1) var(--space-2);
  vertical-align: middle;
  text-align: left;
  line-height: var(--leading-snug);
  white-space: normal;
  position: sticky;
  top: 0;
  z-index: var(--z-base);
  font-size: var(--font-12);
  overflow: visible;
  max-width: none;
}
.admin-table td.admin-actions-column,
.admin-table th.admin-actions-column {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}
.admin-table tbody tr:last-child td {
  border-bottom: 0;
}
.admin-table tbody tr:hover {
  background: var(--color-teal-soft);
}
.admin-metric {
  min-width: 0;
  padding: var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.admin-metric small {
  display: block;
  color: var(--color-muted);
  font-size: var(--font-12);
  line-height: var(--leading-snug);
}
.admin-metric strong {
  display: block;
  margin-top: var(--space-0);
  font-size: var(--font-14);
  line-height: var(--leading-snug);
  overflow-wrap: anywhere;
}
.admin-detail-record dt {
  min-width: 0;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-thin) solid var(--color-border);
  line-height: var(--leading-normal);
  color: var(--color-muted);
  background: var(--color-surface-subtle);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  overflow-wrap: anywhere;
}
.admin-detail-record dd {
  min-width: 0;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-thin) solid var(--color-border);
  line-height: var(--leading-normal);
  font-size: var(--font-12);
  overflow-wrap: anywhere;
}
.admin-detail-record dd:last-of-type,
.admin-detail-record dt:last-of-type {
  border-bottom: 0;
}
.admin-disclosure {
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  overflow: hidden;
}
.admin-disclosure > summary {
  display: flex;
  align-items: center;
  min-height: 32px;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-3);
  cursor: pointer;
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  list-style: none;
  outline: 0;
}
.admin-disclosure > summary::-webkit-details-marker {
  display: none;
}
.admin-disclosure[open] > summary {
  border-bottom: var(--border-thin) solid var(--color-border);
  background: var(--color-surface-subtle);
}
.admin-disclosure[open] > summary:after {
  content: "−";
}
.admin-disclosure__body {
  padding: var(--space-3);
  min-width: 0;
}
.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}
.admin-action-card {
  width: min(880px, calc(100vw - 24px));
  max-height: calc(90 * var(--vu));
  overflow: auto;
  padding: var(--space-4);
}
.admin-approval {
  padding: var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
}
body .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.admin-row-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.admin-table :is(th, td).is-numeric {
  padding-right: var(--space-5);
}
.admin-row-menu {
  position: relative;
  display: inline-block;
}
.admin-row-menu > summary {
  list-style: none;
  cursor: pointer;
}
.admin-row-menu > summary::-webkit-details-marker {
  display: none;
}
.admin-row-menu__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end;
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid var(--color-border);
  min-width: 0;
}
body.admin-portal .admin-module .admin-row-actions .ui-button {
  height: 28px;
  min-height: 28px;
  min-width: 64px;
  padding: 0 var(--space-3);
  font-size: var(--font-12);
  max-width: var(--button-compact-max-width);
  white-space: nowrap;
}
.admin-module .ui-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2);
}
.admin-module .ui-toolbar > .ui-field {
  flex: 0 1 240px;
}
.admin-module .ui-field,
.admin-module label {
  display: grid;
  gap: var(--space-0);
  margin-bottom: 0;
  font-size: var(--font-12);
}
.admin-module :where(input, select) {
  margin: 0;
  padding-block: 0;
  font-size: var(--font-14);
}
.admin-module .ui-toolbar > .ui-button {
  align-self: end;
}
.admin-module .profile-empty {
  min-height: 72px;
  margin: 0;
  padding: var(--space-5) var(--space-3);
  color: var(--color-muted);
  text-align: center;
}
body.admin-portal .ui-status {
  height: var(--density-badge-height);
  min-height: var(--density-badge-height);
  padding-inline: var(--space-2);
  font-size: var(--font-12);
}
body.admin-portal .ui-modal {
  padding: var(--space-3);
}
.admin-detail-component,
.admin-list-component {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
}
.admin-list-controls {
  display: flex;
  align-items: end;
  gap: var(--space-2);
  flex-wrap: wrap;
  min-width: 0;
}
.admin-list-filter {
  flex: 1 1 260px;
  max-width: 520px;
}
.admin-list-sort {
  flex: 0 1 220px;
}
.admin-list-pager {
  margin-top: var(--space-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
  color: var(--color-muted);
  font-size: var(--font-12);
}
.admin-list-detail {
  display: grid;
  gap: var(--grid-gap-standard);
  min-width: 0;
}
.admin-list-detail:empty {
  display: none;
}
.admin-value-link {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.admin-detail-component > .admin-disclosure + .admin-disclosure {
  margin-top: var(--space-1);
}
.admin-disclosure > summary:focus-visible {
  background: var(--color-teal-soft);
}
body.admin-portal .admin-workspace {
  display: grid;
  gap: var(--grid-gap-standard);
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
body.admin-portal .admin-detail-component,
body.admin-portal .admin-disclosure,
body.admin-portal .admin-disclosure__body,
body.admin-portal .admin-list-component,
body.admin-portal .admin-module,
body.admin-portal .admin-operational-stack {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .ui-data-grid.table-wrap.admin-primary-table-region {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
body.admin-portal .admin-row-actions {
  min-width: 0;
  max-width: none;
}
body.admin-portal .admin-row-actions .ui-button {
  white-space: nowrap;
}
body.admin-portal .admin-value-link {
  display: inline;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-underline-offset: 2px;
}
body.admin-portal .admin-detail-record dd,
body.admin-portal .field-note {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
body.admin-portal .admin-secondary-records {
  display: grid;
  min-width: 0;
  max-width: 100%;
  gap: var(--space-2);
}
body.admin-portal .admin-technical-overflow {
  min-width: 0;
  max-width: 100%;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-surface-subtle);
}
body.admin-portal .admin-technical-overflow__label {
  padding: var(--space-2) var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-border);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  color: var(--color-muted);
}
body.admin-portal .admin-technical-overflow pre {
  max-width: 100%;
  margin: 0;
  overflow-x: auto;
  overflow-y: auto;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}
body.admin-portal .admin-table tbody tr[aria-selected="true"] {
  background: var(--color-teal-soft);
  box-shadow: inset var(--border-strong) 0 0 var(--color-brand);
}
body.admin-portal
  .admin-table
  tbody
  tr[aria-selected="true"]
  td:first-child:before {
  content: "Selected: ";
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
body.admin-portal .admin-loading-state {
  min-height: 72px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: var(--space-4) var(--space-3);
  color: var(--color-muted);
  text-align: center;
}
body.admin-portal .profile-empty {
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.admin-portal .error {
  min-height: 2.8em;
  max-height: 2.8em;
  margin: var(--space-1) 0;
  color: var(--color-danger);
  font-size: var(--font-12);
  line-height: var(--leading-normal);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
}
body.admin-portal .admin-list-detail:focus {
  outline: 0;
}
@media (forced-colors: active) {
  body.admin-portal .admin-key-button[aria-current="page"],
  body.admin-portal .admin-table tbody tr[aria-selected="true"] {
    outline: var(--border-strong) solid CanvasText;
    outline-offset: -2px;
  }
}
.admin-inline-value {
  max-width: 100%;
  min-width: 0;
}
.admin-inline-value__body {
  margin-top: var(--space-2);
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.drop > input[type="file"],
html [hidden] {
  display: none;
}
body.login-only {
  min-height: var(--vh);
  background: var(--color-canvas);
}
html
  body.login-only
  > :is(
    .skip-link,
    .workspace-header,
    .workspace-main,
    .workspace-footer,
    .admin-header,
    .admin-main,
    .action-modal,
    .toast-region
  ) {
  display: none;
}
body.login-only > #loginModal {
  display: flex;
  background: var(--color-canvas);
  backdrop-filter: none;
}
body.is-authenticated > #loginModal {
  display: none;
}
body.is-authenticated
  > :is(.workspace-header, .workspace-main, .workspace-footer, .admin-main) {
  display: revert;
}
body.is-authenticated > .admin-header {
  display: flex;
  justify-content: space-between;
}
.action-modal[hidden],
.toast-region[hidden] {
  display: none;
}
.ui-toast.success {
  background: var(--color-success);
}
.ui-toast.warning {
  color: var(--color-ink);
  background: var(--color-warning-soft);
  border: var(--border-thin) solid var(--color-warning-border);
}
body .ui-toast.error {
  min-height: 0;
  max-height: none;
  margin: 0;
  text-align: left;
  border-left: var(--border-accent) solid var(--color-danger);
  background: var(--color-surface);
  color: var(--color-ink);
}
:where(table, .ui-aligned-table) th.is-heading,
:where(table, .ui-aligned-table) thead th {
  text-align: left;
  vertical-align: middle;
  font-weight: var(--weight-strong);
}
:where(table, .ui-aligned-table) thead th.is-numeric {
  text-align: right;
}
:where(table, .ui-aligned-table) thead th.is-action {
  text-align: center;
}
:where(table, .ui-aligned-table) td.is-numeric,
:where(table, .ui-aligned-table) td[data-type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
}
:where(table, .ui-aligned-table) td.admin-actions-column,
:where(table, .ui-aligned-table) td.is-action {
  text-align: center;
}
:where(table, .ui-aligned-table)
  td.is-action
  > :where(div, .ui-actions, .admin-row-actions) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-width: 0;
  max-width: 100%;
}
:where(table, .ui-aligned-table) .admin-row-actions .ui-button,
:where(table, .ui-aligned-table) td.is-action .ui-button {
  height: auto;
  overflow-wrap: anywhere;
  flex: 0 0 auto;
  max-width: none;
  white-space: nowrap;
}
body.admin-portal :where(.ui-data-grid.table-wrap.admin-primary-table-region) {
  overflow-x: auto;
  overflow-y: hidden;
}
body.admin-portal .admin-console-shell {
  display: block;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: var(--page-padding);
  min-width: 0;
}
body.admin-portal .admin-icon-rail {
  display: flex;
  align-items: stretch;
  gap: var(--space-1);
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
body.admin-portal .admin-icon-rail .admin-key-button {
  flex: 1 1 auto;
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}
@media (max-width: 1200px) {
  .view-search .engine-lane__icon {
    display: none;
  }
}
@media (max-width: 1200px) {
  body.admin-portal .admin-command-deck__primary {
    gap: var(--space-1);
  }
  body.admin-portal .admin-icon-rail {
    gap: var(--space-0);
  }
  body.admin-portal .admin-icon-rail .admin-key-button {
    min-width: 0;
    padding-left: var(--space-0);
    padding-right: var(--space-0);
  }
  body.admin-portal .admin-command-tools {
    padding-left: var(--space-1);
  }
  body.admin-portal .admin-command-tools .admin-key-button {
    min-width: 0;
  }
  body.admin-portal .admin-command-tools kbd {
    display: none;
  }
}
body.admin-portal .admin-key-button:hover {
  background: var(--color-teal-soft);
  border-color: var(--color-info-border);
}
body.admin-portal .admin-key-button:active {
  box-shadow: none;
}
body.admin-portal .admin-key-button:focus-visible {
  outline: var(--border-strong) solid var(--color-brand);
  outline-offset: 2px;
}
.admin-main:focus,
.admin-main:focus-visible,
.workspace-main:focus,
.workspace-main:focus-visible {
  outline: 0;
  box-shadow: none;
}
body.admin-portal .admin-table td.admin-actions-column {
  position: sticky;
  right: 0;
  box-shadow: -1px 0 0 var(--color-border);
  background: var(--color-surface);
}
body.admin-portal .admin-table th.admin-actions-column {
  position: sticky;
  right: 0;
  box-shadow: -1px 0 0 var(--color-border);
  background: var(--color-surface-subtle);
}
body.admin-portal .admin-command-review .admin-key-label {
  max-width: none;
}
body.admin-portal .admin-command-review kbd {
  padding: 1px var(--space-1h);
  border: var(--border-thin) solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-muted);
  font: inherit;
  font-size: var(--font-12);
}
body.admin-portal .admin-key-icon {
  display: grid;
  place-items: center;
  width: var(--admin-command-icon-size);
  height: var(--admin-command-icon-size);
}
body.admin-portal .admin-key-label {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
}
body.admin-portal .admin-command-palette__panel {
  width: min(680px, calc(100vw - (2 * var(--space-5))));
  max-height: min(calc(76 * var(--vu)), 720px);
  overflow: auto;
}
body.admin-portal .admin-command-results {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
body.admin-portal .admin-command-result:focus-visible,
body.admin-portal .admin-command-result:hover {
  background: var(--color-teal-soft);
  border-color: var(--color-info-border);
  outline: 0;
}
body.admin-portal .admin-command-result strong {
  font-size: var(--font-14);
}
body.admin-portal .admin-command-result small {
  color: var(--color-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-portal .admin-contextbar__identity h1 {
  margin: 0;
  font-size: var(--font-20);
  line-height: var(--leading-tight);
}
body.admin-portal .admin-nav-badge {
  position: absolute;
  top: 3px;
  right: 4px;
  display: grid;
  place-items: center;
  min-width: var(--admin-nav-badge-size);
  height: var(--admin-nav-badge-size);
  padding: 0 var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--color-danger);
  color: var(--color-on-brand);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  line-height: var(--leading-none);
}
.admin-attention-list {
  display: grid;
  border-top: var(--border-thin) solid var(--color-border);
}
.admin-attention-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  max-width: none;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-bottom: var(--border-thin) solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-ink);
  text-align: left;
  cursor: pointer;
}
.admin-attention-item:focus-visible,
.admin-attention-item:hover {
  background: var(--color-teal-soft);
  outline: 0;
}
.admin-attention-item:last-child {
  border-bottom: 0;
}
.admin-attention-item > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.admin-attention-severity {
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  text-transform: uppercase;
}
.admin-attention-severity[data-severity="critical"] {
  color: var(--color-danger);
}
.admin-attention-severity[data-severity="warning"] {
  color: var(--color-warning);
}
.admin-row-actions .ui-button[disabled],
.admin-row-actions a[aria-disabled="true"] {
  opacity: 0.45;
  pointer-events: none;
}
.workspace-order-console {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-5) 0;
  padding: var(--space-4);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.workspace-order-form {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}
.workspace-order-pricing {
  padding: var(--space-2) var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-canvas);
  align-self: start;
}
.workspace-order-pricing dl {
  display: grid;
  gap: calc(var(--space-2) * 0.75);
  margin: 0;
}
.workspace-order-pricing dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  padding-bottom: calc(var(--space-2) * 0.75);
  border-bottom: var(--border-thin) solid var(--color-border);
}
.workspace-order-pricing dl > div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.workspace-order-pricing dt {
  color: var(--color-muted);
  font-size: var(--font-12);
}
.workspace-order-pricing dd {
  margin: 0;
  font-weight: var(--weight-strong);
  font-size: var(--font-14);
  text-align: right;
}
[data-fit-list] td.workspace-order-next {
  max-width: 420px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
.admin-order-detail {
  margin-bottom: var(--space-3);
}
.campaign-status-panel .panel-head h2 {
  margin-bottom: 0;
}
.view-search .grid.two > .panel {
  grid-column: span 6;
  height: auto;
  min-height: 0;
  max-height: none;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.view-search .grid.two > .panel > .panel-head {
  flex: 0 0 auto;
}
.view-search .campaign-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.view-search .drop .drop-file-info {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}
.view-search .drop strong {
  display: block;
  max-width: 100%;
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-search .drop small {
  display: block;
  max-width: 100%;
  margin-top: var(--space-2);
  color: var(--color-muted);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: var(--leading-snug);
}
.view-search .drop > .upload-actions {
  justify-content: center;
  flex-wrap: wrap;
}
.view-search .consent {
  white-space: normal;
  overflow-wrap: anywhere;
  margin-top: var(--space-2);
  margin-bottom: 0;
  flex: 0 0 auto;
}
.view-search .campaign-actions {
  flex-wrap: wrap;
  margin-top: var(--space-3);
  padding-top: 0;
  margin-bottom: 0;
  flex: 0 0 auto;
}
.view-search .campaign-status-panel .progress {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}
.view-search .panel-head {
  flex-wrap: wrap;
}
.view-search .panel-head > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.view-search .campaign-actions > .ui-button {
  flex: 1 1 104px;
  height: auto;
  min-height: var(--control-height);
  white-space: normal;
}
.view-search .campaign-form > .ui-field {
  flex: 0 0 auto;
}
.view-search .campaign-name,
.view-search .campaign-name:disabled,
.view-search .campaign-name:focus,
.view-search .campaign-name:hover,
.view-search .campaign-name[aria-invalid="true"] {
  box-sizing: border-box;
  border-width: var(--border-thin);
  padding: 0 var(--space-3);
}
.workspace-main.shell {
  width: 100%;
  max-width: var(--page-max-width);
  padding-inline: var(--page-padding);
}
body:not(.login-only) .workspace-main.shell {
  margin-top: var(--desktop-section-gap-compact);
  padding-bottom: var(--desktop-section-gap-compact);
}
body:not(.login-only) .workspace-main .panel {
  padding: var(--space-4);
}
body:not(.login-only) .workspace-main .finance-metrics {
  margin: var(--space-3) 0;
  gap: var(--space-2);
}
body:not(.login-only) .workspace-main .workspace-order-console {
  gap: var(--space-2);
  margin: var(--space-4) 0 var(--space-3);
  padding: var(--space-3);
}
.view-search .choose-file {
  min-width: 128px;
}
.view-search .template-download {
  min-width: 104px;
}
body.admin-portal:not(.login-only) .admin-metric {
  padding: var(--space-2) var(--space-3);
}
body:not(.login-only) .workspace-main .grid.two > .panel,
body:not(.login-only) .workspace-main .view > .panel {
  padding: var(--desktop-panel-padding-compact);
}
body:not(.login-only) .workspace-main .panel-head,
body:not(.login-only) .workspace-main .ui-card__header {
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}
body:not(.login-only) .workspace-main .panel h1,
body:not(.login-only) .workspace-main .panel h2 {
  margin-bottom: var(--desktop-micro-gap);
}
body:not(.login-only) .workspace-main .campaign-actions,
body:not(.login-only) .workspace-main .download-actions,
body:not(.login-only) .workspace-main .ui-actions {
  gap: var(--space-2);
}
body.admin-portal:not(.login-only) > .ui-header {
  min-height: var(--desktop-header-compact);
  height: var(--desktop-header-compact);
  padding-block: var(--space-1);
}
body.admin-portal:not(.login-only) .admin-shell {
  padding-top: var(--desktop-section-gap-compact);
}
body.admin-portal:not(.login-only) .admin-module,
body.admin-portal:not(.login-only) .admin-operational-stack,
body.admin-portal:not(.login-only) .admin-workspace {
  gap: var(--desktop-section-gap-compact);
}
body.admin-portal:not(.login-only) .admin-action-card,
body.admin-portal:not(.login-only) .admin-data-card {
  padding: var(--desktop-panel-padding-compact);
}
body.admin-portal:not(.login-only) .admin-command-deck {
  top: var(--desktop-header-compact);
  gap: var(--space-1);
  padding-block: var(--space-1);
}
body.admin-portal:not(.login-only) .admin-contextbar {
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
}
.view-search .campaign-status-panel .panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.view-search .campaign-live-top {
  display: flex;
  gap: var(--space-3);
  font-size: var(--font-14);
  letter-spacing: var(--tracking-wide);
  justify-content: space-between;
}
.view-search .campaign-live-progress > strong {
  flex: 0 0 auto;
  min-width: 48px;
  text-align: right;
  font-size: var(--font-14);
}
.view-search .engine-lane__queue,
.view-search .engine-lane__running {
  font-size: var(--font-12);
  line-height: var(--leading-normal);
  white-space: nowrap;
}
.app-login :where(:not(svg, svg *)) {
  all: revert;
  box-sizing: border-box;
}
.app-login :where(button, input, select, textarea) {
  font-family: var(--font-family);
  line-height: var(--leading-normal);
}
.app-login :where(h1, h2, h3, strong, b) {
  font-weight: var(--weight-strong);
}
.app-login {
  font-size: var(--font-14);
  line-height: var(--leading-normal);
  color: var(--color-ink);
  margin: 0;
  padding: 0;
  height: 100%;
}
.ul-account-page .app-login .ul-screen {
  min-height: var(--vh);
}
.app-login .ul-screen {
  display: flex;
  min-height: var(--vh);
  width: 100%;
}
.app-login .ul-brand-panel {
  flex: 0 0 60%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6vw 7vw;
  color: var(--color-on-brand);
  background: var(--backdrop-brand);
}
.app-login .ul-brand-content {
  position: relative;
  z-index: var(--z-raised);
  max-width: 560px;
}
.app-login .ul-logo-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: calc(var(--space-8) + var(--space-4));
}
.app-login .ul-headline {
  margin: 0 0 var(--space-5) 0;
  max-width: 520px;
  min-height: 3.75em;
}
.app-login .ul-subline {
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-on-brand-muted);
  max-width: 420px;
  font-weight: var(--weight-regular);
  margin: 0;
}
.app-login .ul-divider {
  width: 44px;
  height: 3px;
  background: var(--color-brand-bright);
  margin: var(--space-6) 0 var(--space-6) 0;
  border-radius: var(--radius-pill);
}
.app-login .ul-login-card {
  width: 100%;
  max-width: 340px;
  position: relative;
}
.app-login .ul-card-header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}
.app-login .ul-card-title {
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  color: var(--color-ink);
  margin: 0;
}
.app-login .ul-card-sub {
  font-size: var(--font-14);
  color: var(--color-muted);
  margin: var(--space-0) 0 0 0;
  line-height: var(--leading-normal);
  margin-top: var(--space-1);
}
.app-login .ul-form-block {
  margin-top: var(--space-6);
}
.app-login .ul-field-label {
  display: block;
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  color: var(--color-ink);
  margin-bottom: var(--space-2);
}
.app-login .ul-field-wrap {
  position: relative;
  margin-bottom: var(--space-5);
}
.app-login .ul-field-input {
  width: 100%;
  height: var(--control-height);
  padding: 0 var(--space-3);
  border: var(--border-thin) solid var(--color-border-input);
  border-radius: var(--radius-md);
  font-size: var(--font-14);
  color: var(--color-ink);
  background: var(--color-surface);
  outline: 0;
}
.app-login .ul-hide-toggle {
  position: absolute;
  right: var(--space-2);
  top: 50%;
  transform: translateY(-50%);
  min-width: var(--control-toggle-height);
  height: var(--control-toggle-height);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  color: var(--color-brand);
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0 var(--space-2);
}
.app-login .ul-signin-btn:hover {
  background: var(--color-brand);
}
.app-login .ul-legal-note {
  text-align: center;
  color: var(--color-muted);
  margin-top: var(--space-5);
  line-height: var(--leading-relaxed);
  font-size: var(--font-14);
}
.app-login .ul-legal-note a {
  color: var(--color-muted);
  text-decoration: underline;
}
.app-login .ul-field-wrap input[type="password"] {
  padding-right: calc(var(--space-8) + var(--space-4));
}
.app-login .ul-form-error {
  font-size: var(--font-14);
  line-height: var(--leading-normal);
  color: var(--color-danger);
  margin: 0 0 var(--space-2);
  box-sizing: border-box;
  min-height: calc(var(--font-14) * var(--leading-normal));
  overflow-wrap: anywhere;
}
.app-login .ul-form-error.success {
  color: var(--color-success);
}
.app-login .ul-field-note {
  margin: 0 0 var(--space-1);
  line-height: var(--leading-normal);
  color: var(--color-muted);
  font-size: var(--font-14);
}
.app-login .ul-form-error:empty {
  display: block;
}
.app-login .ul-signin-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
.app-login :is(button, a):focus-visible {
  outline: var(--border-strong) solid var(--color-brand);
  outline-offset: 4px;
}
.view-search .live-campaign-ref,
.view-search .live-elapsed {
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-wide);
}
.view-search .campaign-live-counts strong {
  font-weight: var(--weight-strong);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-wide);
}
.view-search .live-percent {
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-wide);
}
.view-search .engine-lane.has-issues .engine-lane__results .is-issue dd {
  color: var(--color-danger);
}
@media (prefers-reduced-motion: reduce) {
  body.admin-portal .admin-key-button {
    transition: none;
  }
  .app-login * {
    transition: none !important;
  }
  .view-search .campaign-live-progress__track > span {
    transition: none;
  }
}
.view-search .campaign-status-panel .panel-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
body.login-only > .toast-region.show {
  display: block;
}
.ui-toast > strong {
  display: block;
  margin-bottom: var(--space-1);
  font-size: var(--font-14);
}
.ui-toast > span {
  display: block;
  line-height: var(--leading-normal);
  overflow-wrap: anywhere;
}
.ui-toast.error > strong {
  color: var(--color-danger);
}
.wm-context {
  display: inline-block;
  margin-left: var(--space-3);
  padding-left: var(--space-3);
  border-left: var(--border-thin) solid var(--color-border);
  font-size: var(--font-12);
  font-weight: var(--weight-regular);
  color: var(--color-muted);
  line-height: var(--leading-tight);
  white-space: nowrap;
}
.brand:has(.wordmark) {
  display: flex;
  align-items: center;
  gap: 0;
}
.app-login .ul-logo-row.ul-logo-row--wordmark {
  display: block;
}
.app-login .wordmark {
  color: inherit;
  line-height: var(--leading-none);
  font-family: inherit;
}
.app-login .wordmark .wm-sub {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--font-14);
  font-weight: var(--weight-regular);
  letter-spacing: var(--tracking-wide);
  color: var(--color-on-brand-muted);
  line-height: var(--leading-tight);
}
.app-login .wm-descriptor {
  display: block;
  margin: var(--space-3) 0 0;
  font-size: var(--font-14);
  font-weight: var(--weight-regular);
  letter-spacing: var(--tracking-wide);
  color: var(--color-on-brand-muted);
  font-family: inherit;
}
.admin-dashboard {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}
.admin-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-2);
}
.admin-kpi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-0);
  min-width: 0;
  padding: var(--space-2) var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-left: var(--border-accent) solid var(--color-border-strong);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.admin-kpi:hover {
  border-color: var(--color-info-border);
  box-shadow: var(--shadow-popover);
}
.admin-kpi:focus-visible {
  outline: var(--border-strong) solid var(--color-brand);
  outline-offset: 2px;
}
.admin-kpi.is-warn {
  border-left-color: var(--color-warning);
}
.admin-kpi.is-bad {
  border-left-color: var(--color-danger);
}
.admin-kpi__label {
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-muted);
}
.admin-kpi__value {
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
  font-variant-numeric: tabular-nums;
}
.admin-kpi__sub {
  font-size: var(--font-12);
  color: var(--color-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.admin-dashboard__pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-2);
  align-items: stretch;
}
.admin-dashboard__pair > .admin-data-card {
  margin: 0;
  height: 100%;
}
.admin-status-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.admin-status-list li {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-border);
  font-size: var(--font-14);
}
.admin-status-list li:last-child {
  border-bottom: 0;
}
.admin-status-list strong {
  font-size: var(--font-12);
}
.admin-chip {
  display: inline-block;
  padding: var(--space-0) var(--space-2h);
  border-radius: var(--radius-pill);
  background: var(--color-surface-2);
  color: var(--color-muted);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  line-height: var(--leading-normal);
  white-space: nowrap;
}
.admin-chip--ok {
  background: var(--color-success-soft);
  color: var(--color-success);
}
.admin-chip--warn {
  background: var(--color-warning-soft);
  color: var(--color-warning);
}
.admin-chip--bad {
  background: var(--color-danger-soft);
  color: var(--color-danger);
}
.admin-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-round);
  background: var(--color-danger);
}
.admin-status-dot.is-ok {
  background: var(--color-success);
}
.admin-all-clear {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-3) 0;
  font-size: var(--font-14);
  color: var(--color-muted);
}
.admin-usage {
  display: grid;
  gap: var(--space-3);
}
.admin-usage__head {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  font-size: var(--font-14);
  margin-bottom: var(--space-1);
}
.admin-usage__head span:last-child {
  font-variant-numeric: tabular-nums;
  color: var(--color-muted);
}
.admin-usage__bar {
  height: 8px;
  border-radius: var(--radius-sm);
  background: var(--color-loading-track);
  overflow: hidden;
}
.admin-usage__bar > span {
  display: block;
  height: 100%;
  min-width: 2px;
  background: var(--color-brand);
  border-radius: var(--radius-sm);
}
.admin-usage__bar.is-warn > span {
  background: var(--color-warning);
}
.admin-usage__bar.is-bad > span {
  background: var(--color-danger);
}
.admin-trend {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: var(--space-1);
  align-items: end;
  height: 150px;
}
.admin-trend__col {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  min-width: 0;
}
.admin-trend__bar {
  display: block;
  width: 100%;
  max-width: 22px;
  min-height: 2px;
  background: var(--color-brand);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.admin-trend__val {
  font-size: var(--font-12);
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  margin-bottom: var(--space-0);
}
.admin-trend__day {
  font-size: var(--font-12);
  color: var(--color-muted);
  margin-top: var(--space-1);
  font-variant-numeric: tabular-nums;
}
.admin-dashboard .ui-card__header {
  min-height: 44px;
  align-items: center;
}
:is(
  input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"],
    [type="hidden"],
    [type="button"],
    [type="submit"]
  ),
  select,
  textarea,
  .app-login .su-country__button
) {
  border: var(--border-thin) solid var(--color-border-input);
  outline: 0;
  box-shadow: none;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
  &:is(:focus, :focus-visible) {
    border-color: var(--color-brand);
    box-shadow: var(--field-ring);
  }
}
.workspace-main .view.active,
body.is-authenticated .workspace-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
}
.workspace-main .view > .panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.workspace-main .view > .panel > .panel-head {
  flex: 0 0 auto;
  align-items: center;
}
.view-search .grid.two {
  width: 100%;
  max-width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
  flex: 1 1 0;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr);
}
.fit-pager {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  height: var(--control-height-table);
  margin-top: var(--space-2);
}
.fit-pager [data-fit-status] {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--color-muted);
  font-size: var(--font-12);
  text-align: center;
}
.activity-item {
  display: grid;
  grid-template-columns: 170px 110px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  height: var(--table-row-height-compact);
  box-sizing: border-box;
  border-bottom: var(--border-thin) solid var(--color-border);
  font-size: var(--font-14);
}
.activity-item > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-item time {
  color: var(--color-muted);
}
.view-history .history-table td.history-actions {
  padding: 0 var(--space-1);
}
.view-history
  .history-table
  :is(td.history-name, td.history-period, td.history-outcome) {
  text-align: left;
}
.view-history
  .history-table
  :is(td.history-name, td.history-period)
  :is(strong, span, small) {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}
.view-history .history-table td.history-period,
.view-history .history-table td.history-period :is(strong, span, small),
.view-history
  .history-table
  td:not(.history-name):not(.history-period):not(.history-outcome) {
  white-space: nowrap;
}
.view-history .history-table small {
  color: var(--color-muted);
  font-size: var(--font-12);
}
.view-history .history-table td.history-outcome span {
  display: block;
  width: fit-content;
  margin-block: var(--space-0);
  padding: 1px var(--space-3);
  border-radius: var(--radius-pill);
  white-space: nowrap;
}
.account-tabs {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  gap: var(--space-1);
  min-width: 0;
}
.account-pane {
  display: none;
}
.account-pane.active {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--space-3);
  min-height: 0;
}
.account-pane > h2,
body
  .view-account
  .account-pane
  :is(.finance-metrics, .finance-note, .workspace-order-console) {
  flex: 0 0 auto;
  margin: 0;
}
.account-foot {
  flex: 0 0 auto;
  height: 28px;
  margin-top: var(--space-2);
}
.account-foot .finance-alert {
  padding: var(--space-1) var(--space-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-foot .finance-alert[hidden] {
  display: block;
  visibility: hidden;
}
.view-search .campaign-error-line {
  height: var(--status-line-height);
  margin: 0;
  color: var(--color-danger);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  line-height: var(--status-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-search .campaign-message .status-text {
  display: -webkit-box;
  height: 34px;
  margin: 0;
  overflow: hidden;
  color: var(--color-muted);
  font-size: var(--font-12);
  line-height: 17px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.view-search .campaign-status-panel .download-actions {
  flex-wrap: wrap;
  border-top: var(--border-thin) solid var(--color-border);
  padding-top: var(--space-3);
  flex: 0 0 auto;
  margin-top: 0;
}
.view-account .finance-metrics strong {
  margin-top: var(--space-0);
  font-size: var(--font-20);
}
.view-account .workspace-order-console,
body:not(.login-only) .workspace-main .view-account .workspace-order-console {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  border: 0;
}
.view-account .workspace-order-console .panel-head {
  margin: 0;
}
.view-account .workspace-order-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--space-4);
  align-items: start;
}
.view-account .workspace-order-form .fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}
.view-account .workspace-order-form .ui-field {
  margin: 0;
}
.view-account .workspace-order-form .ui-actions {
  margin: 0;
  margin-top: var(--space-2);
}
.view-account .workspace-order-form .finance-note {
  margin: var(--space-2) 0 0;
  min-height: 18px;
}
.finance-note.error {
  color: var(--color-danger);
}
.view-account .workspace-order-pricing dl > div {
  padding: var(--space-1) var(--space-3);
}
.view-account
  :is([data-account-pane="profile"], [data-account-pane="security"])
  .workspace-order-console {
  max-width: 720px;
}
.view-search .campaign-live-counts {
  font-size: var(--font-14);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--space-2);
  justify-content: center;
  gap: var(--space-1) var(--space-5);
}
.view-search .download-actions > .ui-button {
  flex: 1 1 104px;
  height: auto;
  min-height: var(--control-height);
  min-width: 0;
  padding: 0 var(--space-2);
  white-space: nowrap;
}
@media (max-height: 760px) {
  .app-login .ul-screen {
    min-height: 0;
    height: var(--vh);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .app-login .ul-login-panel {
    min-height: 0;
    height: var(--vh);
    overflow-x: hidden;
    overflow-y: auto;
    padding-block: var(--space-2) var(--space-8);
  }
  .app-login .ul-login-card {
    padding-block: var(--space-3);
  }
  .app-login .ul-signin-btn {
    margin-top: var(--space-1);
  }
  .app-login .ul-field-wrap {
    margin-bottom: var(--space-3);
  }
  .app-login .ul-form-block {
    gap: var(--space-1);
    margin-top: var(--space-3);
  }
}
body.admin-portal .admin-contextbar__identity {
  flex: 1 1 260px;
  min-width: 0;
}
body.admin-portal
  .admin-contextbar:has(.admin-contextbar__filters:not(:empty))
  .admin-contextbar__identity {
  flex-basis: 100%;
}
body.admin-portal .admin-contextbar__actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 0 1 auto;
}
body.admin-portal .admin-contextbar__filters:empty {
  display: none;
}
body.admin-portal .admin-contextbar__identity p {
  margin: var(--space-0) 0 0;
  color: var(--color-muted);
  font-size: var(--font-12);
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
}
.start-message {
  min-height: 2.6em;
  margin: var(--space-2) 0 0;
  font-size: var(--font-14);
  line-height: var(--leading-snug);
  color: var(--color-muted);
}
.start-message.error {
  color: var(--color-danger);
}
.app-login .ul-login-card--wide {
  max-width: 460px;
}
.app-login .su-form .ul-field-wrap {
  margin-bottom: var(--space-4);
}
.app-login .su-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.app-login .su-country__button {
  height: var(--control-height);
  text-align: left;
  cursor: pointer;
  color: var(--color-muted);
}
.app-login .su-country__button.is-chosen {
  color: var(--color-ink);
}
.app-login .su-country__panel {
  position: absolute;
  z-index: var(--z-sticky);
  left: 0;
  right: 0;
  top: 100%;
  margin-top: var(--space-1);
  padding: var(--space-2);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-subtle);
}
.app-login .su-country__panel[hidden] {
  display: none;
}
.app-login .su-country__list {
  list-style: none;
  margin: var(--space-2) 0 0;
  padding: 0;
  max-height: 170px;
  overflow-y: auto;
}
.app-login .su-country--up .su-country__panel {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--space-1);
}
.app-login .su-country__list li {
  box-sizing: border-box;
  height: 34px;
  line-height: 18px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: var(--font-14);
  color: var(--color-ink);
}
.app-login .su-country__list li:focus,
.app-login .su-country__list li:hover,
.app-login .su-country__list li[aria-selected="true"] {
  background: var(--color-canvas);
  outline: 0;
}
.app-login .su-country__list .su-country__empty {
  cursor: default;
  color: var(--color-muted);
}
.app-login .su-message {
  box-sizing: border-box;
  height: calc(var(--font-12) * var(--leading-snug) * 2);
  overflow: hidden;
  margin: 0 0 var(--space-2);
  font-size: var(--font-12);
  line-height: var(--leading-snug);
  color: var(--color-muted);
  overflow-wrap: anywhere;
}
.app-login .su-message.error {
  color: var(--color-danger);
  font-weight: var(--weight-strong);
}
.app-login .ul-field-input[aria-invalid="true"] {
  border-color: var(--color-danger);
}
.app-login .su-message.success {
  color: var(--color-success);
}
.app-login .su-code {
  font-family: var(--font-family);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-otp);
  font-size: var(--font-20);
  text-align: center;
}
.app-login .su-linkbutton {
  display: block;
  width: 100%;
  background: 0 0;
  border: none;
  cursor: pointer;
  font: inherit;
}
.app-login .su-linkbutton:disabled {
  opacity: 0.6;
  cursor: default;
}
.app-login .su-userid-box {
  margin: var(--space-4) 0;
  padding: var(--space-5);
  text-align: center;
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
}
.app-login .su-userid-label {
  display: block;
  font-size: var(--font-12);
  color: var(--color-muted);
}
.app-login .su-userid {
  font-family: var(--font-family);
  font-variant-numeric: tabular-nums;
  display: block;
  font-size: var(--font-20);
  letter-spacing: var(--tracking-code);
  color: var(--color-brand-strong);
}
.app-login .su-done-note {
  margin: 0 0 var(--space-4);
  font-size: var(--font-14);
  line-height: var(--leading-normal);
  color: var(--color-muted);
}
.app-login .su-button-link {
  display: block;
  text-align: center;
  text-decoration: none;
}
body.signup-page .app-login section[hidden] {
  display: none;
}
body.signup-page .app-login .ul-login-panel {
  align-items: flex-start;
  overflow-y: auto;
}
body.signup-page .app-login .ul-login-card {
  margin: auto;
}
@media (max-width: 1200px) {
  .view-search .engine-lane {
    padding-left: var(--space-1h);
    padding-right: var(--space-1h);
  }
  .view-search .campaign-live-counts,
  .view-search .campaign-live-top,
  .view-search .engine-lane__name,
  .view-search .engine-lane__processed,
  .view-search .engine-lane__queue,
  .view-search .engine-lane__running {
    font-size: var(--font-12);
  }
  .view-search .engine-lane .engine-lane__results {
    gap: var(--space-0);
  }
  .view-search .engine-lane .engine-lane__results > div {
    padding-inline: 0;
  }
  .view-search .engine-lane .engine-lane__results dt {
    white-space: normal;
    text-align: center;
    letter-spacing: 0;
  }
  body.admin-portal .admin-table td,
  body.admin-portal .admin-table th {
    padding-left: var(--space-1h);
    padding-right: var(--space-1h);
  }
}
@media (max-width: 1200px) {
  .admin-kpi-grid {
    display: flex;
    flex-wrap: wrap;
  }
  .admin-kpi-grid > .admin-kpi {
    flex: 1 1 calc(33.333% - var(--space-2));
  }
  .view-search .engine-lane__head {
    flex-wrap: nowrap;
    gap: var(--space-1);
  }
  .view-search .engine-lane__name {
    white-space: nowrap;
  }
}
.app-login .ul-login-panel {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-6);
  position: relative;
  background: var(--color-canvas);
}
@media (min-width: 1024px) {
  .app-login {
    --auth-top: clamp(40px, calc(19 * var(--vu)), 170px);
  }
  .app-login .ul-brand-panel {
    justify-content: flex-start;
    padding-top: var(--auth-top);
    padding-bottom: var(--space-6);
  }
  .app-login .ul-login-panel {
    align-items: flex-start;
    padding-top: var(--auth-top);
    padding-bottom: var(--space-10);
  }
  .app-login .ul-login-card,
  body.signup-page .app-login .ul-login-card {
    margin: 0 auto;
    padding-top: 0;
  }
}
body.admin-portal {
  --desktop-section-gap-compact: 8px;
  --desktop-panel-padding-compact: 12px;
  --page-padding: var(--space-4);
  --grid-gap-standard: var(--space-2h);
  --density-row-height: var(--dense-row-height);
  --density-card-padding: var(--space-3);
  --admin-contextbar-height: 40px;
  overflow-x: hidden;
  max-width: 100%;
  --admin-command-height: 56px;
  --admin-command-icon-size: 20px;
  --admin-command-min-width: 76px;
  --admin-command-deck-offset: 78px;
}
body.admin-portal .admin-key-button > span {
  display: block;
  line-height: var(--leading-tight);
}
body.admin-portal .admin-all-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 120px;
  margin: 0;
  color: var(--color-muted);
  text-align: center;
}
body.admin-portal .admin-data-card .profile-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  margin: 0;
  text-align: center;
}
.w-5 {
  width: 5em;
}
.w-45 {
  width: 4.5em;
}
.workspace-header {
  background: var(--color-surface-glass);
  backdrop-filter: blur(8px);
  border-bottom: var(--border-thin) solid var(--color-border);
}
.workspace-header .workspace-nav .nav {
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast);
}
.view-search .drop {
  box-sizing: border-box;
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: var(--space-4);
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: var(--space-3);
  border: var(--border-strong) dashed var(--color-info-border);
  border-radius: var(--radius-xl);
  background: linear-gradient(
    180deg,
    var(--color-surface-subtle),
    var(--color-surface-2)
  );
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}
.view-search .drop:hover {
  border-color: var(--color-brand);
  box-shadow: var(--shadow-brand);
}
.view-search .drop.drag {
  border-color: var(--lane-links);
  background: linear-gradient(
    180deg,
    var(--color-teal-faint),
    var(--color-teal-soft)
  );
  transform: scale(1.01);
}
.view-search .campaign-live-summary {
  border-bottom: var(--border-thin) solid var(--color-border-strong);
  font-variant-numeric: tabular-nums;
  padding-bottom: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: linear-gradient(
    180deg,
    var(--color-surface-subtle),
    var(--color-surface-2)
  );
}
.view-search .campaign-live-progress {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-2);
  justify-content: center;
}
.view-search .campaign-live-progress__track {
  flex: 1 1 auto;
  min-width: 0;
  border: var(--border-thin) solid var(--color-border);
  height: 14px;
  background-color: var(--color-surface-subtle);
  background-image: radial-gradient(var(--color-border) 1px, transparent 1.2px);
  background-size: 4px 4px;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: var(--color-border);
}
.view-search .campaign-live-progress__track > span {
  display: block;
  height: 100%;
  width: 0;
  background-color: transparent;
  border-radius: var(--radius-pill);
  background: var(--gradient-logo);
  background-image: var(--gradient-logo);
  transition: width var(--transition-base);
}
.view-search .engine-lane[data-engine="instagram"] {
  --lane-accent: var(--lane-social);
}
.view-search .engine-lane[data-engine="useful_links"] {
  --lane-accent: var(--lane-links);
}
.view-search .engine-lane:before {
  content: "";
  position: absolute;
  inset: 0 18% auto;
  height: 3px;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: var(--lane-accent);
}
.view-search .engine-lane:hover {
  transform: translateY(-3px);
  border-color: var(--lane-accent);
  box-shadow: 0 14px 26px -16px var(--lane-accent);
}
.view-search .engine-lane__head {
  min-width: 0;
  row-gap: var(--space-1);
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.view-search .engine-lane__name {
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  color: var(--color-ink);
  letter-spacing: var(--tracking-caps);
}
.view-search .engine-lane__progress {
  display: flex;
  flex-direction: column;
  gap: var(--space-0);
  margin: 0;
}
.view-search .engine-lane__meta {
  margin-top: var(--space-1);
  display: flex;
  justify-content: center;
  color: var(--color-muted);
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
  margin: 0;
}
.view-search .engine-lane__bar {
  width: 70%;
  height: 6px;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: color-mix(in srgb, var(--lane-accent) 16%, var(--color-surface));
}
.view-search .engine-lane__bar > span {
  display: block;
  width: var(--lane-progress);
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--lane-accent);
  transition: width var(--transition-base);
}
.view-search .engine-lane__results dt {
  font-weight: var(--weight-strong);
  font-size: var(--font-12);
  color: var(--color-muted);
}
.view-search .engine-lane__results .is-found dd {
  color: var(--color-success);
}
.view-search .engine-lane__state[data-state="searching"] {
  background: color-mix(in srgb, var(--lane-accent) 16%, var(--color-surface));
  color: var(--lane-accent);
  animation: lane-pulse 1.4s ease-in-out infinite;
}
.view-search .engine-lane__state[data-state="done"] {
  background: var(--color-success-soft);
  color: var(--color-success);
}
.view-search .engine-lane__state[data-state="waiting"] {
  background: var(--color-warning-soft);
  color: var(--color-warning);
}
@keyframes lane-pulse {
  50% {
    opacity: 0.55;
  }
}
.view-search .campaign-actions .ui-button,
.view-search .download-actions .ui-button {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}
.view-search .campaign-actions .ui-button:hover:not(:disabled),
.view-search .download-actions .ui-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
.view-search .ui-button.primary:not(:disabled) {
  background: linear-gradient(
    135deg,
    var(--color-brand-bright),
    var(--color-brand) 60%,
    var(--color-brand-strong)
  );
  border-color: var(--color-brand-strong);
}
@media (prefers-reduced-motion: reduce) {
  .view-search .drop,
  .view-search .engine-lane,
  .view-search .engine-lane__state {
    animation: none;
    transition: none;
  }
}
.view-search .engine-lane__state {
  margin: 0;
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-wide);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-teal-soft);
  color: var(--color-brand-strong);
  align-self: center;
}
.view-search .engine-lane__results {
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid var(--color-border);
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  width: 100%;
  padding: 0;
  border: 0;
}
.view-search .start-message {
  min-height: 20px;
  height: auto;
}
.view-search .campaign-message {
  flex: 0 0 auto;
  overflow: hidden;
  margin-top: var(--space-1);
  height: 40px;
}
.view-search .engine-lane > * {
  flex-shrink: 0;
}
.view-search .engine-lane__processed {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-wide);
  line-height: var(--leading-tight);
  font-weight: var(--weight-strong);
  color: var(--lane-accent);
  font-size: var(--font-32);
}
.view-search .engine-lane__results > div {
  font-size: var(--font-12);
  line-height: var(--leading-snug);
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: var(--space-0);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--lane-accent) 8%, var(--color-surface));
  padding: var(--space-3) var(--space-1);
  padding-block: var(--fit-pad-row);
}
.view-search .engine-lane__results dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-weight: var(--weight-strong);
  color: var(--color-ink);
  font-size: var(--font-16);
}
.view-search .engine-lane__icon {
  flex: 0 0 18px;
  box-sizing: content-box;
  padding: var(--space-2h);
  border-radius: var(--radius-round);
  color: var(--lane-accent);
  background: color-mix(in srgb, var(--lane-accent) 13%, var(--color-surface));
  width: clamp(18px, calc(2.8 * var(--vu)), 34px);
  height: clamp(18px, calc(2.8 * var(--vu)), 34px);
}
.view-search .engine-lane-grid {
  min-width: 0;
  border-bottom: 0;
  align-items: stretch;
  min-height: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-3);
  margin-block: auto;
  align-content: center;
  display: grid;
  flex-direction: initial;
  border-top: 0;
}
.view-search .engine-lane {
  letter-spacing: var(--tracking-wide);
  min-width: 0;
  border-right: var(--border-thin) solid var(--color-border);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  padding-bottom: var(--space-2);
  padding-top: var(--space-2);
  --lane-accent: var(--lane-career);
  --lane-progress: 0%;
  position: relative;
  align-items: center;
  text-align: center;
  border: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  border-radius: var(--radius-xl);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--lane-accent) 7%, var(--color-surface)),
    var(--color-surface) 70%
  );
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
  padding: var(--space-5) var(--space-3);
  gap: var(--fit-gap);
  padding-block: var(--fit-pad);
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
}
.view-search .engine-lane:first-child {
  padding-left: 0;
  border-right: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  border-bottom: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  padding: var(--space-5) var(--space-3);
  gap: var(--fit-gap);
  padding-block: var(--fit-pad);
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  min-height: 0;
}
.view-search .engine-lane:last-child {
  padding-right: 0;
  border-right: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  border-bottom: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  padding: var(--space-5) var(--space-3);
  gap: var(--fit-gap);
  padding-block: var(--fit-pad);
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  min-height: 0;
}
.view-search .engine-lane:nth-child(n) {
  border-right: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  border-bottom: var(--border-thin) solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  padding: var(--space-5) var(--space-3);
  gap: var(--fit-gap);
  padding-block: var(--fit-pad);
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  min-height: 0;
}
.view-search .campaign-error-line:empty {
  display: none;
}
.view-history .history-table :is(th, td) {
  padding-inline: var(--space-2);
  vertical-align: middle;
}
.view-history .history-table :is(th, td):is(:first-child, :nth-child(2)),
.view-history .history-table :is(th, td):is(:nth-child(5), :nth-child(6)),
.view-history .history-table :is(th, td):is(:nth-child(7), :nth-child(9)) {
  text-align: center;
}
.view-history .history-table td.history-ref {
  font-family: var(--font-family);
  font-variant-numeric: tabular-nums;
  font-weight: var(--weight-strong);
  color: var(--color-brand-strong);
  letter-spacing: var(--tracking-wide);
}
.view-history .history-table td.history-name {
  min-width: 0;
}
.view-history .history-table td.history-outcome {
  display: table-cell;
  font-size: var(--font-12);
  line-height: var(--leading-snug);
  white-space: normal;
  text-align: left;
}
.view-history .history-table td.history-outcome .outcome-full {
  background: var(--grade-full);
  color: var(--grade-ink);
  font-weight: var(--weight-strong);
}
.view-history .history-table td.history-outcome .outcome-likely {
  background: var(--grade-likely);
  color: var(--grade-ink);
  font-weight: var(--weight-strong);
}
.view-history .history-table td.history-outcome .outcome-possible {
  background: var(--grade-possible);
  color: var(--grade-ink);
  font-weight: var(--weight-strong);
}
.view-history .history-table td.history-outcome .outcome-miss {
  background: var(--grade-none);
  color: var(--grade-ink);
  font-weight: var(--weight-strong);
}
.view-history .history-table td.history-outcome .outcome-bad {
  background: var(--grade-issue);
  color: var(--grade-ink);
  font-weight: var(--weight-strong);
}
.view-history .history-table tbody tr {
  height: 52px;
  transition: background-color var(--transition-fast);
}
.view-history .history-table tbody tr:hover {
  background: var(--color-surface-2);
}
.view-history .history-table tbody tr:nth-child(2n) {
  background: var(--color-surface-subtle);
}
.view-history .history-table tbody tr:hover:nth-child(2n) {
  background: var(--color-surface-2);
}
.view-history .history-table td.empty {
  height: 180px;
  text-align: center;
  color: var(--color-muted);
  font-size: var(--font-14);
}
.view-history .history-action-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-1h);
  justify-items: stretch;
}
.view-history .history-action-group .ui-button {
  min-width: 0;
  padding: 0 var(--space-0);
  font-size: var(--font-12);
  letter-spacing: 0;
  line-height: var(--leading-none);
  white-space: nowrap;
  height: var(--navigation-item-height);
  min-height: var(--navigation-item-height);
  padding-inline: var(--space-1h);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}
.view-history .history-action-group .history-purge {
  grid-column: 1/-1;
}
.view-history .history-action-group .ui-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
.view-history .history-table :is(th, td):nth-child(10) {
  text-align: center;
  padding-inline: var(--space-3);
}
.view-history .history-table .badge {
  display: inline-block;
  max-width: 100%;
  padding: var(--space-0) var(--space-2);
  white-space: nowrap;
  font-size: var(--font-12);
  border-radius: var(--radius-pill);
  vertical-align: middle;
}
.view-activity .activity-item:hover {
  background: var(--color-surface-2);
}
.view-activity .activity-item > strong {
  position: relative;
  padding-left: var(--space-4);
}
.view-activity .activity-item > strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: var(--radius-round);
  background: var(--color-brand);
}
.view-activity .activity-item[data-type="error"] > strong:before {
  background: var(--color-danger);
}
.view-activity .activity-item[data-type="campaign"] > strong:before {
  background: var(--lane-social);
}
.view-activity .activity-item[data-type="export"] > strong:before,
.view-activity .activity-item[data-type="file"] > strong:before {
  background: var(--color-teal);
}
.view-activity .activity-item[data-type="auth"] > strong:before {
  background: var(--color-brand);
}
.view-activity .activity-item[data-type="system"] > strong:before {
  background: var(--color-neutral);
}
.view-account .ui-metrics > div {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}
.view-account .finance-metrics > div {
  padding: var(--space-2) var(--space-3);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}
.view-account .finance-metrics > div:hover,
.view-account .ui-metrics > div:hover {
  border-color: var(--color-brand);
}
.view-account .ui-button:not(:disabled) {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}
.view-account .ui-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
.view-activity .activity-item {
  transition: background-color var(--transition-fast);
  border-radius: 0;
}
.app-login .ul-signin-btn {
  width: 100%;
  height: var(--control-height);
  padding: 0 var(--button-padding-x);
  color: var(--color-on-brand);
  border: var(--border-thin) solid transparent;
  border-radius: var(--radius-md);
  font-size: var(--font-14);
  line-height: var(--leading-none);
  font-weight: var(--weight-strong);
  cursor: pointer;
  margin-top: var(--space-1);
  background: var(--color-brand);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    filter var(--transition-fast);
}
.app-login .ul-signin-btn:hover:not(:disabled) {
  box-shadow: var(--shadow-brand-hover);
  filter: brightness(1.06);
}
.app-login .ul-forgot-link {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: var(--space-4);
  padding-block: var(--space-2);
  color: var(--color-brand);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  transition: color var(--transition-fast);
}
.app-login .ul-forgot-link:hover {
  color: var(--color-brand-strong);
  text-decoration: underline;
}
body.admin-portal .admin-key-button.active,
body.admin-portal .admin-key-button[aria-current="page"] {
  background: linear-gradient(
    135deg,
    var(--color-brand-bright),
    var(--color-brand) 60%,
    var(--color-brand-strong)
  );
  border-color: var(--color-brand-strong);
  color: var(--color-on-brand);
}
body.admin-portal .admin-key-button {
  position: relative;
  display: grid;
  grid-template-rows: var(--admin-command-icon-size) auto;
  place-items: center;
  align-content: center;
  gap: var(--space-1);
  min-width: var(--admin-command-min-width);
  max-width: none;
  height: var(--admin-command-height);
  padding: var(--space-2) var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-ink);
  font: inherit;
  font-size: var(--font-14);
  line-height: var(--leading-tight);
  cursor: pointer;
  box-shadow: var(--shadow-hairline);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}
body.admin-portal .admin-key-button:hover:not(.active) {
  transform: translateY(-1px);
  background: var(--color-surface-2);
  box-shadow: var(--shadow-brand);
}
body.admin-portal .ui-card {
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  transition: box-shadow var(--transition-fast);
}
body.admin-portal .admin-kpi.is-bad {
  border-left-color: var(--color-danger);
}
body.admin-portal .admin-kpi:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-brand);
}
body.admin-portal .admin-table tbody tr {
  transition: background-color var(--transition-fast);
}
body.admin-portal .admin-table tbody tr:hover {
  background: var(--color-surface-2);
}
body.admin-portal .ui-button:not(:disabled) {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}
body.admin-portal .ui-button.compact:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
@media (prefers-reduced-motion: reduce) {
  .workspace-header *,
  .workspace-main *,
  body.admin-portal * {
    animation: none;
    transition: none;
  }
}
.ledger-grid td,
.orders-grid td,
.usage-grid td {
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  line-height: var(--leading-snug);
}
.ledger-grid tbody tr,
.orders-grid tbody tr,
.usage-grid tbody tr {
  height: 48px;
}
.ledger-grid :is(th, td):is(:nth-child(3), :nth-child(4)),
.orders-grid :is(th, td):is(:nth-child(3), :nth-child(4)) {
  text-align: right;
  padding-right: var(--space-4);
  font-variant-numeric: tabular-nums;
}
.usage-grid :is(th, td):nth-child(4) {
  text-align: right;
  padding-right: var(--space-4);
  font-variant-numeric: tabular-nums;
}
.ledger-grid td.empty,
.orders-grid td.empty,
.usage-grid td.empty {
  text-align: center;
  padding-right: var(--space-3);
}
@media (max-width: 1200px) {
  .view-history .history-table thead th {
    font-size: var(--font-12);
  }
}
.app-login .su-trap,
.su-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.human-check-host {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: var(--z-gate);
  transform: translate(-50%);
  padding: var(--space-3);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-raised);
}
.human-check-host[hidden] {
  display: none;
}
.pane-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 var(--space-3);
}
.receipt-panel {
  width: min(720px, 100%);
}
.receipt-actions {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
  margin-bottom: var(--space-2);
}
.receipt-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-strong) solid var(--color-brand);
}
.receipt-head h2 {
  font-size: var(--font-20);
}
.receipt-sheet .receipt-issuer {
  margin-top: var(--space-3);
  white-space: pre-line;
  color: var(--color-ink);
}
.receipt-sheet .receipt-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2) var(--space-5);
  margin-top: var(--space-4);
}
.receipt-meta dt {
  font-size: var(--font-12);
  color: var(--color-muted);
}
.receipt-meta dd {
  font-weight: var(--weight-strong);
  overflow-wrap: anywhere;
}
.receipt-sheet .receipt-customer {
  margin-top: var(--space-1);
}
.receipt-lines {
  width: 100%;
  margin-top: var(--space-5);
  border-collapse: collapse;
}
.receipt-lines td,
.receipt-lines th {
  padding: var(--space-2) var(--space-1h);
  border-bottom: var(--border-thin) solid var(--color-border);
  text-align: right;
  color: var(--color-ink);
}
.receipt-lines td:first-child,
.receipt-lines th:first-child {
  text-align: left;
}
.receipt-lines tfoot th {
  text-align: right;
  font-weight: var(--weight-strong);
  border-bottom: 0;
  background: var(--color-surface);
}
.receipt-lines tfoot td {
  font-weight: var(--weight-strong);
  border-bottom: 0;
  background: var(--color-surface);
}
.order-pay-row,
.order-receipt-row {
  display: block;
  margin-top: var(--space-1h);
}
.pay-sheet .pay-methods {
  margin: var(--space-3) 0;
}
.pay-sheet .pay-note {
  margin: 0 0 var(--space-3);
  color: var(--color-muted);
}
.pay-sheet .pay-message {
  min-height: 1.5em;
  margin: var(--space-3) 0 0;
}
.receipt-sheet .receipt-note {
  margin-top: var(--space-5);
  font-size: var(--font-12);
  color: var(--color-muted);
}
.receipt-note a {
  color: var(--color-brand);
}
@page {
  size: A4;
  margin: 16mm;
}
@media print {
  body.receipt-open {
    background: var(--color-surface);
  }
  body.receipt-open > :not(#receiptModal) {
    display: none !important;
  }
  body.receipt-open #receiptModal {
    position: static;
    display: block;
    padding: 0;
    overflow: visible;
    background: 0 0;
  }
  .receipt-panel {
    width: 100%;
  }
  .receipt-actions {
    display: none;
  }
}
.wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-3);
  line-height: var(--leading-none);
  white-space: nowrap;
  color: var(--color-ink);
  text-decoration: none;
  --wm-logo: calc(var(--font-20) * var(--wm-logo-ratio));
}
.wm-logo {
  display: block;
  flex: none;
  width: auto;
  height: var(--wm-logo);
}
#conduct,
#contact,
#cookies,
#data,
#expertise,
#privacy,
#refunds,
#security,
#status,
#story,
#terms,
#verify {
  scroll-margin-top: 80px;
}
.wordmark-link {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
}
.wordmark-link:focus-visible {
  outline: var(--border-strong) solid currentColor;
  outline-offset: 4px;
  border-radius: var(--radius-sm);
}
.panel h2 {
  margin: 0 0 var(--space-1);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
  font-family: var(--font-serif);
  letter-spacing: var(--tracking-tight);
}
.ul-card-title {
  font-family: var(--font-serif);
  letter-spacing: var(--tracking-tight);
}
body.is-authenticated:not(.admin-portal) {
  height: var(--vh);
  min-height: 0;
  overflow: hidden;
  background: var(--color-canvas);
}
body.admin-portal.is-authenticated {
  background: var(--color-canvas);
}
body.is-authenticated .workspace-header.workspace-header {
  background:
    var(--gradient-logo) left bottom/100% 3px no-repeat,
    var(--color-header);
  border-bottom: var(--border-thin) solid var(--color-on-brand-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--color-on-brand);
}
body.admin-portal > .ui-header {
  min-height: var(--header-height);
  padding-inline: max(
    var(--page-padding),
    calc((100% - var(--page-max-width)) / 2 + var(--page-padding))
  );
  gap: var(--space-3);
  background:
    var(--gradient-logo) left bottom/100% 3px no-repeat,
    var(--color-header);
  border-bottom: var(--border-thin) solid var(--color-on-brand-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--color-on-brand);
}
.workspace-header .wordmark .wm-sub,
body.admin-portal > .ui-header .wordmark .wm-sub {
  color: var(--color-on-brand-muted);
}
.workspace-header-inner > .workspace-nav .nav {
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  padding: 0 var(--space-3);
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: var(--color-on-brand-muted);
  font-weight: var(--weight-strong);
  font-size: var(--font-14);
  line-height: var(--leading-none);
  transition:
    background var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.workspace-header-inner > .workspace-nav .nav.active,
.workspace-header-inner > .workspace-nav .nav[aria-current="page"] {
  background: 0 0;
  color: var(--color-on-brand);
  box-shadow: inset 0 -2px 0 var(--color-accent);
  font-weight: var(--weight-strong);
}
.workspace-header-inner > .workspace-nav .nav:focus-visible,
.workspace-header-inner > .workspace-nav .nav:hover:not(:disabled) {
  background: var(--color-on-brand-hover);
  color: var(--color-on-brand);
}
.workspace-header .account {
  color: var(--color-on-brand);
}
.workspace-header .account .ui-button {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  min-width: var(--button-min-width-table);
  padding-inline: var(--space-4);
  font-size: var(--font-14);
  background: 0 0;
  border: var(--border-thin) solid var(--color-on-brand-border);
  color: var(--color-on-brand);
}
.workspace-header .account .ui-button:hover:not(:disabled) {
  background: var(--color-on-brand-hover);
}
.workspace-header :is(a, button):focus-visible {
  outline-color: var(--color-accent);
}
.workspace-main .grid.two > .panel:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--gradient-logo);
  display: none;
}
.workspace-main .grid.two > .panel {
  position: relative;
  overflow: hidden;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  transition: box-shadow var(--transition-fast);
  box-shadow: none;
}
.workspace-main .grid.two > .panel:hover {
  box-shadow: none;
}
.engine-lane:after,
.engine-lane:before {
  display: none;
}
.engine-lane__processed {
  font-family: var(--font-serif);
}
.campaign-live-summary *,
.campaign-live-top * {
  text-transform: none;
  letter-spacing: 0;
}
.view-account .panel-head {
  flex-wrap: wrap;
  row-gap: var(--space-2);
}
.view-account .panel-head > div:first-child {
  flex: 1 1 auto;
}
.view-account .account-tabs {
  order: 3;
  flex: 1 0 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-5);
  border-bottom: var(--border-thin) solid var(--color-border-strong);
}
.view-account .account-tabs .ui-button {
  height: var(--control-height);
  min-height: var(--control-height);
  min-width: 0;
  padding-inline: var(--space-2);
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: var(--color-muted);
  box-shadow: none;
}
.view-account .account-tabs .ui-button.active {
  background: 0 0;
  border-color: var(--color-brand-strong);
  color: var(--color-brand-strong);
  box-shadow: inset 0 -3px 0 var(--color-brand);
}
.finance-metrics :is(strong, b, output, [id^="f"]):not(label) {
  font-family: var(--font-serif);
}
body .view-search .campaign-live-summary,
body .view-search .campaign-live-top {
  background: 0 0;
  border: 0;
  border-bottom: var(--border-thin) solid var(--color-border-strong);
  border-radius: 0;
  box-shadow: none;
}
body .workspace-main .view-account :is(.receipt-panel) {
  background: 0 0;
  border: 0;
}
body .workspace-main .workspace-order-pricing {
  background: 0 0;
  border: 0;
  border-left: var(--border-accent) solid var(--color-brand);
  border-radius: 0;
}
body .workspace-main .workspace-order-console {
  background: 0 0;
  border: 0;
  box-shadow: none;
}
body.admin-portal > .ui-header :is(.wm-context, .user, .role, span, strong) {
  color: var(--color-on-brand-muted);
}
body.admin-portal > .ui-header .ui-button {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  min-width: var(--button-min-width-table);
  background: 0 0;
  border: var(--border-thin) solid var(--color-on-brand-border);
  color: var(--color-on-brand);
}
body.admin-portal > .ui-header .wm-context {
  border-left-color: var(--color-on-brand-divider);
}
body.admin-portal .admin-command-deck__primary {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2);
  border-radius: var(--radius-lg);
  background: 0 0;
  border: 0;
  box-shadow: none;
}
body.admin-portal .admin-command-tools {
  display: flex;
  align-items: stretch;
  gap: var(--space-1);
  flex: 0 0 auto;
  padding-left: var(--space-2);
  border-left: var(--border-thin) solid var(--color-border);
  background: 0 0;
  border: 0;
  box-shadow: none;
}
body.admin-portal .admin-contextbar {
  position: sticky;
  top: calc(var(--header-height) + var(--admin-command-deck-offset));
  z-index: var(--z-sticky-top);
  gap: var(--space-3);
  min-height: var(--admin-contextbar-height);
  padding: var(--space-2) var(--space-3);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: 0 0;
  border: 0;
  box-shadow: none;
}
body.admin-portal .admin-command-deck {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-dropdown);
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2) 0;
  background: 0 0;
  border: 0;
  box-shadow: none;
  border-bottom: var(--border-thin) solid var(--color-border-strong);
  border-radius: 0;
}
body.admin-portal .admin-module-key {
  border: 0;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
  color: var(--color-muted);
}
body.admin-portal .admin-module-key.active {
  background: 0 0;
  color: var(--color-brand-strong);
  box-shadow: inset 0 -3px 0 var(--color-brand);
}
body.admin-portal
  :is(
    h1,
    h2,
    h3,
    .admin-kpi :is(strong, b, output),
    .finance-metrics :is(strong, b, output)
  ) {
  font-family: var(--font-family);
}
body.admin-portal .admin-data-card {
  min-width: 0;
  max-width: 100%;
  position: relative;
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-lg);
  box-shadow: none;
}
body.admin-portal .admin-data-card:hover {
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-lg);
  box-shadow: none;
}
body.admin-portal .admin-data-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: var(--gradient-logo);
  display: none;
}
body.admin-portal .admin-data-card:after {
  display: none;
}
body.admin-portal .admin-command-tools kbd {
  display: none;
}
@media (min-width: 1440px) {
  .workspace-main.shell {
    padding-inline: var(--page-padding-large);
  }
}
.app-login :is(p, small, li) {
  line-height: var(--leading-normal);
}
.app-login h1.ul-headline {
  line-height: var(--leading-tight);
}
@media (max-height: 700px) {
  .view-search .drop {
    min-height: 96px;
  }
  .view-search .engine-lane__queue,
  .view-search .engine-lane__running {
    font-size: var(--font-12);
    line-height: var(--leading-tight);
  }
  .view-search .engine-lane__name,
  .view-search .engine-lane__results dt {
    font-size: var(--font-12);
  }
  .view-search .engine-lane__name,
  .view-search .engine-lane__results dd,
  .view-search .engine-lane__results dt {
    line-height: var(--leading-tight);
    white-space: nowrap;
  }
  .view-search .engine-lane__results {
    grid-column: 4;
    justify-content: flex-start;
  }
  .view-search .engine-lane__state {
    grid-column: 5;
  }
  .view-search .engine-lane {
    display: grid;
    flex: 1 1 0;
    grid-template-columns: 104px 84px 78px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-2);
    min-height: 0;
    padding: 0;
    border-right: 0;
  }
  .view-search .engine-lane__results {
    margin: 0;
    padding: 0;
    border-top: 0;
  }
  .view-search .engine-lane__progress {
    grid-column: 2;
  }
  .view-search .engine-lane__meta {
    grid-column: 3;
  }
}
@media (max-height: 560px) {
  .workspace-main .panel-head p {
    display: none;
  }
  .workspace-main .view > .panel {
    padding: var(--space-3);
  }
  .account-foot {
    height: 24px;
    margin-top: var(--space-1);
  }
  .view-account .finance-metrics > div {
    padding-block: var(--space-1);
  }
  .view-account .workspace-order-form .finance-note {
    margin-top: var(--space-1);
  }
}
@media (max-height: 760px) {
  .view-search .engine-lane__head {
    flex-direction: row;
  }
  .view-search .engine-lane__icon {
    padding: var(--space-1h);
  }
}
@media (min-height: 900px) {
  .view-search .engine-lane {
    gap: var(--fit-gap-wide);
  }
}
@media (max-height: 700px) {
  .view-search .engine-lane,
  .view-search .engine-lane:first-child,
  .view-search .engine-lane:last-child,
  .view-search .engine-lane:nth-child(n) {
    gap: var(--space-1h);
    padding-block: var(--space-2h);
  }
  .view-search .engine-lane__bar {
    display: none;
  }
  .view-search .engine-lane__processed {
    font-size: var(--font-20);
    line-height: var(--leading-tight);
  }
  .view-search .engine-lane__results > div {
    flex-direction: row;
    gap: var(--space-1h);
    padding-block: var(--space-1);
  }
  .view-search .engine-lane__results dd {
    font-size: var(--font-16);
  }
  .view-search .engine-lane__results dt {
    font-size: var(--font-12);
  }
  .view-search .engine-lane__results {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
  .view-search .campaign-live-summary {
    padding: var(--space-2) var(--space-3);
  }
  .view-search .campaign-message {
    height: 22px;
  }
}
@media (max-height: 700px) {
  .view-search .engine-lane__head {
    grid-column: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--space-1h);
  }
  .view-search .engine-lane__icon {
    width: 16px;
    height: 16px;
    padding: var(--space-1h);
    flex: 0 0 auto;
  }
  .view-search .engine-lane__name {
    font-size: var(--font-12);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
  }
}
body .view-search .engine-lane-grid {
  gap: var(--space-3);
  padding-block: var(--space-3);
}
body .view-search .engine-lane:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
}
body .view-search .engine-lane__head,
body .view-search .engine-lane__meta,
body .view-search .engine-lane__progress,
body .view-search .engine-lane__state {
  grid-column: auto;
  justify-content: center;
  text-align: center;
}
body .view-search .engine-lane__icon {
  display: block;
  width: 18px;
  height: 18px;
  padding: var(--space-1h);
}
body .view-search .engine-lane__state {
  padding: var(--space-1) var(--space-4);
}
body .view-search .engine-lane.has-issues .engine-lane__results .is-issue dd {
  color: var(--color-danger);
}
.finance-metrics > *,
body .view-account .finance-metrics > div,
body .workspace-main .finance-metrics > * {
  padding: var(--space-3) var(--space-4);
  border: var(--border-thin) solid var(--color-border);
  border-top: var(--border-accent) solid var(--color-brand);
  border-radius: var(--radius-xl);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-brand) 6%, var(--color-surface)) 0,
    var(--color-surface) 70%
  );
  box-shadow: var(--shadow-card);
}
body .view-account .finance-metrics small {
  font-weight: var(--weight-strong);
}
body .view-search .engine-lane__bar {
  display: none;
}
body .view-search .engine-lane,
body .view-search .engine-lane:first-child,
body .view-search .engine-lane:last-child,
body .view-search .engine-lane:nth-child(n) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: var(--border-thin) solid
    color-mix(
      in srgb,
      var(--lane-accent, var(--color-brand)) 22%,
      var(--color-border)
    );
  border-top: var(--border-accent) solid var(--lane-accent, var(--color-brand));
  border-radius: var(--radius-xl);
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--lane-accent, var(--color-brand)) 7%,
        var(--color-surface)
      )
      0,
    var(--color-surface) 62%
  );
  box-shadow: var(--shadow-card);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
  gap: var(--space-1h);
  padding: var(--space-3) var(--space-2);
}
body .view-search .engine-lane__results {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-1);
}
body .view-search .engine-lane .engine-lane__results > *,
body .view-search .engine-lane__results > div {
  justify-content: center;
  border-radius: var(--radius-lg);
  background: color-mix(
    in srgb,
    var(--lane-accent, var(--color-brand)) 9%,
    var(--color-surface)
  );
  flex-direction: column-reverse;
  gap: 0;
  padding: var(--space-1) 2px;
}
body .view-search .engine-lane__results dt {
  font-size: var(--font-12);
  white-space: nowrap;
  text-align: center;
  line-height: var(--leading-tight);
}
body .view-search .engine-lane__results dd {
  font-size: var(--font-16);
}
body.auth-pending > #loginModal {
  visibility: hidden;
}
#orderPricingStatus,
#readyBadge {
  min-width: 8.5em;
  text-align: center;
}
.noscript-note {
  margin: var(--space-6) auto;
  max-width: 420px;
  padding: var(--space-4);
  text-align: center;
  color: var(--color-muted);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-xl);
}
.usd-guide {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-muted);
  font-family: var(--font-family);
  font-size: var(--font-12);
  font-weight: var(--weight-regular);
}
.admin-message-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.admin-message {
  margin-block: var(--space-3, 12px);
}

body.admin-portal .admin-module .ui-button {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  min-width: var(--button-min-width-table);
  padding: 0 var(--space-4);
}
body.admin-portal .admin-module form .ui-actions {
  align-items: flex-end;
}
body.admin-portal #usersSummary {
  margin-top: var(--space-3);
}
.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-bottom: var(--space-3);
}
.admin-toolbar > * {
  margin: 0;
}
.admin-toolbar input,
.admin-toolbar select {
  width: auto;
  height: var(--control-height-table);
  min-height: var(--control-height-table);
}
.admin-toolbar input.w-5 {
  width: 5em;
}
.admin-toolbar input.w-45 {
  width: 4.5em;
}
.admin-toolbar .grow {
  flex: 1 1 220px;
  min-width: 0;
}
.admin-toolbar-text {
  color: var(--color-muted);
  font-size: var(--font-14);
  white-space: nowrap;
}
.admin-toolbar-divider {
  align-self: stretch;
  width: var(--border-thin);
  background: var(--color-border);
}
.learn-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) solid var(--color-border);
}
.learn-row > p {
  margin: 0;
  min-width: 0;
}
.learn-row > button + button {
  margin-left: calc(var(--space-2) * -1);
}
.admin-table th.admin-actions-column {
  text-align: center;
}
.admin-metric-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-2);
  min-width: 0;
  margin-bottom: var(--space-1);
}

.admin-detail-record {
  display: grid;
  margin: 0;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
}

.admin-table tbody tr:hover td.admin-actions-column {
  background: var(--color-teal-soft);
}
.admin-disclosure > summary > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
  flex: 1 1 auto;
}

.admin-disclosure__meta {
  color: var(--color-muted);
  font-weight: var(--weight-regular);
}
.admin-disclosure > summary:after {
  content: "+";
  margin-left: var(--space-3);
  flex: 0 0 auto;
  color: var(--color-muted);
  font-size: var(--font-16);
}
body.admin-portal .admin-contextbar__filters {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

body.admin-portal .admin-context-filter {
  max-width: none;
  white-space: nowrap;
  border-radius: 0;
  margin-left: -1px;
}

body.admin-portal .admin-context-filter:first-child {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
  margin-left: 0;
}
body.admin-portal .admin-context-filter:last-of-type {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
body.admin-portal .admin-context-filter.is-active {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-on-brand);
  position: relative;
  z-index: 1;
}

body.admin-portal .admin-command-result {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  max-width: none;
  padding: var(--space-3);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-ink);
  text-align: left;
  cursor: pointer;
  min-height: 52px;
}

body.admin-portal .admin-command-result span:last-child {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

body.admin-portal #closeCommandPalette {
  border-color: var(--color-border-strong);
}
.admin-inline-value > summary {
  cursor: pointer;
  font-weight: var(--weight-strong);
  overflow-wrap: anywhere;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

body.admin-portal .ui-field,
body.admin-portal .admin-contextbar__identity p,
.admin-detail-record dt,
.admin-detail-record dd,
.admin-metric small,
.admin-disclosure > summary {
  font-size: var(--font-12);
}
.ui-card__header h2,
.admin-data-card h2,
.panel-head h2 {
  font-size: var(--font-20);
}
.workspace-header .account .user-label {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--weight-strong);
  color: var(--color-on-brand);
  font-size: var(--font-12);
}

body.admin-portal .admin-contextbar__filters input {
  flex: 1 1 220px;
  min-width: 200px;
  margin-top: 0;
  margin-left: var(--space-2);
}

table.ui-fit {
  table-layout: fixed;
}
table.ui-fit-max,
table.ui-fit-min {
  table-layout: auto;
  max-width: none;
  min-width: 0;
}
table.ui-fit-max {
  width: max-content;
}
table.ui-fit-min {
  width: min-content;
}
table.ui-fit-max :is(th, td) {
  white-space: nowrap;
}
table.ui-aligned-table thead th {
  white-space: normal;
  text-wrap: balance;
  vertical-align: bottom;
  line-height: var(--leading-snug);
  overflow-wrap: normal;
}
table.ui-aligned-table thead th.is-numeric {
  text-align: right;
}
table.ui-aligned-table thead th.is-action {
  text-align: center;
}
table.ui-fit tbody td {
  overflow-wrap: anywhere;
}
table.ui-fit tbody td.is-numeric,
table.ui-fit tbody td.is-action,
table.ui-fit tbody td.is-code {
  overflow-wrap: normal;
}
.view-search .engine-lane .engine-lane__results dt {
  color: var(--color-ink);
}
.admin-table th {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.view-search .engine-lane-grid {
  flex: 0 0 auto;
}
.view-search .engine-lane {
  min-height: min-content;
  justify-content: flex-start;
}
.view-search .ui-button {
  white-space: nowrap;
}
.admin-metric-grid {
  display: flex;
  flex-wrap: wrap;
}
.admin-metric-grid > .admin-metric {
  flex: 1 1 240px;
}
.view-search .template-download {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.show-passwords {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 32px;
  color: var(--color-muted);
  font-size: var(--font-14);
  cursor: pointer;
}
.change-password-form .finance-note:empty {
  min-height: 0;
  margin: 0;
}
.view-search .engine-lane .engine-lane__results {
  gap: var(--space-1);
}
.view-search .engine-lane .engine-lane__results > div {
  min-width: 0;
  padding-inline: 0;
}
.view-search .engine-lane .engine-lane__results dt {
  white-space: normal;
  text-align: center;
  letter-spacing: 0;
}
#supportForm .fields,
.change-password-form .fields {
  grid-template-columns: minmax(0, 1fr);
  max-width: 640px;
}
#supportText {
  min-height: 120px;
  resize: vertical;
}
#supportForm .ui-actions,
.change-password-form .ui-actions {
  margin-top: var(--space-1);
}
@media (max-height: 700px) {
  .view-search .engine-lane .engine-lane__name {
    white-space: normal;
  }
  .view-search .engine-lane {
    justify-items: center;
  }
}
body .view-search .engine-lane .engine-lane__results > div {
  justify-content: flex-end;
}
#mfaForm {
  display: grid;
  gap: var(--space-3);
}
#mfaForm > :is(.fields, .admin-form-grid):not(:has(> label:not([hidden]))),
#mfaForm :is(#mfaStatus, #mfaMessage):empty {
  display: none;
}
#mfaSecret {
  font-size: var(--font-16);
  letter-spacing: 0.08em;
  overflow-wrap: anywhere;
}
#mfaCodeList {
  margin: 0;
  padding: var(--space-3);
  font-size: var(--font-14);
  line-height: 1.6;
  background: var(--color-surface-subtle);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
}
.view-account .account-pane.active[data-account-pane="security"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 720px));
  align-content: start;
  align-items: start;
  overflow: auto;
}
.app-login :is(h1, h2, h3), body.ul-account-page :is(h1, h2, h3) {
  font-family: var(--font-serif);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}
.app-login h1,
body.ul-account-page h1 {
  font-size: var(--h1-size);
}
.app-login h2 {
  font-size: var(--h2-size);
}
.app-login h3 {
  font-size: var(--h3-size);
}
.app-login p,
body.ul-account-page p {
  text-wrap: pretty;
}
.form-consent {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin: var(--space-2) 0;
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-muted);
}
table,
td,
th {
  font-variant-numeric: tabular-nums lining-nums;
}
.code,
td.history-ref,
td.is-code {
  font-family: var(--font-family);
  font-weight: var(--weight-regular);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  font-feature-settings: "zero" 1;
}
.code.is-strong,
strong.code {
  font-weight: var(--weight-strong);
}
@media (max-width: 1300px) {
  .view-history .history-table th {
    letter-spacing: 0.02em;
    padding-inline: var(--space-1);
  }
  .view-history .history-table td.history-outcome {
    padding-inline: var(--space-1);
  }
}
.view-history .history-table td.history-name > strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.view-history .history-table td > .badge {
  display: inline-block;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  text-align: center;
  line-height: var(--leading-snug);
}
@media (max-height: 800px) {
  .view-account .finance-metrics > div {
    padding-block: var(--space-2);
  }
  .view-account .pay-methods {
    margin-block: var(--space-1);
  }
  .view-account .pay-chip img {
    height: 24px;
    width: auto;
  }
  .view-account .finance-note {
    margin-block: var(--space-1);
  }
  .view-account .finance-metrics {
    margin-block: var(--space-2) 0;
  }
  .view-account .workspace-order-console {
    margin-top: var(--space-2);
  }
  .view-account .workspace-order-console .panel-head p,
  .view-account > .panel-head p {
    display: none;
  }
}
body.admin-portal:not(.login-only)
  :is(
    input:not(
      [type="checkbox"],
      [type="radio"],
      [type="file"],
      [type="range"],
      [type="hidden"]
    ),
    select
  ) {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
}