/* Форма проверки подписи */
#signature-tester {
  margin: 1.5em 0 !important;
  max-width: 100% !important;
}

#signature-tester .input-group {
  margin-bottom: 1.2em !important;
  display: block !important;
}

#signature-tester label {
  display: block !important;
  font-weight: 600 !important;
  margin-bottom: 0.5em !important;
  color: #333 !important;
  font-size: 0.95em !important;
}

#signature-tester .test-step-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
  background: #f8f9fa !important;
  padding: 0.8em !important;
  border-radius: 4px !important;
  font-family: 'Courier New', Consolas, monospace !important;
  font-size: 0.9em !important;
  line-height: 1.5 !important;
  color: #333 !important;
  display: block !important;
}

#signature-tester textarea.test-step-input {
  resize: vertical !important;
  min-height: 120px !important;
}

#signature-tester input.test-step-input {
  height: auto !important;
  min-height: 38px !important;
}

#signature-tester .test-step-input:focus {
  outline: 2px solid #0066cc !important;
  border-color: #0066cc !important;
  background: #fff !important;
}

#signature-tester #run-test {
  background-color: #0066cc !important;
  color: white !important;
  border: none !important;
  padding: 0.8em 1.8em !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  transition: background-color 0.2s !important;
  margin-top: 0.5em !important;
  display: inline-block !important;
}

#signature-tester #run-test:hover {
  background-color: #0052a3 !important;
}

#signature-tester #run-test:active {
  background-color: #003d7a !important;
}

#signature-tester #test-steps {
  margin-top: 1.5em !important;
}

#signature-tester #test-steps p {
  background: #f0f4f8 !important;
  padding: 1em !important;
  border-radius: 4px !important;
  margin: 0.8em 0 !important;
  border-left: 4px solid #0066cc !important;
  line-height: 1.6 !important;
  word-wrap: break-word !important;
}

#signature-tester #test-steps p b {
  color: #0066cc !important;
  display: block !important;
  margin-bottom: 0.5em !important;
  font-weight: 700 !important;
}

#signature-tester #test-steps p code {
  background: #fff !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  font-family: 'Courier New', Consolas, monospace !important;
  font-size: 0.9em !important;
  word-break: break-all !important;
}

#signature-tester #test-steps .error {
  background: #fee !important;
  border-left-color: #d00 !important;
  color: #c00 !important;
}