.journey-settings-panel .lio-dialog-layer {
  position: static;
  inset: auto;
  z-index: auto;
  display: block;
  padding: var(--space-zero);
  font-family: var(--font-geist);
}

.journey-settings-panel .lio-dialog__overlay {
  display: none;
}

.journey-settings-panel .campaign-advanced-settings-dialog.lio-dialog {
  display: flex;
  flex-direction: column;
  gap: var(--space-base);
  width: min(390px, calc(100vw - (var(--space-sm) * 2)));
  max-height: none;
  padding: var(--space-lg);
  overflow: visible;
  border: var(--border-w) solid var(--border);
  border-radius: calc(var(--radius-xl) - var(--border-w-2));
  background: var(--surface);
  box-shadow: var(--shadow-xl);
  color: var(--text);
  animation: campaign-advanced-settings-in 150ms ease both;
}

.campaign-advanced-settings-dialog .lio-dialog__close.lio-btn {
  inset-block-start: var(--space-lg);
  inset-inline-end: var(--space-lg);
  width: var(--control-h-sm);
  min-width: var(--control-h-sm);
  height: var(--control-h-sm);
  min-height: var(--control-h-sm);
  padding: var(--space-zero);
  overflow: hidden;
  border: var(--border-w) solid var(--border);
  border-radius: calc(var(--radius-xl) - var(--border-w-2));
  background: var(--surface);
  color: var(--icon);
  box-shadow: none;
}

.campaign-advanced-settings-dialog .lio-dialog__close.lio-btn:hover {
  background: var(--surface-hover);
}

.campaign-advanced-settings-dialog .lio-dialog__close.lio-btn:active {
  background: var(--surface-pressed);
}

.campaign-advanced-settings-dialog .lio-dialog__close img {
  display: block;
  width: 9.25px;
  height: 9.25px;
}

.campaign-advanced-settings-dialog .lio-dialog__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs3);
  min-height: 66px;
  padding-inline-end: var(--space-xl4);
}

.campaign-advanced-settings-dialog .lio-dialog__title {
  margin: var(--space-zero);
  color: var(--text);
  font: 600 18px/22px var(--font-geist);
  letter-spacing: .18px;
}

.campaign-advanced-settings-dialog .lio-dialog__description {
  max-width: 294px;
  margin: var(--space-zero);
  color: var(--text-secondary);
  font: 400 14px/22px var(--font-geist);
  letter-spacing: .14px;
}

.campaign-advanced-settings-dialog .lio-dialog__body {
  margin-top: var(--space-zero);
  overflow: visible;
}

.campaign-advanced-settings__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-base);
  width: 100%;
  margin: var(--space-zero);
}

.campaign-advanced-settings__exclusions {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
}

.campaign-advanced-settings__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs2);
  width: 100%;
}

.campaign-advanced-settings__copy label,
.campaign-advanced-settings__field .lio-field__label {
  color: var(--text);
  font: 500 14px/20px var(--font-geist);
}

.campaign-advanced-settings__copy p {
  margin: var(--space-zero);
  color: var(--text-secondary);
  font: 400 14px/22px var(--font-geist);
  letter-spacing: .14px;
}

.campaign-advanced-settings__field.lio-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
  min-width: var(--space-zero);
}

.campaign-advanced-settings__exclusions .campaign-advanced-settings__field.lio-field {
  gap: var(--space-zero);
}

.campaign-advanced-settings__field .lio-field__label-row {
  height: 20px;
}

.campaign-advanced-settings__field .lio-input-shell {
  width: 100%;
  height: var(--control-h-sm);
  min-height: var(--control-h-sm);
  padding: var(--space-xs2) 10px;
  border: var(--border-w) solid var(--border);
  border-radius: calc(var(--radius-xl) - var(--border-w-2));
  background: var(--surface);
  box-shadow: none;
}

.campaign-advanced-settings__field .lio-input-shell:focus-within {
  border-color: var(--neutral-400);
  box-shadow: var(--ring-brand);
}

.campaign-advanced-settings__field .lio-input {
  min-height: var(--space-zero);
  padding: var(--space-zero);
  color: var(--text-secondary);
  font: 400 14px/20px var(--font-geist);
}

.campaign-advanced-settings__field .lio-input::placeholder {
  color: var(--text-secondary);
}

@keyframes campaign-advanced-settings-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .journey-settings-panel .campaign-advanced-settings-dialog.lio-dialog {
    animation: none;
  }
}