.density-standard {
  --density-control-height: var(--control-height-standard);
  --density-row-height: var(--table-row-height-standard);
  --density-badge-height: var(--badge-height-standard);
  --density-card-padding: var(--space-5);
}
.density-compact {
  --density-control-height: var(--control-height-compact);
  --density-row-height: var(--table-row-height-compact);
  --density-badge-height: var(--badge-height-compact);
  --density-card-padding: var(--space-4);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
  min-height: 100%;
  margin: 0;
  color: var(--color-ink);
  background: var(--color-canvas);
  font-family: var(--font-family);
}
body {
  min-height: 100%;
  margin: 0;
  color: var(--color-ink);
  background: var(--color-canvas);
  font-family: var(--font-family);
  font-size: var(--font-sm);
  line-height: 1.5;
}
button,
input,
select,
textarea {
  font-family: var(--font-family);
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
th {
  font-weight: 600;
}
h1 {
  font-size: var(--font-xl);
}
h2 {
  font-size: var(--font-lg);
}
h3,
h4,
h5,
h6 {
  font-size: var(--font-sm);
}
small {
  font-size: var(--font-xs);
}
body.is-authenticated {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.is-authenticated .workspace-footer {
  flex: 0 0 auto;
  margin-top: auto;
}
a {
  color: var(--color-brand);
}
.ui-header,
.top {
  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);
}
.shell {
  width: 100%;
  max-width: var(--page-max-width);
  margin: var(--space-6) auto 0;
  padding: 0 var(--page-padding) var(--page-padding);
}
.grid.two {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--workspace-panel-gap);
  align-items: stretch;
}
.grid.two > .panel,
.grid.two > section {
  grid-column: span 6;
  height: 100%;
  min-width: 0;
}
.view {
  display: none;
}
.view.active {
  display: block;
}
.brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 190px;
  color: inherit;
  text-decoration: none;
}
.brand strong {
  display: block;
}
.brand small {
  display: block;
  color: var(--color-muted);
  font-size: var(--font-xs);
}
.top nav {
  display: flex;
  flex: 1;
  gap: var(--space-1);
}
.account {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--font-sm);
}
.nav,
.top nav a {
  display: inline-flex;
  align-items: center;
  height: var(--navigation-item-height);
  padding: 0 var(--space-3);
  border-radius: var(--radius-md);
  color: var(--color-muted);
  background: transparent;
  text-decoration: none;
}
.nav:hover,
.top nav a:hover,
.top nav a:focus-visible {
  color: var(--color-brand-strong);
  background: var(--color-brand-soft);
}
.ui-card,
.panel {
  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);
}
.ui-card__header,
.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.panel h1,
.panel h2 {
  margin: 0 0 var(--space-1);
  font-size: var(--font-lg);
  font-weight: 600;
}
.panel p {
  margin: 0;
  color: var(--color-muted);
}
.ui-field {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--font-sm);
  font-weight: 600;
}
label {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--font-sm);
  font-weight: 600;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-brand);
  box-shadow: var(--focus-ring);
}
input:disabled,
select:disabled,
textarea:disabled {
  color: var(--color-disabled-text);
  background: var(--color-disabled-surface);
  border-color: var(--color-disabled-border);
  cursor: not-allowed;
  opacity: 1;
}
.fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 var(--space-3);
}
input:is([type="checkbox"], [type="radio"]) {
  width: var(--check-size);
  height: var(--check-size);
  min-height: 0;
  padding: 0;
  accent-color: var(--color-brand);
  box-sizing: border-box;
}
input:is([type="checkbox"], [type="radio"]):focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
  box-shadow: none;
}
.consent {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding-left: 0;
  margin-left: 0;
  font-weight: 600;
  white-space: nowrap;
}
.consent input {
  margin: 1px 0 0;
  flex: 0 0 auto;
}
.password {
  position: relative;
}
.password input {
  padding-right: var(--space-7);
}
.error {
  min-height: 1.4em;
  max-height: 2.8em;
  margin: var(--space-1) 0;
  color: var(--color-danger);
  font-size: var(--font-xs);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
a.ui-button,
a.ui-button:hover {
  text-decoration: none;
}
.ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: var(--button-standard-min-width);
  max-width: none;
  padding: 0 var(--space-4);
  gap: var(--space-2);
  color: var(--color-ink);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border-strong);
  border-radius: var(--radius-md);
  font-size: var(--font-sm);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  box-sizing: border-box;
  cursor: pointer;
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.ui-button.compact {
  min-width: var(--button-compact-min-width);
  max-width: none;
  padding: 0 var(--space-3);
  font-size: var(--font-xs);
}
body.density-standard .ui-button {
  height: var(--density-control-height);
  min-height: var(--density-control-height);
}
body.public-body .ui-button {
  height: var(--density-control-height);
  min-height: var(--density-control-height);
}
body .ui-button.compact {
  height: var(--control-height-compact);
  min-height: var(--control-height-compact);
}
.ui-button:hover:not(:disabled) {
  border-color: var(--color-brand);
}
.ui-button:focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
  box-shadow: var(--focus-ring);
}
.ui-button.ghost {
  background: transparent;
  border-color: transparent;
}
.ui-button:disabled {
  color: var(--color-disabled-text);
  background: var(--color-disabled-surface);
  border-color: var(--color-disabled-border);
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}
.ui-button.full,
.full {
  width: 100%;
  max-width: none;
}
.ui-actions,
.actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: nowrap;
  min-width: 0;
}
.ui-actions.equal-buttons > .ui-button,
.actions.equal-buttons > .ui-button {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
body.admin-portal .ui-actions > .ui-button,
body.admin-portal .actions > .ui-button {
  max-width: none;
}
.ui-button.primary:not(:disabled) {
  color: var(--color-on-brand);
  background: var(--color-brand);
  border-color: var(--color-brand);
}
.ui-button.primary:hover:not(:disabled) {
  color: var(--color-on-brand);
  background: var(--color-brand-strong);
  border-color: var(--color-brand-strong);
}
.ui-button.secondary:not(:disabled) {
  color: var(--color-brand-strong);
  background: var(--color-info-soft);
  border-color: var(--color-info-border);
}
.ui-button.secondary:hover:not(:disabled) {
  color: var(--color-brand-strong);
  background: var(--color-brand-soft);
  border-color: var(--color-brand);
}
.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);
}
:where(a, button, summary, [tabindex]):focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
  box-shadow: var(--focus-ring);
}
:where(input, select, textarea)[aria-invalid="true"] {
  border-color: var(--color-danger);
}
.ui-status.neutral,
.badge.neutral {
  color: var(--color-neutral);
  background: var(--color-neutral-soft);
}
.ui-status.info,
.badge.info {
  color: var(--color-info);
  background: var(--color-info-soft);
}
.ui-status.success,
.ui-status.ok,
.badge.success,
.badge.ok {
  color: var(--color-success);
  background: var(--color-success-soft);
}
.ui-status.warning,
.ui-status.warn,
.badge.warning,
.badge.warn {
  color: var(--color-warning);
  background: var(--color-warning-soft);
}
.ui-status.bad,
.badge.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: 1px solid var(--color-danger);
  border-radius: var(--radius-lg);
  background: var(--color-danger-soft);
}
.admin-module-error .error {
  margin: 0;
  font-weight: 600;
}
[aria-busy="true"] {
  cursor: progress;
}
.admin-list-pager .ui-actions,
.admin-action-card > .ui-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: nowrap;
  min-width: 0;
}
.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 {
  min-width: var(--button-compact-min-width);
  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);
}
.drop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--color-surface-subtle);
  border: var(--border-thin) dashed var(--color-info-border);
  border-radius: var(--radius-lg);
}
.drop-file-info {
  min-width: 220px;
  flex: 1 1 auto;
}
.upload-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.template-download {
  text-decoration: none;
}
.drop.drag {
  background: var(--color-info-soft);
  border-color: var(--color-brand);
}
.drop div {
  min-width: 0;
}
.drop strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drop small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: var(--space-1);
  color: var(--color-muted);
}
.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 300ms ease;
}
.status-text {
  min-height: 0;
  overflow-wrap: anywhere;
}
.ui-status,
.badge {
  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-xs);
  font-weight: 600;
  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;
}
.ui-metrics > div,
.finance-metrics > div {
  min-width: 0;
  padding: var(--space-3);
  background: var(--color-surface-subtle);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
}
.ui-metrics small,
.finance-metrics small {
  display: block;
  color: var(--color-muted);
  font-size: var(--font-xs);
}
.ui-metrics strong,
.finance-metrics strong {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--font-xl);
  overflow-wrap: anywhere;
}
.ui-data-grid,
.table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
}
table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-collapse: collapse;
}
td {
  height: var(--density-row-height);
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-thin) solid var(--color-border);
  text-align: left;
  vertical-align: middle;
  font-size: var(--font-sm);
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}
th {
  height: var(--density-row-height);
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-thin) solid var(--color-border);
  text-align: left;
  vertical-align: middle;
  background: var(--color-surface-subtle);
  font-size: var(--font-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: normal;
  overflow-wrap: normal;
  overflow: visible;
  text-overflow: clip;
}
thead th {
  background: linear-gradient(
    180deg,
    var(--color-surface-subtle),
    var(--color-surface-2)
  );
  color: var(--color-brand-strong);
  border-bottom: var(--border-strong) solid var(--color-border-strong);
}
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;
}
td small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-muted);
}
.empty {
  padding: var(--space-5);
  color: var(--color-muted);
  text-align: center;
}
.profile-empty {
  padding: var(--space-7);
  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);
}
.ui-modal,
.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));
}
.ui-modal.open,
.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);
}
.legal {
  display: block;
  margin-top: var(--space-4);
  color: var(--color-muted);
  text-align: center;
}
.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 200ms ease,
    transform 200ms ease;
}
.ui-toast.show {
  opacity: 1;
  transform: none;
}
.finance-note {
  margin: var(--space-4) 0 0;
  color: var(--color-muted);
  font-size: var(--font-sm);
}
.workspace-header.workspace-header {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  background: var(--color-surface);
  border-bottom: var(--border-thin) solid var(--color-border);
}
.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-xs);
}
.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;
}
.workspace-header-inner > .workspace-nav .nav {
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  height: var(--desktop-nav-height-compact);
  min-height: var(--desktop-nav-height-compact);
  padding: 0 var(--space-2);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-muted);
  font-weight: 600;
  font-size: var(--font-xs);
  line-height: 1;
  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: transparent;
  color: var(--color-brand-strong);
  box-shadow: inset 0-2px 0 var(--color-brand);
  font-weight: 600;
}
.workspace-header-inner > .workspace-nav .nav:hover:not(:disabled),
.workspace-header-inner > .workspace-nav .nav:focus-visible {
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
}
.workspace-header .account .user-label {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.workspace-header .account .ui-button {
  height: var(--desktop-nav-height-compact);
  min-height: var(--desktop-nav-height-compact);
  padding-inline: var(--space-2);
  font-size: var(--font-xs);
}
input::placeholder,
textarea::placeholder {
  color: var(--color-disabled-text);
  font-weight: 400;
  opacity: 1;
}
.choose-file {
  flex: 0 0 auto;
  min-width: 170px;
}
.campaign-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: nowrap;
  min-width: 0;
  margin-top: var(--space-3);
}
.download-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  flex-wrap: nowrap;
  min-width: 0;
  margin-top: var(--space-3);
}
.download-actions .ui-button {
  width: 100%;
  max-width: 180px;
}
@media (min-width: 1440px) {
  .shell,
  .workspace-header-inner,
  .admin-shell,
  .public-layout-container {
    padding-left: var(--page-padding-large);
    padding-right: var(--page-padding-large);
  }
}
.public-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--color-surface);
  color: var(--color-ink);
}
.public-layout-container {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: var(--space-7);
}
.public-site-header {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  width: 100%;
  background: var(--color-surface-glass);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--color-border);
}
.public-header-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: var(--header-height);
  padding-block: var(--space-1h);
}
.public-header-inner::after {
  content: "";
  display: block;
}
.public-brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  justify-self: start;
  color: var(--color-ink);
  text-decoration: none;
  min-width: 0;
}
.public-brand span:last-child {
  display: grid;
  line-height: 1.12;
}
.public-brand strong {
  font-size: var(--font-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.public-brand small {
  color: var(--color-muted);
  font-size: var(--font-xs);
  font-weight: 400;
}
.public-group-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  justify-self: center;
}
.public-group-nav > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--desktop-nav-height-compact);
  padding: var(--space-1) var(--space-2h);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  font-size: var(--font-sm);
  font-weight: 600;
  text-decoration: none;
}
.public-group-nav > a:hover,
.public-group-nav > a:focus-visible,
.public-group-nav > a[aria-current="page"] {
  background: var(--color-surface-subtle);
  color: var(--color-brand-strong);
}
.public-page-shell {
  width: 100%;
  max-width: 1280px;
  margin-top: var(--space-6);
  margin-bottom: var(--space-7);
  flex: 1 0 auto;
}
.public-page-title {
  padding: 0 0 var(--space-4);
  border-bottom: 1px solid var(--color-border);
}
.public-page-title h1 {
  max-width: none;
  margin: 0 0 var(--space-2);
  font-family: inherit;
  font-size: var(--font-3xl);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--color-ink);
}
.public-page-title p {
  max-width: none;
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-sm);
  line-height: 1.55;
  font-weight: 400;
}
:is(.public-document, .public-document-section, body.public-access)
  .document-version {
  margin: var(--space-2h) 0 0;
  padding: 0;
  color: var(--color-muted);
  font-size: var(--font-xs);
  line-height: 1.4;
}
.public-document {
  padding: 0;
}
.public-document > div {
  display: block;
}
.public-document-section {
  display: block;
  padding: var(--space-6) 0;
  border-bottom: 1px solid var(--color-border);
}
.public-document-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.public-document-section > div:first-child > p:first-child:not(:only-child) {
  margin: 0 0 var(--space-1h);
  color: var(--color-muted);
  font-size: var(--font-sm);
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
}
.public-document h2 {
  max-width: none;
  margin: 0 0 var(--space-2h);
  font-size: var(--font-xl);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}
