/* Basic modern styling for the School Job Application Form */
.sjaf-form { 
  background: #ffffff; border-radius: 16px; padding: 24px; 
  box-shadow: 0 10px 30px rgba(0,0,0,0.06); border-top: 5px solid #2563eb; 
  max-width: 900px; margin: 0 auto; font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.sjaf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sjaf-col-2 { grid-column: span 2; }
.sjaf-field label { display:block; font-weight:600; margin-bottom: 6px; color:#111827; }
.sjaf-field input, .sjaf-field select, .sjaf-field textarea {
  width: 100%; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 12px;
  outline: none; transition: box-shadow .2s, border-color .2s; background:#fff;
}
.sjaf-field input:focus, .sjaf-field select:focus, .sjaf-field textarea:focus {
  border-color:#2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.15);
}
.sjaf-button { background:#2563eb; color:#fff; padding:12px 18px; border:0; border-radius:12px; font-weight:600; cursor:pointer; }
.sjaf-button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.sjaf-notice { padding:14px 16px; border-radius: 12px; margin-bottom: 16px; }
.sjaf-success { background:#ecfdf5; border:1px solid #34d399; }
.req { color:#ef4444; }

@media (max-width: 640px) {
  .sjaf-grid { grid-template-columns: 1fr; }
  .sjaf-col-2 { grid-column: span 1; }
}

/* Admin */
.sjaf-admin .wrap h1 { margin-bottom: 12px; }