/* Public form styles */

.cs-submission-form {

  max-width: 600px;

  margin: 0 auto;

  background: #ffffff;

  padding: 24px;

  border-radius: 8px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  font-family: sans-serif;

}



.cs-submission-form p {

  margin-bottom: 1.25em;

}



.cs-submission-form label {

  display: block;

  font-weight: 600;

  margin-bottom: 0.5em;

  color: #333333;

}



.cs-submission-form input[type="text"],

.cs-submission-form input[type="email"],

.cs-submission-form input[type="file"],

.cs-submission-form select,

.cs-submission-form textarea {

  width: 100%;

  padding: 0.75em;

  border: 1px solid #ccc;

  border-radius: 4px;

  font-size: 1em;

  box-sizing: border-box;

}



.cs-submission-form button[type="submit"] {

  background-color: #0073aa;

  color: #ffffff;

  border: none;

  padding: 0.75em 1.5em;

  border-radius: 4px;

  font-size: 1em;

  cursor: pointer;

  transition: background-color 0.3s ease;

}



.cs-submission-form button[type="submit"]:hover {

  background-color: #005177;

}



.cs-success-message {

  max-width: 600px;

  margin: 0 auto;

  padding: 16px;

  background-color: #e6ffed;

  border-left: 4px solid #46b450;

  border-radius: 4px;

  font-family: sans-serif;

  color: #04600f;

}



@media (max-width: 600px) {

  .cs-submission-form {

    padding: 16px;

  }

  .cs-submission-form button[type="submit"] {

    width: 100%;

    padding: 0.75em;

  }

}