/* Style publiczne dla [oum_register] */

.oum-register,
.oum-login {
  max-width: 640px;
  margin: 24px auto;
  padding: 16px;
  background: #fff;
  color: #718096;
}

.oum-register .oum-field,
.oum-login .oum-field { margin-bottom: 14px; }

.oum-register label,
.oum-login label { display: block; font-weight: 600; margin-bottom: 6px; }

/* Ukrywanie etykiet wewnątrz pól przy zachowaniu dostępności */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Jednolite pola */
.oum-register input[type="text"],
.oum-register input[type="email"],
.oum-register input[type="password"],
.oum-register select,
.oum-register textarea,
.oum-login input[type="text"],
.oum-login input[type="email"],
.oum-login input[type="password"],
.oum-login select,
.oum-login textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #CBD5E0;
  border-radius: 6px;
  color: #718096;
}

.oum-register input::placeholder,
.oum-register textarea::placeholder,
.oum-login input::placeholder,
.oum-login textarea::placeholder { color: #A0AEC0; }

.oum-inline-options { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.oum-inline-options label { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #718096; font-weight: 600; }

.oum-register input:focus,
.oum-register textarea:focus,
.oum-register select:focus,
.oum-login input:focus,
.oum-login textarea:focus,
.oum-login select:focus { outline: 2px solid #CBD5E0; outline-offset: 0; }

.oum-register .oum-errors,
.oum-login .oum-errors { background: #FFF5F5; border: 1px solid #FEB2B2; padding: 10px; border-radius: 6px; margin-bottom: 12px; }
.oum-register .oum-error,
.oum-login .oum-error { color: #C53030; margin: 0; }
.oum-register .error-msg,
.oum-login .error-msg { color: #C53030; font-size: 13px; margin-top: 6px; }
.oum-register .has-error,
.oum-login .has-error { border-color: #FEB2B2 !important; }
.oum-register .oum-field.has-error input,
.oum-register .oum-field.has-error select,
.oum-register .oum-field.has-error textarea,
.oum-login .oum-field.has-error input,
.oum-login .oum-field.has-error select,
.oum-login .oum-field.has-error textarea { border-color: #FEB2B2 !important; }
.oum-register .oum-actions,
.oum-login .oum-actions { margin-top: 16px; }
.oum-register .button,
.oum-login .button { background: #2271b1; color: #fff; border: none; padding: 10px 16px; border-radius: 6px; cursor: pointer; }
.oum-register .button:hover,
.oum-login .button:hover { background: #1b5a8c; }
.oum-row { display: flex; gap: 12px; }
.oum-row .oum-field { flex: 1; }

.oum-login .oum-links { margin-top: 16px; display: flex; gap: 16px; flex-wrap: wrap; }
.oum-login .oum-link { color: #2271b1; text-decoration: underline; font-weight: 600; }
.oum-login .oum-success { background: #F0FFF4; border: 1px solid #9AE6B4; padding: 10px; border-radius: 6px; margin-bottom: 12px; color: #2F855A; }