/* General container for the Add OR processor */
.aor-processor {
  max-width: 800px;
  margin: 1em auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75em; /* Slightly increased gap for better spacing with dark theme */
  padding: 1em; /* Add some padding if the surrounding page background is also dark */
  /* background-color: #202020; */ /* Uncomment if you want this container to also have the dark background */
                                   /* If the page itself is already #202020, this might not be needed here */
}

/* Styling for labels: "Input Text..." and "Processed Text..." */
.aor-processor label {
  font-weight: bold;
  margin-bottom: 0.3em; /* Consistent margin */
  display: block;
  color: #FFFFFF; /* Changed label text color to white */
}

/* Styling for both input and output textareas */
.aor-processor textarea {
  width: 100%;
  height: 180px; /* Slightly increased height for better usability */
  font-family: monospace;
  padding: 0.75em; /* Increased padding */
  resize: vertical;
  box-sizing: border-box; /* Ensures padding and border don't increase total width/height */
  background-color: #2B2B2B; /* Changed textarea background color */
  color: #FFFFFF; /* Changed textarea font color to white */
  border: 1px solid #404040; /* Added a slightly lighter border for definition */
  border-radius: 4px; /* Optional: slightly rounded corners */
}

/* Styling for textarea placeholders (if any) */
.aor-processor textarea::placeholder {
  color: #AAAAAA; /* Light gray placeholder text for contrast */
}

/* Styling for buttons */
.aor-processor button {
  padding: 0.6em 1.2em; /* Slightly adjusted padding */
  cursor: pointer;
  background-color: #555555; /* Darker button background */
  color: #FFFFFF; /* White button text */
  border: 1px solid #666666;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.2s ease; /* Smooth hover effect */
}

.aor-processor button:hover {
  background-color: #6a6a6a; /* Lighter background on hover */
}

/* Admin page specific styles if needed - WordPress usually handles forms well */
/* These are not affected by the frontend dark theme request but kept for completeness */
#aor-log-viewer-container textarea {
  background-color: #f9f9f9; /* Keeping admin log viewer with light background for readability */
  border: 1px solid #ddd;
  padding: 10px;
  color: #333333; /* Default dark text for admin log viewer */
}