:root { color-scheme: light; }
/* Basic custom styles separated from HTML */
html, body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* small visual polish for file input */
input[type="file"] {
  border: 1px solid transparent;
}
input[type="file"]::-webkit-file-upload-button { visibility: hidden; }

/* focus styles to improve accessibility */
input:focus, textarea:focus, select:focus, button:focus {
  outline: 2px solid rgba(11,37,69,0.12);
  outline-offset: 2px;
}

/* small container tweaks */
.container { max-width: 1100px; }

/* Utility for subtle card shadow used across pages */
.mc-card { box-shadow: 0 6px 18px rgba(15,23,42,0.06); }

/* Responsive tweak for long forms on small screens */
@media (max-width: 480px) {
  .container { padding-left: 16px; padding-right: 16px; }
}

/* Ensure form controls have consistent box-sizing, padding and line-height to avoid clipped text */
#companyForm input[type="text"],
#companyForm input[type="email"],
#companyForm input[type="tel"],
#companyForm input[type="url"],
#companyForm textarea,
#companyForm select {
  box-sizing: border-box;
  padding: 0.6rem 0.75rem;
  line-height: 1.45;
  min-height: 3rem;
}

#companyForm textarea {
  min-height: 14rem; /* roomy textarea */
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.6;
}

/* small tweak to make inputs render consistently across browsers */
#companyForm input,
#companyForm textarea {
  -webkit-appearance: none;
  appearance: none;
}
