/* In-Service Orientation Report Export Plugin Styles */
.isor-report-ui {
  width: 100%;
  margin: 32px auto;
  box-shadow: none;
  font-family: var(
    --e-global-typography-primary-font-family,
    var(
      --wp--preset--font-family--system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      Arial,
      sans-serif
    )
  );
}

.isor-report-ui h3 {
  margin-top: 0;
  color: var(
    --e-global-color-primary,
    var(--wp--preset--color--primary, #0073aa)
  );
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 1.3em;
  font-weight: 600;
}

.isor-report-ui label {
  font-weight: 500;
  color: var(--e-global-color-text, var(--wp--preset--color--text, #1e1e1e));
  font-size: 0.9rem;
}

.isor-report-ui select,
.isor-report-ui button {
  width: 100%;
  margin-top: 5px;
  padding: 15px 15px;
  border-radius: 15px;
  border: 1px solid var(--wp--preset--color--border, #ccd0d4);
  font-size: 1rem;
  background: var(
    --e-global-color-background,
    var(--wp--preset--color--background, #fff)
  );
  color: var(--e-global-color-text, var(--wp--preset--color--text, #1e1e1e));
  box-sizing: border-box;
}

.isor-report-ui button {
  background-color: var(
    --e-global-color-primary,
    var(--wp--preset--color--primary, #0073aa)
  ) !important;
  color: #fff;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  font-family: var(--e-global-typography-primary-font-family);
}

.isor-report-ui button:hover {
  background-color: var(--e-global-color-secondary);
  color: #fff;
}

.isor-report-ui button:disabled {
  background: var(--wp--preset--color--neutral-300, #b3c7d6);
  cursor: not-allowed;
}

.isor-report-ui #isor_message {
  margin-top: 10px;
  font-size: 1em;
  color: var(
    --e-global-color-primary,
    var(--wp--preset--color--primary, #0073aa)
  );
}

.isor-report-ui .status-message {
  font-weight: 500;
}

.isor-report-ui #download_link {
  display: inline-block;
  margin-top: 8px;
  color: #000;
  background: var(
    --e-global-color-success,
    var(--wp--preset--color--green, #28a745)
  );
  padding: 7px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

.isor-report-ui #download_link:hover {
  background: #218838;
  color: #fff;
}

.isor-spinner {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}