.public-document form + h3 {
  margin-top: var(--space-6);
}
.public-document h3 {
  max-width: none;
  margin: 0 0 var(--space-1h);
  font-size: var(--font-lg);
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-ink);
}
.public-document p {
  max-width: none;
  margin: 0 0 var(--space-2h);
  line-height: 1.6;
  color: var(--color-ink);
}
.public-document p:last-child {
  margin-bottom: 0;
}
.public-document li {
  max-width: none;
  line-height: 1.55;
}
.public-document a {
  color: var(--color-brand);
  text-underline-offset: 3px;
}
.public-site-footer {
  width: 100%;
  margin-top: auto;
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
}
.public-footer-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
  gap: var(--space-2h);
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--font-xs);
  line-height: 1;
}
.public-footer-inner a {
  display: inline-flex;
  align-items: center;
  min-height: var(--target-min);
  color: var(--color-muted);
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
}
.public-footer-inner a:hover,
.public-footer-inner a:focus-visible {
  color: var(--color-brand);
  text-decoration: underline;
}
.public-footer-inner > span[aria-hidden="true"] {
  color: var(--color-border-strong);
}
.public-footer-copyright {
  color: var(--color-muted);
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
}
.public-not-found {
  text-align: left;
  padding-top: var(--space-6);
}
.public-not-found h1 {
  font-size: var(--font-3xl);
}
.public-not-found .public-page-title {
  margin-inline: 0;
}
.public-not-found .ui-button + .public-section-summary {
  margin-top: var(--space-4);
}
.error-code {
  margin: 0;
  color: var(--color-brand);
  font-size: var(--font-3xl);
  font-weight: 600;
  letter-spacing: -0.03em;
}
body.admin-portal > .ui-header {
  min-height: var(--header-height);
  padding-inline: var(--space-5);
  gap: var(--space-3);
}
body.admin-portal > .ui-header .brand {
  min-width: 0;
}
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-xs);
}
body.admin-portal > .ui-header .account .ui-button {
  font-size: var(--font-xs);
}
body.admin-portal .ui-button {
  white-space: nowrap;
  height: var(--density-control-height);
  min-height: var(--density-control-height);
}
body.admin-portal .ui-button.ghost {
  padding-inline: var(--space-3);
}
body.admin-portal input,
body.admin-portal select {
  height: var(--density-control-height);
  min-height: var(--density-control-height);
  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-xs);
}
.admin-shell {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: var(--page-padding);
  min-width: 0;
}
.admin-workspace {
  display: grid;
  min-width: 0;
  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 {
  min-width: 0;
  width: 100%;
}
.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-lg);
  line-height: 1.35;
}
.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-xs);
}
.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-xs);
  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: 1.35;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
  font-size: var(--font-xs);
}
.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: 1.3;
  white-space: normal;
  position: sticky;
  top: 0;
  z-index: var(--z-base);
  font-size: var(--font-xs);
  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-brand-soft);
}
.admin-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 176px));
  gap: var(--space-2);
  min-width: 0;
  margin-bottom: var(--space-1);
}
.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-xs);
  line-height: 1.3;
}
.admin-metric strong {
  display: block;
  margin-top: var(--space-0);
  font-size: var(--font-sm);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.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, 2fr) minmax(0, 3fr);
}
.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: 1.4;
  color: var(--color-muted);
  background: var(--color-surface-subtle);
  font-size: var(--font-xs);
  font-weight: 600;
  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: 1.4;
  font-size: var(--font-xs);
  overflow-wrap: anywhere;
}
.admin-detail-record dt:last-of-type {
  border-bottom: 0;
}
.admin-detail-record dd: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-xs);
  font-weight: 600;
  list-style: none;
  outline: 0;
}
.admin-disclosure > summary::-webkit-details-marker {
  display: none;
}
.admin-disclosure > summary::after {
  content: "+";
  margin-left: auto;
  flex: 0 0 auto;
  color: var(--color-muted);
  font-size: var(--font-lg);
}
.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: 90vh;
  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-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;
}
.admin-row-actions .ui-button {
  min-width: var(--button-compact-min-width);
  max-width: var(--button-compact-max-width);
  padding-inline: var(--space-3);
  font-size: var(--font-xs);
  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-xs);
}
.admin-module :where(input, select) {
  margin: 0;
  height: var(--control-height-compact);
  padding-block: 0;
  font-size: var(--font-xs);
}
.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-xs);
}
body.admin-portal .ui-toast {
  right: var(--space-5);
  bottom: var(--space-5);
  max-width: min(420px, calc(100vw - 20px));
  padding: var(--space-2) var(--space-3);
}
body.admin-portal .ui-modal {
  padding: var(--space-3);
}
.admin-list-component {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  width: 100%;
}
.admin-detail-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 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
  color: var(--color-muted);
  font-size: var(--font-xs);
}
.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-brand-soft);
}
.admin-disclosure > summary > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
html:has(body.admin-portal) {
  max-width: 100%;
  overflow-x: hidden;
}
body.admin-portal * {
  box-sizing: border-box;
}
body.admin-portal .admin-shell {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-workspace {
  display: grid;
  gap: var(--grid-gap-standard);
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
body.admin-portal .admin-module {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-operational-stack {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-data-card {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-list-component {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-detail-component {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-disclosure {
  min-width: 0;
  max-width: 100%;
}
body.admin-portal .admin-disclosure__body {
  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 {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
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-xs);
  font-weight: 600;
  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;
}
.skip-link {
  position: fixed;
  left: 12px;
  top: 8px;
  z-index: var(--z-toast);
  transform: translateY(-160%);
  padding: var(--space-2) var(--space-3);
  border: var(--border-strong) solid var(--color-brand);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-brand-strong);
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus {
  transform: translateY(0);
}
button {
  font: inherit;
}
input,
select {
  font: inherit;
  font-weight: 400;
  width: 100%;
  margin-top: var(--space-2);
  padding: 0 var(--space-3);
  color: var(--color-ink);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border-strong);
  border-radius: var(--radius-md);
  outline: none;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
  height: var(--density-control-height);
  min-height: var(--density-control-height);
}
textarea {
  font: inherit;
  font-weight: 400;
  width: 100%;
  margin-top: var(--space-2);
  padding: 0 var(--space-3);
  color: var(--color-ink);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border-strong);
  border-radius: var(--radius-md);
  outline: none;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
  min-height: 96px;
  padding-top: var(--space-3);
  resize: vertical;
}
body.admin-portal .admin-table tbody tr[aria-selected="true"] {
  background: var(--color-brand-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-xs);
  line-height: 1.4;
  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 > summary {
  cursor: pointer;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.admin-inline-value__body {
  margin-top: var(--space-2);
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
html [hidden] {
  display: none;
}
.drop > input[type="file"] {
  display: none;
}
body.login-only {
  min-height: 100vh;
  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;
}
.toast-region[hidden],
.action-modal[hidden] {
  display: none;
}
:where(.nav)[aria-current="page"],
:where(.nav).active {
  color: var(--color-brand-strong);
  background: var(--color-brand-soft);
  border-color: var(--color-info-border);
  font-weight: 600;
}
.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);
}
.ui-toast.error {
  border-left: 4px solid var(--color-danger);
  background: var(--color-surface);
  color: var(--color-ink);
}
:where(.ui-data-grid, .table-wrap, .public-document div:has(> table)) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}
:where(table, .ui-aligned-table) {
  direction: ltr;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: auto;
  border-collapse: collapse;
}
:where(table, .ui-aligned-table) :where(th, td) {
  min-width: 0;
  max-width: none;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
:where(table, .ui-aligned-table) thead th,
:where(table, .ui-aligned-table) th.is-heading {
  text-align: left;
  vertical-align: middle;
  font-weight: 600;
}
: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) tbody :where(td, th[scope="row"]) {
  text-align: left;
}
: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.is-action,
:where(table, .ui-aligned-table) td.admin-actions-column {
  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) td.is-action .ui-button,
:where(table, .ui-aligned-table) .admin-row-actions .ui-button {
  min-width: var(--button-compact-min-width);
  height: auto;
  min-height: var(--control-height-compact);
  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-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: var(--color-canvas);
}
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: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-subtle);
}
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-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);
}
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-sm);
  line-height: 1.1;
  cursor: pointer;
  box-shadow: var(--shadow-hairline);
}
body.admin-portal .admin-key-button:hover {
  background: var(--color-brand-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: none;
  box-shadow: none;
}
body.admin-portal .admin-table td.admin-actions-column,
body.admin-portal .admin-table th.admin-actions-column {
  position: sticky;
  right: 0;
  box-shadow: -1px 0 0 var(--color-border);
}
body.admin-portal .admin-table td.admin-actions-column {
  background: var(--color-surface);
}
body.admin-portal .admin-table th.admin-actions-column {
  background: var(--color-surface-subtle);
}
body.admin-portal .admin-command-review {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
}
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-xs);
}
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: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-xs);
  font-weight: 600;
  line-height: 1.1;
}
body.admin-portal .admin-command-palette__panel {
  width: min(680px, calc(100vw - (2 * var(--space-5))));
  max-height: min(76vh, 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 {
  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;
}
body.admin-portal .admin-command-result:hover,
body.admin-portal .admin-command-result:focus-visible {
  background: var(--color-brand-soft);
  border-color: var(--color-info-border);
  outline: none;
}
body.admin-portal .admin-command-result span:last-child {
  display: grid;
  gap: var(--desktop-micro-gap);
  min-width: 0;
}
body.admin-portal .admin-command-result strong {
  font-size: var(--font-sm);
}
body.admin-portal .admin-command-result small {
  color: var(--color-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
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);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  box-shadow: var(--shadow-subtle);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body.admin-portal .admin-contextbar__identity h1 {
  margin: 0;
  font-size: var(--font-lg);
  line-height: 1.2;
}
body.admin-portal .admin-contextbar__filters,
body.admin-portal .admin-contextbar__actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  flex-wrap: wrap;
}
body.admin-portal .admin-contextbar__filters .ui-button,
body.admin-portal .admin-contextbar__actions .ui-button {
  max-width: none;
}
.admin-contextbar .admin-contextbar__actions {
  justify-content: flex-end;
}
body.admin-portal .admin-context-filter {
  max-width: none;
  white-space: nowrap;
}
body.admin-portal .admin-context-filter.is-active {
  background: var(--color-brand-soft);
  border-color: var(--color-info-border);
  color: var(--color-brand);
}
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-xs);
  font-weight: 600;
  line-height: 1;
}
.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:hover,
.admin-attention-item:focus-visible {
  background: var(--color-brand-soft);
  outline: none;
}
.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-xs);
  font-weight: 600;
  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-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: var(--space-4);
  align-items: start;
}
.workspace-order-form {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}
.workspace-order-form .fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.change-password-form .fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.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-xs);
}
.workspace-order-pricing dd {
  margin: 0;
  font-weight: 600;
  font-size: var(--font-sm);
  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 {
  align-items: center;
}
.campaign-status-panel .panel-head > div {
  min-width: 0;
}
.campaign-status-panel .panel-head h2 {
  margin-bottom: 0;
}
.upload-actions .ui-button {
  min-width: 0;
  white-space: nowrap;
}
.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: hidden;
}
.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 {
  box-sizing: border-box;
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: var(--space-4);
}
.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-xl);
  font-weight: 600;
  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: 1.35;
}
.view-search .drop > .upload-actions {
  justify-content: center;
  flex-wrap: wrap;
}
.view-search .drop > .upload-actions .ui-button {
  white-space: nowrap;
}
.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 {
  min-height: 0;
}
.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,
.view-search .download-actions > .ui-button {
  flex: 1 1 104px;
  height: auto;
  min-height: var(--density-control-height);
}
.view-search .campaign-actions > .ui-button {
  white-space: normal;
}
.view-search .campaign-form > .ui-field {
  flex: 0 0 auto;
}
.view-search .campaign-name {
  box-sizing: border-box;
  border-width: var(--border-thin);
  padding: 0 var(--space-3);
}
.view-search .campaign-name:hover,
.view-search .campaign-name:focus,
.view-search .campaign-name:disabled,
.view-search .campaign-name[aria-invalid="true"] {
  box-sizing: border-box;
  border-width: var(--border-thin);
  padding: 0 var(--space-3);
}
html,
body {
  max-width: 100%;
  overflow-x: clip;
}
body:not(.admin-portal)
  :where(main, section, article, div, form, header, footer, nav) {
  min-width: 0;
}
.workspace-main.shell {
  width: 100%;
  max-width: var(--page-max-width);
  padding-inline: var(--page-padding);
}
.public-page-title h1,
.public-document h2,
.public-document h3 {
  font-family: inherit;
}
.public-document :where(p, li, h2, h3, a, strong, span) {
  overflow-wrap: anywhere;
}
.public-document :where(img, svg, video, iframe) {
  max-width: 100%;
  height: auto;
}
body:not(.admin-portal)
  :where(
    .shell,
    .public-layout-container,
    .public-page-shell,
    .public-document,
    .public-document-section,
    .panel,
    .ui-card,
    .table-wrap
  ) {
  max-width: 100%;
}
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 .view > .panel,
body:not(.login-only) .workspace-main .grid.two > .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 .ui-actions,
body:not(.login-only) .workspace-main .campaign-actions,
body:not(.login-only) .workspace-main .download-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-workspace,
body.admin-portal:not(.login-only) .admin-module,
body.admin-portal:not(.login-only) .admin-operational-stack {
  gap: var(--desktop-section-gap-compact);
}
body.admin-portal:not(.login-only) .admin-data-card,
body.admin-portal:not(.login-only) .admin-action-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);
}
body.public-access [hidden] {
  display: none !important;
}
body.public-access :is(h2, h3) {
  scroll-margin-top: 110px;
}
.public-editorial-document {
  width: 100%;
}
.public-document-section > :is(h2, summary > h2) {
  margin: 0 0 var(--space-2);
  font-size: var(--font-xl);
  line-height: 1.3;
}
.public-page-summary,
.public-section-summary {
  margin: 0 0 var(--space-4);
  max-width: none;
  line-height: 1.6;
}
.public-detail-list {
  margin: 0 0 var(--space-4);
  padding-left: var(--space-5);
  display: grid;
  gap: var(--space-2h);
}
.public-detail-list li {
  line-height: 1.55;
  padding-left: var(--space-1);
}
.public-detail-list strong {
  font-weight: 600;
}
.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-sm);
  letter-spacing: 0.02em;
}
.view-search .campaign-live-counts strong {
  font-weight: 600;
}
.view-search .campaign-live-progress > strong {
  flex: 0 0 auto;
  min-width: 48px;
  text-align: right;
  font-size: var(--font-sm);
}
.view-search .engine-lane:first-child {
  padding-left: 0;
}
.view-search .engine-lane:last-child {
  border-right: 0;
  padding-right: 0;
}
.view-search .engine-lane__name {
  font-size: var(--font-xs);
  font-weight: 600;
}
.view-search .engine-lane__running,
.view-search .engine-lane__queue {
  font-size: var(--font-xs);
  line-height: 1.45;
  white-space: nowrap;
}
.uone-login :where(*:not(svg, svg *)) {
  all: revert;
  box-sizing: border-box;
}
.uone-login :where(button, input, select, textarea) {
  font-family: var(--font-family);
}
.uone-login :where(h1, h2, h3, strong, b) {
  font-weight: 600;
}
.uone-login {
  font-size: var(--font-lg);
  line-height: normal;
  color: var(--color-ink);
  margin: 0;
  padding: 0;
  height: 100%;
}
.uone-login * {
  box-sizing: border-box;
}
.uone-login .ul-screen {
  display: flex;
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
}
.uone-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);
}
.uone-login .ul-brand-content {
  position: relative;
  z-index: var(--z-raised);
  max-width: 560px;
}
.uone-login .ul-logo-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: calc(var(--space-7) + var(--space-4));
}
.uone-login .ul-headline {
  font-size: var(--font-3xl);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0 0 var(--space-5) 0;
  max-width: 480px;
  min-height: 3.75em;
}
.uone-login .ul-subline {
  font-size: var(--font-lg);
  line-height: 1.6;
  color: var(--color-on-brand-muted);
  color: color-mix(in srgb, var(--color-surface) 72%, transparent);
  max-width: 420px;
  font-weight: 400;
  margin: 0;
}
.uone-login .ul-divider {
  width: 44px;
  height: 2px;
  background: var(--color-brand);
  margin: var(--space-6) 0 var(--space-6) 0;
  border-radius: var(--radius-pill);
}
.uone-login .ul-login-card {
  width: 100%;
  max-width: 340px;
}
.uone-login .ul-card-header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}
.uone-login .ul-card-title {
  font-size: var(--font-xl);
  font-weight: 600;
  color: var(--color-ink);
  margin: 0;
}
.uone-login .ul-card-sub {
  font-size: var(--font-sm);
  color: var(--color-muted);
  margin: var(--space-0) 0 0 0;
}
.uone-login .ul-form-block {
  margin-top: var(--space-6);
}
.uone-login .ul-field-label {
  display: block;
  font-size: var(--font-sm);
  font-weight: 600;
  color: var(--color-ink);
  margin-bottom: var(--space-2);
}
.uone-login .ul-field-wrap {
  position: relative;
  margin-bottom: var(--space-5);
}
.uone-login .ul-field-input {
  width: 100%;
  height: var(--control-height-standard);
  padding: 0 var(--space-3);
  border: var(--border-thin) solid var(--color-border-input);
  border-radius: var(--radius-md);
  font-size: var(--font-sm);
  color: var(--color-ink);
  background: var(--color-surface);
  outline: none;
  line-height: normal;
}
.uone-login .ul-hide-toggle {
  position: absolute;
  right: var(--space-2);
  top: 50%;
  transform: translateY(-50%);
  min-width: var(--control-height-compact);
  height: var(--control-height-compact);
  font-size: var(--font-xs);
  font-weight: 600;
  color: var(--color-brand);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 var(--space-2);
}
.uone-login .ul-signin-btn {
  width: 100%;
  height: var(--control-height-standard);
  padding: 0 var(--space-4);
  color: var(--color-on-brand);
  border: var(--border-thin) solid transparent;
  border-radius: var(--radius-md);
  font-size: var(--font-sm);
  font-weight: 600;
  cursor: pointer;
  margin-top: var(--space-1);
}
.uone-login .ul-signin-btn:hover {
  background: var(--color-brand);
}
.uone-login .ul-forgot-link {
  display: block;
  text-align: center;
  font-size: var(--font-sm);
  color: var(--color-brand);
  text-decoration: none;
  margin-top: var(--space-4);
  padding-block: var(--space-1);
  font-weight: 600;
}
.uone-login .ul-forgot-link:hover {
  text-decoration: underline;
}
.uone-login .ul-legal-note {
  text-align: center;
  font-size: var(--font-xs);
  color: var(--color-muted);
  line-height: 1.6;
  margin-top: var(--space-5);
}
.uone-login .ul-legal-note a {
  color: var(--color-muted);
  text-decoration: underline;
}
.uone-login .ul-field-wrap input[type="password"] {
  padding-right: calc(var(--space-7) + var(--space-4));
}
.uone-login .ul-form-error {
  font-size: var(--font-sm);
  line-height: 1.4;
  color: var(--color-danger);
  margin: 0 0 var(--space-3);
  min-height: 2.8em;
  overflow-wrap: anywhere;
}
.uone-login .ul-form-error.success {
  color: var(--color-success);
}
.uone-login .ul-field-note {
  margin: 0 0 var(--space-1);
  font-size: var(--font-xs);
  line-height: 1.5;
  color: var(--color-muted);
}
.uone-login .ul-form-error:empty {
  display: block;
}
.uone-login .ul-signin-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
.uone-login :is(button, a):focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 4px;
}
.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;
}
.view-search .campaign-live-progress__track > span {
  display: block;
  height: 100%;
  width: 0;
  background-color: transparent;
}
.view-search .live-campaign-ref,
.view-search .live-elapsed,
.view-search .campaign-live-counts strong,
.view-search .live-percent,
.view-search .engine-lane {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.view-search .engine-lane__results {
  margin: auto 0 0;
  padding-top: var(--space-2);
  border-top: var(--border-thin) solid var(--color-border);
}
.view-search .engine-lane__results > div {
  font-size: var(--font-xs);
  line-height: 1.35;
}
.view-search .engine-lane__results dt {
  font-weight: 600;
}
.view-search .engine-lane__results dd {
  font-variant-numeric: tabular-nums;
}
.view-search .engine-lane.has-issues .engine-lane__results .is-issue dd {
  color: var(--color-danger);
}
:where(.panel, .ui-card, .admin-module, .admin-data-card, .public-document) {
  min-width: 0;
}
:where(.table-wrap, .ui-data-grid) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
:where(.table-wrap, .ui-data-grid) table {
  min-width: 0;
}
:where(.ui-modal__panel, .admin-action-card) {
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
}
:where(button, input, select, textarea) {
  max-width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
  body.admin-portal .admin-key-button {
    transition: none;
  }
  .uone-login * {
    transition: none !important;
  }
  .view-search .campaign-live-progress__track > span {
    transition: none;
  }
  html {
    scroll-behavior: auto;
  }
}
@media (max-width: 640px) {
  :root {
    --page-padding: var(--space-3);
  }
  .top,
  .workspace-header-inner,
  body.admin-portal > .ui-header {
    height: auto;
    min-height: var(--header-height);
    flex-wrap: wrap;
    gap: var(--space-2);
    padding-block: var(--space-2);
  }
  .workspace-header-inner {
    display: flex;
    align-items: center;
  }
  .workspace-nav {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .workspace-nav .ui-button {
    flex: 0 0 auto;
  }
  .brand {
    min-width: 0;
  }
  .account {
    margin-left: auto;
    min-width: 0;
  }
  .public-site-header :where(.public-layout-container, .public-header-inner) {
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .public-document,
  .public-page-shell {
    padding-inline: var(--page-padding);
  }
  .uone-login .ul-brand-panel {
    min-height: 0;
    padding: var(--space-5) var(--space-4);
  }
  .uone-login .ul-headline {
    font-size: var(--font-xl);
  }
  .uone-login .ul-subline {
    font-size: var(--font-sm);
  }
  .uone-login .ul-login-panel {
    min-height: 0;
    padding: var(--space-6) var(--space-4);
  }
  .view-search .campaign-live-top {
    flex-wrap: wrap;
  }
  .view-search .engine-lane-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .view-search .engine-lane {
    border-right: 0;
    border-top: 1px solid var(--color-border);
    padding: var(--space-3) !important;
  }
  .view-search .engine-lane:first-child {
    border-top: 0;
  }
  .workspace-order-form .fields,
  .profile-details-form .fields,
  .change-password-form .fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .finance-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.admin-portal .admin-console-shell {
    padding: var(--page-padding);
  }
  .ui-actions,
  .campaign-actions,
  .download-actions {
    flex-wrap: wrap;
  }
  .ui-actions .ui-button {
    min-width: 0;
  }
  .public-layout-container {
    padding-inline: var(--page-padding);
  }
  .public-header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-2);
  }
  .public-header-inner::after {
    display: none;
  }
  .public-group-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: var(--space-2);
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .view-search .campaign-actions > .ui-button,
  .view-search .download-actions > .ui-button {
    flex: 1 1 100%;
    max-width: none;
  }
  .error,
  .ul-form-error {
    max-height: none;
    -webkit-line-clamp: unset;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 1023px) {
  :root {
    --page-padding: var(--space-4);
    --workspace-panel-gap: var(--space-4);
  }
  html,
  body {
    min-width: 0;
    overflow-x: clip;
  }
  .view-search .grid.two {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .view-search .grid.two > .panel {
    grid-column: 1;
    height: auto;
    overflow: visible;
  }
  .view-search .campaign-form,
  .view-search .campaign-status-panel .panel-body {
    overflow: visible;
  }
  .view-search .drop {
    min-height: 126px;
    flex: none;
  }
  .view-search .engine-lane-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }
  .view-search .engine-lane:nth-child(2) {
    border-right: 0;
  }
  .view-search .engine-lane:nth-child(n + 3) {
    border-top: 1px solid var(--color-border);
  }
  .view-search .engine-lane:nth-child(3) {
    padding-left: 0;
  }
  .view-search .engine-lane:last-child {
    padding-right: var(--space-3);
  }
  .grid.two > .panel,
  .grid.two > section {
    grid-column: span 12;
    height: auto;
  }
  .workspace-order-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .uone-login .ul-screen {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .uone-login .ul-brand-panel {
    padding: var(--space-5);
    min-height: 220px;
  }
  .uone-login .ul-logo-row {
    margin-bottom: var(--space-5);
  }
  .uone-login .ul-login-panel {
    padding: var(--space-5);
    min-height: 400px;
  }
  .uone-login .ul-login-card {
    max-width: 440px;
  }
  body.admin-portal .admin-contextbar {
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    top: auto !important;
  }
  body.admin-portal .admin-command-deck {
    position: relative;
    top: auto !important;
  }
  body.admin-portal .admin-command-deck__primary {
    flex-wrap: wrap;
  }
  body.admin-portal .admin-icon-rail {
    width: 100%;
    flex: 1 1 100%;
  }
  body.admin-portal .admin-command-tools {
    border-left: 0;
    padding-left: 0;
  }
  .admin-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .device-gate {
    display: flex !important;
  }
  body {
    overflow: hidden !important;
  }
  body > *:not(.device-gate) {
    display: none !important;
  }
}
html.uone-device-blocked .device-gate {
  display: flex !important;
}
html.uone-device-blocked body {
  overflow: hidden !important;
}
html.uone-device-blocked body > *:not(.device-gate) {
  display: none !important;
}
.device-gate {
  display: none;
  position: fixed;
  inset: 0;
  z-index: var(--z-toast-top);
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  background: var(--color-canvas);
  text-align: center;
}
.device-gate__panel {
  width: min(420px, 100%);
  padding: var(--space-6);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-modal);
}
.device-gate__wordmark {
  display: inline-flex;
  margin: 0 auto var(--space-4);
}
.device-gate__panel h1 {
  margin: 0 0 var(--space-2);
  font-size: var(--font-xl);
}
.device-gate__panel p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-sm);
  line-height: 1.5;
}
.view-search .campaign-status-panel .panel-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.view-search .engine-lane__progress,
.view-search .engine-lane__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-0);
}
.view-search .engine-lane__head {
  min-width: 0;
  row-gap: var(--space-1);
  flex-wrap: wrap;
}
.view-search .engine-lane__icon {
  flex: 0 0 18px;
}
.view-search .engine-lane__processed {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}
body.login-only > .toast-region.show {
  display: block;
}
.ui-toast > strong,
.ui-toast > span {
  display: block;
}
.ui-toast > strong {
  margin-bottom: var(--space-1);
  font-size: var(--font-sm);
}
.ui-toast > span {
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.ui-toast.error > strong {
  color: var(--color-danger);
}
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  line-height: 1;
  white-space: nowrap;
  color: var(--color-ink);
  text-decoration: none;
}
.wordmark .wm-name {
  font-size: var(--wm-size);
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--color-brand-strong);
}
.wordmark .wm-sub {
  font-size: calc(var(--wm-size) * var(--wm-sub-ratio));
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--color-muted);
  padding-left: var(--space-2);
  border-left: 1px solid var(--color-border);
  line-height: 1.1;
}
.wordmark--stack {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: start;
  column-gap: var(--space-4);
  row-gap: 0.3rem;
}
.wordmark--stack::before {
  grid-row: 1 / span 2;
}
.wordmark--stack .wm-name {
  grid-column: 2;
  align-self: end;
}
.wordmark--stack .wm-sub {
  grid-column: 2;
  align-self: start;
  padding-left: 0;
  border-left: 0;
  font-size: calc(var(--wm-size) * var(--wm-sub-ratio-stack));
}
.wordmark--inverse .wm-name {
  color: var(--color-on-brand);
}
.wordmark--inverse .wm-sub {
  color: var(--color-on-brand-muted);
  letter-spacing: 0.02em;
}
.wm-context {
  display: inline-block;
  margin-left: var(--space-3);
  padding-left: var(--space-3);
  border-left: 1px solid var(--color-border);
  font-size: var(--font-xs);
  font-weight: 400;
  color: var(--color-muted);
  line-height: 1.2;
  white-space: nowrap;
}
.wm-descriptor {
  margin-top: var(--space-3);
  font-size: var(--font-sm);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--color-on-brand-faint);
}
.brand:has(.wordmark) {
  display: flex;
  align-items: center;
  gap: 0;
}
.public-brand:has(.wordmark) {
  display: flex;
  align-items: center;
  gap: 0;
}
.public-brand span.wm-context {
  display: inline-block;
}
.uone-login .ul-logo-row.ul-logo-row--wordmark {
  display: block;
}
.uone-login .wordmark {
  color: inherit;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: start;
  column-gap: var(--space-4);
  row-gap: 0.35rem;
  line-height: 1;
  white-space: nowrap;
  font-family: inherit;
}
.uone-login .wordmark .wm-name {
  grid-column: auto;
  align-self: auto;
  display: block;
  margin: 0;
  font-size: var(--wm-size);
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--color-on-brand);
  line-height: 1;
}
.uone-login .wordmark .wm-sub {
  grid-column: auto;
  align-self: auto;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: calc(var(--wm-size) * var(--wm-sub-ratio-stack));
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--color-on-brand-muted);
  line-height: 1.1;
}
.uone-login .wm-descriptor {
  display: block;
  margin: var(--space-3) 0 0;
  font-size: var(--font-sm);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--color-on-brand-faint);
  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: 4px solid var(--color-brand);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.14s ease,
    box-shadow 0.14s ease;
}
.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-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.admin-kpi__value {
  font-size: var(--font-xl);
  font-weight: 600;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.admin-kpi__sub {
  font-size: var(--font-xs);
  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-sm);
}
.admin-status-list li:last-child {
  border-bottom: 0;
}
.admin-status-list strong {
  font-size: var(--font-xs);
}
.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-sm);
  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-sm);
  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-xs);
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  margin-bottom: var(--space-0);
}
.admin-trend__day {
  font-size: var(--font-xs);
  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,
  .uone-login .su-country__button
) {
  border: var(--border-thin) solid var(--color-border-input);
  outline: none;
  box-shadow: none;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
  &:hover:not(:disabled, :focus) {
    border-color: var(--color-border-input-hover);
  }
  &:is(:focus, :focus-visible):not([aria-invalid="true"]) {
    border-color: var(--color-brand);
    box-shadow: var(--focus-ring);
  }
  &[aria-invalid="true"] {
    border-color: var(--color-danger);
    box-shadow: none;
  }
  &[aria-invalid="true"]:is(:focus, :focus-visible) {
    box-shadow: var(--focus-ring-danger);
  }
  &:disabled {
    color: var(--color-disabled-text);
    background: var(--color-disabled-surface);
    border-color: var(--color-disabled-border);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }
}
body.is-authenticated:not(.admin-portal) {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
body.is-authenticated .workspace-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
}
.workspace-main .view.active {
  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);
}
[data-fit-list] {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
  font-size: var(--font-sm);
}
.fit-pager {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  height: var(--control-height-compact);
  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-xs);
  text-align: center;
}
[data-fit-list] table {
  width: 100%;
  border-collapse: collapse;
}
[data-fit-list] :is(th, td) {
  box-sizing: border-box;
  padding: 0 var(--space-2);
}
[data-fit-list] td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-fit-list] th {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
[data-fit-list] thead th {
  height: 32px;
}
[data-fit-list] tbody tr {
  height: var(--table-row-height-compact);
}
[data-fit-list] td.empty {
  height: auto;
  padding: var(--space-5) var(--space-3);
  color: var(--color-muted);
  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-sm);
}
.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 {
  font-size: var(--font-xs);
}
.view-history .history-table th {
  padding: 0 var(--space-1);
  font-size: var(--font-xs);
}
.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 tbody td {
  border-bottom: var(--border-thin) solid var(--color-border);
}
.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 {
  white-space: nowrap;
}
.view-history .history-table td.history-period :is(strong, span, small) {
  white-space: nowrap;
}
.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-xs);
}
.view-history .history-table td.history-outcome {
  display: table-cell;
  font-size: var(--font-xs);
  line-height: 1.3;
  white-space: normal;
}
.view-history .history-table td.history-outcome span {
  display: block;
  white-space: nowrap;
}
.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-xs);
  border-radius: var(--radius-pill);
}
.view-history .history-action-group {
  display: grid;
}
.view-history .history-action-group .ui-button {
  min-width: 0;
  padding: 0 var(--space-0);
  font-size: var(--font-xs);
  letter-spacing: 0;
  line-height: 1;
  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 {
  flex: 0 0 auto;
  margin: 0;
}
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-xs);
  font-weight: 600;
  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-xs);
  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 > div {
  padding: var(--space-2) var(--space-3);
}
.view-account .finance-metrics strong {
  margin-top: var(--space-0);
  font-size: var(--font-xl);
}
.view-account .workspace-order-console {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
}
.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,
.view-account .workspace-order-form .ui-actions {
  margin: 0;
}
.view-account .workspace-order-form .ui-actions {
  margin-top: var(--space-2);
}
.view-account .workspace-order-form .finance-note {
  margin: var(--space-2) 0 0;
  min-height: 18px;
}
.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-sm);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--space-2);
}
.view-search .campaign-live-progress {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-2);
}
.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);
}
.view-search .engine-lane-grid {
  min-width: 0;
  border-bottom: 0;
  align-items: stretch;
  min-height: 0;
}
.view-search .campaign-message {
  flex: 0 0 auto;
  overflow: hidden;
  margin-top: var(--space-1);
}
@media (max-height: 700px) {
  .view-search .drop {
    min-height: 96px;
  }
  .view-search .engine-lane-grid {
    display: flex;
    flex-direction: column;
    border-top: var(--border-thin) solid var(--color-border);
  }
  .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;
    border-bottom: var(--border-thin) solid var(--color-border);
  }
  .view-search .engine-lane:last-child {
    border-bottom: 0;
  }
  .view-search .engine-lane__head {
    grid-column: 1;
  }
  .view-search .engine-lane__progress {
    grid-column: 2;
  }
  .view-search .engine-lane__meta {
    grid-column: 3;
  }
  .view-search .engine-lane__results {
    grid-column: 4;
    display: flex;
    margin: 0;
    padding: 0;
    border-top: 0;
    justify-content: flex-start;
    gap: var(--space-3);
  }
  .view-search .engine-lane__results > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .view-search .engine-lane__state {
    grid-column: 5;
  }
  .view-search .engine-lane__processed {
    font-size: var(--font-lg);
    line-height: 1.1;
  }
  .view-search .engine-lane__running,
  .view-search .engine-lane__queue {
    font-size: var(--font-xs);
    line-height: 1.15;
  }
  .view-search .engine-lane__results dt,
  .view-search .engine-lane__results dd,
  .view-search .engine-lane__name {
    font-size: var(--font-xs);
    line-height: 1.2;
    white-space: nowrap;
  }
  .view-search .engine-lane__progress,
  .view-search .engine-lane__meta {
    gap: 0;
  }
}
@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: var(--space-1) var(--space-3);
  }
  .view-account .workspace-order-console {
    padding: var(--space-2) var(--space-3);
  }
  .view-account .workspace-order-form .finance-note {
    margin-top: var(--space-1);
  }
}
.view-search .download-actions > .ui-button {
  min-width: 0;
  padding: 0 var(--space-2);
  white-space: nowrap;
}
@media (max-height: 760px) {
  .uone-login .ul-screen,
  .uone-login .ul-login-panel {
    min-height: 0;
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .uone-login .ul-login-panel {
    padding-block: var(--space-2) var(--space-7);
  }
  .uone-login .ul-login-card {
    padding-block: var(--space-3);
  }
  .uone-login .ul-signin-btn {
    margin-top: var(--space-1);
  }
  .uone-login .ul-field-wrap {
    margin-bottom: var(--space-3);
  }
  .uone-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__actions {
  justify-content: flex-end;
  flex: 0 1 auto;
}
body.admin-portal .admin-contextbar__filters {
  flex: 1 1 100%;
}
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-xs);
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
}
body.admin-portal .admin-contextbar__filters input {
  flex: 1 1 220px;
  min-width: 200px;
}
.view-search .engine-lane {
  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);
}
.view-search .engine-lane__progress,
.view-search .engine-lane__results,
.view-search .engine-lane__state {
  margin-top: auto;
}
.view-search .engine-lane__meta {
  margin-top: var(--space-1);
}
.view-search .engine-lane__state {
  font-size: var(--font-xs);
  font-weight: 600;
  letter-spacing: 0.03em;
}
.start-message {
  min-height: 2.6em;
  margin: var(--space-2) 0 0;
  font-size: var(--font-sm);
  line-height: 1.3;
  color: var(--color-muted);
}
.start-message.error {
  color: var(--color-danger);
}
.uone-login .ul-login-card--wide {
  max-width: 460px;
}
.uone-login .su-form .ul-field-wrap {
  margin-bottom: var(--space-4);
}
.uone-login .su-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.uone-login .su-row--country-email {
  grid-template-columns: 2fr 3fr;
}
.uone-login .su-country__button {
  height: var(--control-height-standard);
  text-align: left;
  cursor: pointer;
  color: var(--color-muted);
}
.uone-login .su-country__button.is-chosen {
  color: var(--color-ink);
}
.uone-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: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-subtle);
}
.uone-login .su-country__panel[hidden] {
  display: none;
}
.uone-login .su-country__list {
  list-style: none;
  margin: var(--space-2) 0 0;
  padding: 0;
  max-height: 170px;
  overflow-y: auto;
}
.uone-login .su-country--up .su-country__panel {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--space-1);
}
.uone-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-sm);
  color: var(--color-ink);
}
.uone-login .su-country__list li:hover,
.uone-login .su-country__list li:focus,
.uone-login .su-country__list li[aria-selected="true"] {
  background: var(--color-canvas);
  outline: none;
}
.uone-login .su-country__list .su-country__empty {
  cursor: default;
  color: var(--color-muted);
}
.uone-login .su-consent {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin: var(--space-2) 0 var(--space-2);
  font-size: var(--font-xs);
  line-height: 1.5;
  color: var(--color-muted);
}
.uone-login .su-consent input {
  width: var(--check-size);
  height: var(--check-size);
  margin-top: 0;
  flex: none;
  accent-color: var(--color-brand);
}
.uone-login .su-consent input:focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
}
.uone-login .su-message {
  min-height: 1.3em;
  margin: 0 0 var(--space-2);
  font-size: var(--font-xs);
  line-height: 1.3;
  color: var(--color-muted);
  overflow-wrap: anywhere;
}
.uone-login .su-message.error {
  color: var(--color-danger);
  font-weight: 600;
}
.uone-login .ul-field-input[aria-invalid="true"] {
  border-color: var(--color-danger);
}
.uone-login .su-message.success {
  color: var(--color-success);
}
.uone-login .su-code {
  letter-spacing: 0.4em;
  font-size: var(--font-xl);
  text-align: center;
}
.uone-login .su-linkbutton {
  display: block;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}
