/**
 * Redirect Components Styles
 */

/* Edit Modal */
.prorank-redirect-edit-modal {
  max-width: 600px;
}

.prorank-redirect-edit-modal .components-modal__content {
  padding: 24px;
}

.prorank-redirect-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Field Errors */
.prorank-redirect-form .has-error input {
  border-color: var(--pr-accent-red, #ef4444);
}

.prorank-field-error {
  color: var(--pr-accent-red, #ef4444);
  font-size: 13px;
  margin-top: -16px;
  margin-bottom: 4px;
}

/* Pro Badge */
.prorank-pro-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: linear-gradient(135deg, rgb(139 92 246 / 10%) 0%, rgb(67 56 202 / 10%) 100%);
  color: var(--pr-primary, #2563eb);
  border-radius: 4px;
}

/* Modal Footer */
.prorank-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--pr-gray-200, #e4e4e7);
}

/* Dark Theme Support */
[data-theme='dark'] .prorank-redirect-edit-modal .components-modal__content {
  background: var(--pr-gray-800, #27272a);
  color: var(--pr-gray-100, #f4f4f5);
}

[data-theme='dark'] .prorank-field-error {
  color: var(--pr-accent-red-light, #fca5a5);
}

[data-theme='dark'] .prorank-modal-footer {
  border-top-color: var(--pr-gray-700, #3f3f46);
}

/* Responsive */
@media (width <= 600px) {
  .prorank-redirect-edit-modal {
    max-width: calc(100% - 32px);
    margin: 16px;
  }

  .prorank-redirect-edit-modal .components-modal__content {
    padding: 20px;
  }
}