/* CSS-only overlay for the employee self-media form; preserves the deployed JS. */
.public-self-media-upload input { min-width: 0; }
.public-self-media-upload input::file-selector-button { min-height: 42px; margin-right: 9px; padding: 8px 12px; border: 1px solid #9fbdb0; border-radius: 7px; color: #1d5949; background: #eef7f2; font: inherit; font-weight: 650; }
@media (max-width: 560px) {
  .public-self-media-hero > div { min-width: 0; }
  .public-self-media-hero small { align-items: flex-start; line-height: 1.5; overflow-wrap: anywhere; }
  .public-self-media-hero small svg { flex: 0 0 auto; margin-top: 2px; }
  .public-self-media-employee select, .public-self-media-list article select,
  .public-self-media-list article input { min-width: 0; font-size: 16px; }
  .public-self-media-list article input:not([type=file]) { width: 100%; min-height: 46px; }
  .public-self-media-upload input { width: 100%; max-width: none; font-size: 16px; }
  .public-self-media-list article > header button { width: 44px; height: 44px; }
  .public-self-media-success { min-width: 0; padding: 24px 18px calc(24px + env(safe-area-inset-bottom)); text-align: center; }
  .public-self-media-main { padding-bottom: calc(40px + env(safe-area-inset-bottom)); }
}