.uone-login .su-linkbutton:disabled {
  opacity: 0.6;
  cursor: default;
}
.uone-login .su-userid-box {
  margin: var(--space-4) 0;
  padding: var(--space-5);
  text-align: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.uone-login .su-userid-label {
  display: block;
  font-size: var(--font-xs);
  color: var(--color-muted);
}
.uone-login .su-userid {
  display: block;
  font-size: var(--font-xl);
  letter-spacing: 0.12em;
  color: var(--color-brand-strong);
}
.uone-login .su-done-note {
  margin: 0 0 var(--space-4);
  font-size: var(--font-sm);
  line-height: 1.5;
  color: var(--color-muted);
}
.uone-login .su-button-link {
  display: block;
  text-align: center;
  text-decoration: none;
}
body.signup-page .uone-login section[hidden] {
  display: none;
}
body.signup-page .uone-login .ul-login-panel {
  align-items: flex-start;
  overflow-y: auto;
}
body.signup-page .uone-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 .engine-lane__name,
  .view-search .engine-lane__processed,
  .view-search .engine-lane__running,
  .view-search .engine-lane__queue {
    font-size: var(--font-xs);
  }
  .view-search .campaign-live-top,
  .view-search .campaign-live-counts {
    font-size: var(--font-xs);
  }
  body.admin-portal .admin-table td,
  body.admin-portal .admin-table th {
    padding-left: var(--space-1h);
    padding-right: var(--space-1h);
  }
}
.uone-login .ul-brand-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: var(--z-base);
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1000' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%238fd0f5' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%238fd0f5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cstyle%3E@keyframes p{0%,100%{opacity:.35}50%{opacity:1}}.n{animation:p 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.n{animation:none}}%3C/style%3E%3Cline x1='323' y1='433' x2='410' y2='350' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='323' y1='433' x2='258' y2='543' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='323' y1='433' x2='449' y2='442' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='410' y1='350' x2='373' y2='235' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='410' y1='350' x2='449' y2='442' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='55' y1='422' x2='91' y2='275' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='55' y1='422' x2='154' y2='481' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='55' y1='422' x2='40' y2='605' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='40' y1='118' x2='91' y2='275' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='40' y1='118' x2='130' y2='151' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='247' y1='947' x2='311' y2='852' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='247' y1='947' x2='99' y2='922' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='247' y1='947' x2='200' y2='837' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='434' y1='545' x2='537' y2='555' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='434' y1='545' x2='465' y2='667' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='434' y1='545' x2='449' y2='442' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='809' y1='883' x2='693' y2='799' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='809' y1='883' x2='726' y2='939' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='508' y1='241' x2='441' y2='154' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='508' y1='241' x2='373' y2='235' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='844' y1='52' x2='775' y2='245' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='844' y1='52' x2='749' y2='147' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='342' y1='680' x2='248' y2='639' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='342' y1='680' x2='465' y2='667' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='537' y1='555' x2='685' y2='600' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='537' y1='555' x2='465' y2='667' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='537' y1='555' x2='449' y2='442' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='675' y1='249' x2='775' y2='245' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='675' y1='249' x2='607' y2='382' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='675' y1='249' x2='749' y2='147' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='578' y1='866' x2='490' y2='792' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='578' y1='866' x2='693' y2='799' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='578' y1='866' x2='552' y2='970' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='578' y1='866' x2='726' y2='939' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='578' y1='866' x2='562' y2='721' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='208' y1='734' x2='248' y2='639' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='208' y1='734' x2='77' y2='778' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='208' y1='734' x2='200' y2='837' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='685' y1='600' x2='693' y2='438' stroke='%235cc0f2' stroke-width='1.6' stroke-opacity='0.85'/%3E%3Cline x1='685' y1='600' x2='844' y2='684' stroke='%235cc0f2' stroke-width='1.6' stroke-opacity='0.85'/%3E%3Cline x1='478' y1='59' x2='441' y2='154' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='478' y1='59' x2='604' y2='59' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='478' y1='59' x2='330' y2='124' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='437' y1='944' x2='490' y2='792' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='437' y1='944' x2='311' y2='852' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='437' y1='944' x2='552' y2='970' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='867' y1='556' x2='844' y2='684' stroke='%235cc0f2' stroke-width='1.6' stroke-opacity='0.85'/%3E%3Cline x1='867' y1='556' x2='833' y2='432' stroke='%235cc0f2' stroke-width='1.6' stroke-opacity='0.85'/%3E%3Cline x1='490' y1='792' x2='465' y2='667' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='490' y1='792' x2='562' y2='721' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='91' y1='275' x2='130' y2='151' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='693' y1='438' x2='607' y2='382' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='693' y1='438' x2='833' y2='432' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='248' y1='639' x2='258' y2='543' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='465' y1='667' x2='562' y2='721' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='693' y1='799' x2='726' y2='939' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='311' y1='852' x2='200' y2='837' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='775' y1='245' x2='749' y2='147' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='775' y1='245' x2='833' y2='432' stroke='%235cc0f2' stroke-width='1.6' stroke-opacity='0.85'/%3E%3Cline x1='552' y1='970' x2='726' y2='939' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='441' y1='154' x2='330' y2='124' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='441' y1='154' x2='373' y2='235' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='77' y1='778' x2='99' y2='922' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='77' y1='778' x2='200' y2='837' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='77' y1='778' x2='40' y2='605' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='258' y1='543' x2='154' y2='481' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='604' y1='59' x2='749' y2='147' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='99' y1='922' x2='200' y2='837' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='330' y1='124' x2='250' y2='222' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='330' y1='124' x2='373' y2='235' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='250' y1='222' x2='373' y2='235' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Cline x1='154' y1='481' x2='40' y2='605' stroke='%2370a6d0' stroke-width='1' stroke-opacity='0.28'/%3E%3Ccircle class='n' style='animation-delay:0.0s' cx='323' cy='433' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.7s' cx='410' cy='350' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.4s' cx='55' cy='422' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:2.1s' cx='40' cy='118' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:2.8s' cx='247' cy='947' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.5s' cx='434' cy='545' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:4.2s' cx='809' cy='883' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:4.9s' cx='508' cy='241' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.6s' cx='844' cy='52' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.3s' cx='342' cy='680' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.0s' cx='537' cy='555' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.7s' cx='675' cy='249' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:2.4s' cx='578' cy='866' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.1s' cx='208' cy='734' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='685' cy='600' r='5' fill='%235cc0f2'/%3E%3Ccircle class='n' style='animation-delay:4.5s' cx='478' cy='59' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.2s' cx='437' cy='944' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='867' cy='556' r='5' fill='%235cc0f2'/%3E%3Ccircle class='n' style='animation-delay:0.6s' cx='490' cy='792' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.3s' cx='91' cy='275' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='693' cy='438' r='8' fill='%235cc0f2'/%3E%3Ccircle class='n' style='animation-delay:2.7s' cx='248' cy='639' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.4s' cx='465' cy='667' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='844' cy='684' r='5' fill='%235cc0f2'/%3E%3Ccircle class='n' style='animation-delay:4.8s' cx='130' cy='151' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.5s' cx='693' cy='799' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.2s' cx='311' cy='852' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='775' cy='245' r='5' fill='%235cc0f2'/%3E%3Ccircle class='n' style='animation-delay:1.6s' cx='552' cy='970' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:2.3s' cx='441' cy='154' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.0s' cx='77' cy='778' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.7s' cx='258' cy='543' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:4.4s' cx='604' cy='59' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.1s' cx='99' cy='922' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.8s' cx='330' cy='124' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.5s' cx='250' cy='222' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.2s' cx='200' cy='837' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:1.9s' cx='726' cy='939' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:2.6s' cx='154' cy='481' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:3.3s' cx='40' cy='605' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:4.0s' cx='607' cy='382' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:4.7s' cx='373' cy='235' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:5.4s' cx='562' cy='721' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.1s' cx='449' cy='442' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle class='n' style='animation-delay:0.8s' cx='749' cy='147' r='3' fill='%2390b9d8' fill-opacity='.7'/%3E%3Ccircle cx='833' cy='432' r='5' fill='%235cc0f2'/%3E%3Ccircle cx='693' cy='438' r='46' fill='url(%23g)'/%3E%3Ccircle cx='693' cy='438' r='17' fill='none' stroke='%238fd0f5' stroke-width='1.4' stroke-opacity='.8'/%3E%3C/svg%3E")
    center / cover no-repeat;
  -webkit-mask-image: linear-gradient(100deg, rgba(0, 0, 0, 0.4) 0%, #000 60%);
  mask-image: linear-gradient(100deg, rgba(0, 0, 0, 0.4) 0%, #000 60%);
}
.uone-login .su-consent a {
  color: var(--color-brand);
  font-weight: 600;
  text-decoration: none;
}
.uone-login .su-consent a:hover {
  text-decoration: underline;
}
body.public-access .public-document :is(p, li) {
  font-size: var(--font-lg);
  line-height: 1.65;
}
body.public-access .public-document .public-section-summary {
  color: var(--color-muted);
}
body.public-access .public-document h2 {
  font-size: var(--font-xl);
}
.page-contents {
  display: grid;
  gap: var(--space-0);
  align-content: start;
  font-size: var(--font-sm);
}
.page-contents > strong {
  margin: 0 0 var(--space-2);
  color: var(--color-muted);
  font-size: var(--font-xs);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page-contents > a {
  padding: var(--space-1h) var(--space-2h);
  border-left: 2px solid var(--color-border);
  color: var(--color-muted);
  line-height: 1.4;
  text-decoration: none;
}
.page-contents > a:hover,
.page-contents > a:focus-visible {
  color: var(--color-brand);
  border-left-color: var(--color-brand);
}
.page-contents > a.is-current {
  color: var(--color-brand);
  border-left-color: var(--color-brand);
  background: var(--color-brand-soft);
  font-weight: 600;
}
@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;
  }
  .public-page-shell.public-has-toc > .page-contents {
    display: none;
  }
  .public-document {
    max-width: 780px;
  }
}
.uone-login .ul-login-panel {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-6);
  position: relative;
}
.uone-login .ul-panel-links {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  font-size: var(--font-sm);
}
.uone-login .ul-panel-links a {
  display: inline-flex;
  align-items: center;
  min-height: var(--target-min);
  color: var(--color-muted);
  text-decoration: none;
}
.uone-login .ul-panel-links a:hover,
.uone-login .ul-panel-links a:focus-visible {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (min-width: 1201px) {
  .public-page-shell.public-has-toc {
    display: grid;
    grid-template-columns: 240px minmax(0, 780px);
    column-gap: var(--space-8);
    align-content: start;
  }
  .public-has-toc > .public-page-title,
  .public-has-toc > .document-version,
  .public-has-toc > .public-document {
    grid-column: 2;
  }
  .public-has-toc > .page-contents {
    grid-column: 1;
    grid-row: 1 / span 4;
    position: sticky;
    top: 96px;
    align-self: start;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
  .public-page-shell.public-has-toc {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .uone-login {
    --auth-top: clamp(40px, 19vh, 170px);
  }
  .uone-login .ul-brand-panel {
    justify-content: flex-start;
    padding-top: var(--auth-top);
    padding-bottom: var(--space-6);
  }
  .uone-login .ul-login-panel {
    align-items: flex-start;
    padding-top: var(--auth-top);
    padding-bottom: var(--space-8);
  }
  .uone-login .ul-login-card,
  body.signup-page .uone-login .ul-login-card {
    margin: 0 auto;
    padding-top: 0;
  }
}
#check .verify-box {
  display: grid;
  gap: var(--space-4);
  max-width: none;
  padding: var(--space-5);
  border: 1px dashed var(--color-info-border);
  border-radius: var(--radius-lg);
  background: var(--color-brand-soft);
}
.verify-box .ui-field {
  font-weight: 600;
  color: var(--color-ink);
}
.verify-box input[type="file"] {
  width: 100%;
  height: auto;
  min-height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-muted);
  font: inherit;
  font-weight: 400;
  cursor: pointer;
}
.verify-box input[type="file"]::file-selector-button {
  margin-right: var(--space-3);
  padding: var(--space-2) var(--space-4);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand);
  color: var(--color-on-brand);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.verify-box input[type="file"]:hover::file-selector-button {
  filter: brightness(1.1);
}
.verify-box input[type="file"]:focus-visible {
  outline: var(--border-strong) solid var(--color-brand);
  outline-offset: 2px;
}
.verify-outcome {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-weight: 600;
}
.verify-outcome:empty {
  display: none;
}
.verify-outcome.verify-good {
  border-color: var(--color-success);
  background: var(--color-success-soft);
  color: var(--color-ink);
}
.verify-outcome.verify-bad {
  border-color: var(--color-danger);
  background: var(--color-danger-soft);
  color: var(--color-ink);
}
.verify-outcome.verify-warn,
.verify-outcome.verify-wait {
  border-color: var(--color-warning-border);
  background: var(--color-warning-soft);
  color: var(--color-ink);
}
body.admin-portal {
  --header-height: 44px;
  --desktop-header-compact: 44px;
  --desktop-section-gap-compact: 8px;
  --desktop-panel-padding-compact: 12px;
  --page-padding: var(--space-4);
  --grid-gap-standard: 10px;
  --density-row-height: var(--dense-row-height);
  --density-card-padding: var(--space-3);
  --control-height-compact: var(--dense-control-height);
  --control-height-standard: var(--dense-control-height-lg);
  --button-compact-min-width: 56px;
  --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.login-only {
  --control-height-standard: 40px;
}
body.admin-portal .admin-key-button > span {
  display: block;
  line-height: 1.1;
}
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: 120px;
  margin: 0;
  text-align: center;
}
.w-5 {
  width: 5em;
}
.w-45 {
  width: 4.5em;
}
body.is-authenticated:not(.admin-portal) {
  background:
    radial-gradient(
      1100px 420px at 85% -10%,
      var(--glow-blue),
      transparent 70%
    ),
    radial-gradient(900px 380px at 0% 110%, var(--glow-teal), transparent 70%),
    var(--color-canvas);
}
.workspace-header,
.workspace-main,
.workspace-footer {
  --lane-career: var(--color-brand-bright);
  --lane-social: var(--color-violet);
  --lane-links: var(--color-teal);
}
.workspace-header {
  background: var(--color-surface-glass);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-border);
}
.workspace-header .workspace-nav .nav {
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast);
}
.workspace-main .grid.two > .panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  transition: box-shadow var(--transition-fast);
}
.workspace-main .grid.two > .panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--color-brand-bright),
    var(--color-violet) 55%,
    var(--color-teal)
  );
}
.workspace-main .grid.two > .panel:hover {
  box-shadow: var(--shadow-card-hover);
}
.view-search .drop {
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: var(--space-3);
  border: 2px 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 .drop .upload-actions {
  justify-content: center;
}
.view-search .campaign-live-summary {
  padding: var(--space-3) var(--space-4);
  border: 1px 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-top {
  justify-content: space-between;
}
.view-search .campaign-live-counts {
  justify-content: center;
  gap: var(--space-1) var(--space-5);
}
.view-search .campaign-live-progress {
  justify-content: center;
}
.view-search .campaign-live-progress__track {
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: var(--color-border);
}
.view-search .campaign-live-progress__track > span {
  border-radius: var(--radius-pill);
  background: linear-gradient(
    90deg,
    var(--color-brand-bright),
    var(--color-violet) 55%,
    var(--color-teal)
  );
  background-image: linear-gradient(
    90deg,
    var(--color-brand-bright),
    var(--color-violet) 55%,
    var(--color-teal)
  );
  transition: width 0.5s ease;
}
.view-search .engine-lane-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-3);
}
.view-search .engine-lane {
  --lane-accent: var(--lane-career);
  --lane-progress: 0%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 0;
  padding: var(--space-4) var(--space-3);
  text-align: center;
  border: 1px 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);
}
.view-search .engine-lane[data-engine="social"] {
  --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 18%;
  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:first-child,
.view-search .engine-lane:last-child,
.view-search .engine-lane:nth-child(n) {
  border-right: 1px solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
  border-bottom: 1px solid
    color-mix(in srgb, var(--lane-accent) 24%, var(--color-surface));
}
.view-search .engine-lane__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.view-search .engine-lane__icon {
  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));
}
.view-search .engine-lane__name {
  color: var(--color-ink);
  letter-spacing: 0.06em;
}
.view-search .engine-lane__progress,
.view-search .engine-lane__meta,
.view-search .engine-lane__results,
.view-search .engine-lane__state {
  margin: 0;
}
.view-search .engine-lane__processed {
  line-height: 1.1;
  font-weight: 700;
  color: var(--lane-accent);
}
.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 0.5s ease;
}
.view-search .engine-lane__meta {
  display: flex;
  justify-content: center;
  color: var(--color-muted);
}
.view-search .engine-lane__results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  width: 100%;
}
.view-search .engine-lane__results > div {
  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));
}
.view-search .engine-lane__results dt {
  font-size: var(--font-xs);
  color: var(--color-muted);
}
.view-search .engine-lane__results dd {
  margin: 0;
  font-weight: 700;
  color: var(--color-ink);
}
.view-search .engine-lane__results .is-found dd {
  color: var(--color-success);
}
.view-search .engine-lane__state {
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
}
.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);
}
.view-search .download-actions {
  justify-content: center;
}
@media (max-width: 1023px) {
  .view-search .engine-lane-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .view-search .engine-lane {
    padding: var(--space-3);
  }
}
@media (prefers-reduced-motion: reduce) {
  .view-search .engine-lane,
  .view-search .engine-lane__state,
  .view-search .drop {
    animation: none;
    transition: none;
  }
}
.view-search .engine-lane,
.view-search .engine-lane:first-child,
.view-search .engine-lane:last-child,
.view-search .engine-lane:nth-child(n) {
  padding: var(--space-5) var(--space-3);
}
.view-search .engine-lane__meta {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
}
.view-search .engine-lane__meta > div {
  margin: 0;
}
.view-search .engine-lane__state {
  align-self: center;
}
.view-search .engine-lane__results {
  padding: 0;
  border: 0;
}
.view-search .engine-lane__results > div {
  padding: var(--space-3) var(--space-1);
}
.view-search .start-message {
  min-height: 20px;
  height: auto;
}
.view-search .campaign-message {
  height: 40px;
}
.view-search .engine-lane-grid {
  flex: 0 1 auto;
  margin-block: auto;
  align-content: center;
}
.view-search .engine-lane > * {
  flex-shrink: 0;
}
.view-search .engine-lane-grid {
  padding-block: var(--space-3);
}
.view-search .engine-lane,
.view-search .engine-lane:first-child,
.view-search .engine-lane:last-child,
.view-search .engine-lane:nth-child(n) {
  gap: clamp(6px, 1.9vh, 28px);
  padding-block: clamp(8px, 4.6vh, 64px);
}
.view-search .engine-lane__processed {
  font-size: clamp(26px, 4.4vh, 56px);
}
.view-search .engine-lane__results > div {
  padding-block: clamp(5px, 1.5vh, 22px);
}
.view-search .engine-lane__results dd {
  font-size: clamp(17px, 2.6vh, 30px);
}
.view-search .engine-lane__icon {
  width: clamp(18px, 2.8vh, 34px);
  height: clamp(18px, 2.8vh, 34px);
}
@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-grid {
    flex: 1 1 auto;
    margin-block: 0;
    align-content: stretch;
  }
  .view-search .engine-lane {
    gap: clamp(12px, 3.2vh, 40px);
  }
}
.view-search .engine-lane-grid {
  display: grid;
  flex-direction: initial;
  border-top: 0;
}
.view-search .engine-lane,
.view-search .engine-lane:first-child,
.view-search .engine-lane:last-child,
.view-search .engine-lane:nth-child(n) {
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  min-height: 0;
}
@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-2xl);
  }
  .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-lg);
  }
  .view-search .engine-lane__results dt {
    font-size: var(--font-xs);
  }
  .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;
  }
}
.view-search .campaign-error-line:empty {
  display: none;
}
.view-history .history-table {
  width: 100%;
  table-layout: fixed;
}
.view-history .history-table col.history-col-series {
  width: 3%;
}
.view-history .history-table col.history-col-ref {
  width: 7%;
}
.view-history .history-table col.history-col-period {
  width: 14%;
}
.view-history .history-table col.history-col-status {
  width: 10%;
}
.view-history .history-table col.history-col-records {
  width: 7%;
}
.view-history .history-table col.history-col-completed {
  width: 8%;
}
.view-history .history-table col.history-col-outcome {
  width: 13%;
}
.view-history .history-table col.history-col-credits {
  width: 7%;
}
.view-history .history-table col.history-col-actions {
  width: 14%;
}
.view-history .history-table :is(th, td) {
  padding-inline: var(--space-2);
  vertical-align: middle;
}
.view-history .history-table :is(th, td):is(:nth-child(1), :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)),
.view-history .history-table :is(th, td):nth-child(10) {
  text-align: center;
}
.view-history .history-table td.history-ref {
  font-weight: 600;
  color: var(--color-brand-strong);
  letter-spacing: 0.02em;
}
.view-history .history-table td.history-name {
  min-width: 0;
}
.view-history .history-table td.history-outcome {
  text-align: left;
}
.view-history .history-table td.history-outcome .outcome-ok {
  color: var(--color-success);
  font-weight: 600;
}
.view-history .history-table td.history-outcome .outcome-review {
  color: var(--color-warning);
  font-weight: 600;
}
.view-history .history-table td.history-outcome .outcome-miss {
  color: var(--color-muted);
}
.view-history .history-table td.history-outcome .outcome-bad {
  color: var(--color-danger);
  font-weight: 600;
}
.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(even) {
  background: var(--color-surface-subtle);
}
.view-history .history-table tbody tr:hover:nth-child(even) {
  background: var(--color-surface-2);
}
.view-history .history-table td.empty {
  height: 180px;
  text-align: center;
  color: var(--color-muted);
  font-size: var(--font-sm);
}
.view-history .history-action-group {
  grid-template-columns: 1fr 1fr;
  gap: var(--space-1h);
  justify-items: stretch;
}
.view-history .history-action-group .ui-button {
  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 .ui-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
.view-history .history-table :is(th, td):nth-child(10) {
  padding-inline: var(--space-3);
}
.view-history .history-table .badge {
  vertical-align: middle;
}
.view-activity .activity-item {
  transition: background-color var(--transition-fast);
}
.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(--color-violet);
}
.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,
.view-account .finance-metrics > div {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}
.view-account .ui-metrics > div:hover,
.view-account .finance-metrics > div:hover {
  transform: translateY(-2px);
  border-color: var(--color-brand);
  box-shadow: var(--shadow-brand);
}
.view-account .account-tabs .ui-button.active {
  background: linear-gradient(
    135deg,
    var(--color-brand-bright),
    var(--color-brand)
  );
  border-color: var(--color-brand-strong);
  color: var(--color-on-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 {
  border-radius: 0;
}
.uone-login .ul-brand-panel {
  background:
    radial-gradient(700px 420px at 85% 15%, var(--glow-sky), transparent 70%),
    radial-gradient(620px 380px at 10% 95%, var(--glow-teal), transparent 70%),
    linear-gradient(
      160deg,
      var(--color-brand-deep) 0%,
      var(--color-brand-strong) 55%,
      var(--color-brand-sea) 100%
    );
}
.uone-login .ul-login-panel {
  background:
    radial-gradient(520px 320px at 100% 0%, var(--glow-blue), transparent 70%),
    var(--color-surface-subtle);
}
.uone-login .ul-login-card {
  position: relative;
}
.uone-login .ul-signin-btn {
  background: linear-gradient(
    135deg,
    var(--color-brand-bright),
    var(--color-brand) 55%,
    var(--color-brand-strong)
  );
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    filter var(--transition-fast);
}
.uone-login .ul-signin-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand-hover);
  filter: brightness(1.06);
}
.uone-login .ul-forgot-link,
.uone-login .ul-panel-links a {
  color: var(--color-brand);
  transition: color var(--transition-fast);
}
.uone-login .ul-forgot-link:hover,
.uone-login .ul-panel-links a:hover {
  color: var(--color-brand-strong);
}
body.admin-portal.is-authenticated {
  background:
    radial-gradient(
      1100px 420px at 85% -10%,
      var(--glow-blue),
      transparent 70%
    ),
    radial-gradient(900px 380px at 0% 110%, var(--glow-teal), transparent 70%),
    var(--color-canvas);
}
body.admin-portal .admin-header {
  background: var(--color-surface-glass);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-border);
}
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 {
  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: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  transition: box-shadow var(--transition-fast);
}
body.admin-portal .admin-data-card {
  position: relative;
}
body.admin-portal .admin-data-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background: linear-gradient(
    90deg,
    var(--color-brand-bright),
    var(--color-violet) 55%,
    var(--color-teal)
  );
}
body.admin-portal .admin-data-card:hover {
  box-shadow: var(--shadow-card-hover);
}
body.admin-portal .admin-kpi {
  border-left-width: 4px;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}
