/* css/requests.css */

.req-form {
  margin-top: 10px;
}

.req-row {
  margin: 14px 0;
}

.req-row label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

.req-form select,
.req-form input[type="text"] {
  width: 90%;
  max-width: 900px;
  box-sizing: border-box;
}

.req-form textarea {
  width: 90%;
  max-width: 1100px;
  min-height: 240px; /* comfortable reading without too much scroll */
  resize: vertical;
  box-sizing: border-box;
}

.req-actions {
  text-align: center;
  margin-top: 18px;
}

.req-actions button {
  min-width: 200px;
}

.req-help {
  margin-top: 14px;
  opacity: 0.9;
  line-height: 1.5;
}

.req-counter {
  margin-top: 6px;
  font-size: 0.95em;
  opacity: 0.85;
}

.req-counter strong {
  font-weight: bold;
}