body.admin-portal .admin-kpi:nth-child(4n + 1) {
  border-left-color: var(--color-brand-bright);
}
body.admin-portal .admin-kpi:nth-child(4n + 2) {
  border-left-color: var(--color-violet);
}
body.admin-portal .admin-kpi:nth-child(4n + 3) {
  border-left-color: var(--color-teal);
}
body.admin-portal .admin-kpi:nth-child(4n) {
  border-left-color: var(--color-amber);
}
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) {
  body.admin-portal *,
  .workspace-main *,
  .workspace-header * {
    animation: none;
    transition: none;
  }
}
body.public-body {
  background:
    radial-gradient(
      1100px 420px at 85% -10%,
      var(--glow-blue),
      transparent 70%
    ),
    radial-gradient(900px 380px at 0% 40%, var(--glow-teal), transparent 70%),
    var(--color-canvas);
}
body.public-body .public-header,
body.public-body > header {
  background: var(--color-surface-glass);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-border);
}
body.public-body .public-page-title {
  position: relative;
  border-bottom: 0;
  padding-bottom: var(--space-5);
}
body.public-body .public-page-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: var(--radius-sm);
  background: linear-gradient(
    90deg,
    var(--color-brand-bright),
    var(--color-violet) 55%,
    var(--color-teal)
  );
}
body.public-body .public-document-section {
  margin-bottom: var(--space-4);
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}
body.public-body .public-document-section:last-child {
  padding-bottom: var(--space-5);
  margin-bottom: 0;
}
body.public-body .public-document-section:hover {
  transform: translateY(-2px);
  border-color: var(--color-info-border);
  box-shadow: var(--shadow-card-hover);
}
body.public-body .public-document-section > :is(h2, summary > h2) {
  position: relative;
  padding-left: var(--space-4);
}
body.public-body .public-document-section > :is(h2, summary > h2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  bottom: 0.18em;
  width: 4px;
  border-radius: var(--radius-sm);
  background: linear-gradient(
    180deg,
    var(--color-brand-bright),
    var(--color-teal)
  );
}
body.public-body .public-detail-list li::marker {
  color: var(--color-brand);
}
body.public-body .page-contents > a {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast);
}
body.public-body .page-contents > a:hover {
  background: var(--color-surface-2);
}
body.public-body .page-contents > a.is-current {
  background: linear-gradient(
    90deg,
    var(--color-brand-soft),
    var(--color-surface-subtle)
  );
  border-left-color: var(--color-brand);
}
body.public-body .ui-button:not(:disabled) {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}
body.public-body .ui-button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}
@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
body.public-body .public-document-section {
  animation: rise-in 0.5s ease both;
}
body.public-body .public-document-section:nth-child(2) {
  animation-delay: 0.06s;
}
body.public-body .public-document-section:nth-child(3) {
  animation-delay: 0.12s;
}
body.public-body .public-document-section:nth-child(n + 4) {
  animation-delay: 0.18s;
}
@media (prefers-reduced-motion: reduce) {
  body.public-body .public-document-section {
    animation: none;
    transition: none;
  }
}
body.public-body .public-document-section > :last-child {
  margin-bottom: 0;
}
@media (max-height: 700px) {
  .view-search .engine-lane__head {
    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-xs);
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
}
[data-fit-list] table {
  table-layout: fixed;
}
[data-fit-list] thead th {
  background: linear-gradient(
    180deg,
    var(--color-surface-subtle),
    var(--color-surface-2)
  );
  color: var(--color-brand-strong);
  border-bottom: 2px solid var(--color-border-strong);
}
[data-fit-list] tbody tr {
  transition: background-color var(--transition-fast);
}
[data-fit-list] tbody tr:nth-child(even) {
  background: var(--color-surface-subtle);
}
[data-fit-list] tbody tr:hover {
  background: var(--color-surface-2);
}
[data-fit-list] tbody td {
  padding-block: var(--space-2);
  vertical-align: middle;
}
.orders-grid td,
.ledger-grid td,
.usage-grid td {
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.orders-grid tbody tr,
.ledger-grid tbody tr,
.usage-grid tbody tr {
  height: 48px;
}
.orders-grid col:nth-child(n),
.ledger-grid col:nth-child(n),
.usage-grid col:nth-child(n) {
  width: auto;
}
.orders-grid :is(th, td):nth-child(1) {
  width: 14%;
}
.orders-grid :is(th, td):nth-child(2) {
  width: 16%;
}
.orders-grid :is(th, td):nth-child(3) {
  width: 12%;
}
.orders-grid :is(th, td):nth-child(4) {
  width: 13%;
}
.orders-grid :is(th, td):nth-child(5) {
  width: 33%;
}
.orders-grid :is(th, td):nth-child(6) {
  width: 12%;
}
.ledger-grid :is(th, td):nth-child(1) {
  width: 11%;
}
.ledger-grid :is(th, td):nth-child(2) {
  width: 14%;
}
.ledger-grid :is(th, td):nth-child(3) {
  width: 11%;
}
.ledger-grid :is(th, td):nth-child(4) {
  width: 16%;
}
.ledger-grid :is(th, td):nth-child(5) {
  width: 31%;
}
.ledger-grid :is(th, td):nth-child(6) {
  width: 17%;
}
.usage-grid :is(th, td):nth-child(1) {
  width: 20%;
}
.usage-grid :is(th, td):nth-child(2) {
  width: 42%;
}
.usage-grid :is(th, td):nth-child(3) {
  width: 20%;
}
.usage-grid :is(th, td):nth-child(4) {
  width: 18%;
}
.orders-grid :is(th, td):is(:nth-child(3), :nth-child(4)),
.ledger-grid :is(th, td):is(:nth-child(3), :nth-child(4)),
.usage-grid :is(th, td):nth-child(4) {
  text-align: right;
  padding-right: var(--space-4);
  font-variant-numeric: tabular-nums;
}
.orders-grid td.empty,
.ledger-grid td.empty,
.usage-grid td.empty {
  text-align: center;
  padding-right: var(--space-3);
}
.view-account .account-pane > h2 {
  margin-bottom: var(--space-1);
}
.view-account .account-pane > .finance-note {
  margin-top: 0;
}
@media (max-width: 1200px) {
  .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;
  }
  .view-history .history-table col.history-col-ref {
    width: 8%;
  }
  .view-history .history-table col.history-col-period {
    width: 15%;
  }
  .view-history .history-table col.history-col-status {
    width: 13%;
  }
  .view-history .history-table col.history-col-records {
    width: 6%;
  }
  .view-history .history-table col.history-col-completed {
    width: 8%;
  }
  .view-history .history-table col.history-col-outcome {
    width: 12%;
  }
  .view-history .history-table col.history-col-actions {
    width: 14%;
  }
  .view-history .history-table thead th {
    font-size: var(--font-xs);
  }
}
.su-trap,
.uone-login .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: translateX(-50%);
  padding: var(--space-3);
  background: var(--color-surface);
  border: 1px 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-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: auto;
  padding: var(--space-5) var(--space-4);
  background: var(--color-overlay);
}
.receipt-modal[hidden] {
  display: none;
}
.receipt-panel {
  width: min(720px, 100%);
}
.receipt-actions {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
  margin-bottom: var(--space-2);
}
.receipt-sheet {
  box-sizing: border-box;
  padding: var(--space-6);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: var(--font-sm);
  line-height: 1.5;
  box-shadow: var(--shadow-modal);
}
.receipt-sheet h2,
.receipt-sheet h3,
.receipt-sheet p,
.receipt-sheet dl,
.receipt-sheet dd {
  margin: 0;
  color: inherit;
}
.receipt-sheet h3 {
  margin-top: var(--space-5);
  font-size: var(--font-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.receipt-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 2px solid var(--color-brand);
}
.receipt-head h2 {
  font-size: var(--font-xl);
}
.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-xs);
  color: var(--color-muted);
}
.receipt-meta dd {
  font-weight: 600;
  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 th,
.receipt-lines td {
  padding: var(--space-2) var(--space-1h);
  border-bottom: 1px solid var(--color-border);
  text-align: right;
  color: var(--color-ink);
}
.receipt-lines th:first-child,
.receipt-lines td:first-child {
  text-align: left;
}
.receipt-lines tfoot th {
  text-align: right;
}
.receipt-lines tfoot th,
.receipt-lines tfoot td {
  font-weight: 700;
  border-bottom: 0;
  background: var(--color-surface);
}
.order-receipt-row {
  display: block;
  margin-top: var(--space-1h);
}
.order-pay-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-xs);
  color: var(--color-muted);
}
.receipt-note a {
  color: var(--color-brand);
}
@media print {
  body.receipt-open > *:not(#receiptModal) {
    display: none !important;
  }
  body.receipt-open #receiptModal {
    position: static;
    display: block;
    padding: 0;
    overflow: visible;
    background: none;
  }
  .receipt-panel {
    width: 100%;
  }
  .receipt-actions {
    display: none;
  }
  .wordmark::before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .receipt-sheet {
    padding: 0;
    box-shadow: none;
  }
}
.status-line {
  font-size: var(--font-xl);
  font-weight: 600;
}
.status-line.status-ok {
  color: var(--color-success);
}
.status-line.status-bad {
  color: var(--color-danger);
}
.business-details {
  white-space: pre-line;
}
.public-contact-form {
  max-width: 720px;
  margin-top: var(--space-4);
}
.public-contact-form .fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.public-contact-form input,
.public-contact-form select,
.public-contact-form textarea {
  width: 100%;
  margin-top: var(--space-1);
}
.public-contact-form input,
.public-contact-form select {
  height: 40px;
  min-height: 40px;
  font-size: var(--font-sm);
}
.public-contact-form textarea {
  resize: vertical;
  min-height: 140px;
  padding: var(--space-2h) var(--space-3);
  font-size: var(--font-sm);
}
.public-contact-form .contact-note {
  margin: 0 0 var(--space-3);
  color: var(--color-muted);
  font-size: var(--font-sm);
}
.public-contact-form .contact-status {
  min-height: 1.4em;
  margin: 0 0 var(--space-3);
  font-weight: 600;
}
.public-contact-form .contact-status.success {
  color: var(--color-success);
}
.public-contact-form .contact-status.error {
  color: var(--color-danger);
}
@media (max-width: 640px) {
  .public-contact-form .fields {
    grid-template-columns: 1fr;
  }
}
.pay-methods {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}
.pay-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  min-height: 64px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  font-weight: 600;
}
.pay-chip[hidden],
[data-online][hidden] {
  display: none;
}
.pay-chip img {
  display: block;
  width: 112px;
  height: 56px;
}
.public-contact-form button[type="submit"] {
  min-height: 40px;
  padding: 0 var(--space-5);
}
.public-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
}
.public-cta a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 var(--space-5);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-brand);
  font-weight: 600;
  text-decoration: none;
}
.public-cta a:hover {
  border-color: var(--color-brand);
}
.public-cta a.public-cta-primary {
  border-color: var(--color-brand);
  background: var(--color-brand);
  color: var(--color-on-brand);
}
.public-cta a.public-cta-primary:hover {
  background: var(--color-brand-strong);
}
.public-sample {
  overflow-x: auto;
  margin: 0 0 var(--space-4);
}
.public-sample table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-sm);
}
.public-sample th,
.public-sample td {
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border);
  text-align: left;
}
.wordmark {
  --wm-size: var(--font-xl);
  --wm-mark: calc(var(--wm-size) * var(--wm-mark-ratio));
}
.wordmark--inverse {
  --wm-size: var(--font-3xl);
}
.wordmark--stack {
  --wm-mark: calc(var(--wm-size) * var(--wm-mark-ratio-stack));
}
.wordmark::before {
  content: "";
  flex: none;
  width: calc(var(--wm-mark) * 54 / 71);
  height: var(--wm-mark);
  background: url("/assets/img/logo-mark.svg") center / contain no-repeat;
}
.wordmark--inverse::before {
  background-image: url("/assets/img/logo-mark-light.svg");
}
.public-steps,
.public-facts {
  list-style: none;
  margin: 0 0 var(--space-4);
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.public-steps {
  counter-reset: step;
}
.public-steps li,
.public-facts li {
  display: grid;
  gap: var(--space-1);
  align-content: start;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-brand-soft);
  line-height: 1.5;
}
.public-steps li::before {
  counter-increment: step;
  content: counter(step);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-round);
  background: var(--color-brand);
  color: var(--color-on-brand);
  font-size: var(--font-sm);
  font-weight: 600;
}
.public-steps strong,
.public-facts strong {
  font-weight: 600;
  color: var(--color-ink);
}
.public-facts strong {
  font-size: var(--font-xl);
}
.public-steps span,
.public-facts span {
  color: var(--color-muted);
}
.public-numbered {
  margin: 0 0 var(--space-4);
  padding-left: var(--space-5);
  display: grid;
  gap: var(--space-2h);
  line-height: 1.55;
}
.public-numbered li {
  padding-left: var(--space-1);
}
.public-sample-note {
  margin: var(--space-2) 0 var(--space-4);
  font-size: var(--font-sm);
}
.public-legal-part {
  margin: 0 0 var(--space-5);
  padding-top: var(--space-1);
}
.public-legal-part:last-child {
  margin-bottom: 0;
}
#terms,
#privacy,
#acceptable-use,
#cookies,
#story,
#expertise,
#security,
#data,
#status,
#contact,
#verify,
#refunds {
  scroll-margin-top: 80px;
}
@media (max-width: 1200px) {
  .public-steps,
  .public-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.public-document-section > summary {
  display: block;
  position: relative;
  padding-right: var(--space-6);
  cursor: pointer;
  list-style: none;
}
.public-document-section > summary::-webkit-details-marker {
  display: none;
}
.public-document-section > summary::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--color-brand);
  border-bottom: 2px solid var(--color-brand);
  transform: rotate(45deg);
  transition: transform var(--transition-fast);
}
.public-document-section[open] > summary::after {
  top: 13px;
  transform: rotate(-135deg);
}
.public-document-section > summary:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 4px;
  border-radius: var(--radius-md);
}
.public-document-section > summary > .public-section-summary {
  margin: 0;
}
.public-document-section[open] > summary > .public-section-summary {
  margin-bottom: var(--space-4);
}
.public-section-body > :last-child {
  margin-bottom: 0;
}
.public-closing {
  margin-top: var(--space-5);
  padding: 0 var(--space-1);
}
.public-closing .public-cta {
  margin: 0;
}