/* Club do Job v15.5.3 — global light form system
   Goal: no dark/black form controls anywhere in the application. */
:root{
  --form-bg:#fcfafb;
  --form-bg-hover:#fff;
  --form-bg-disabled:#f3eff2;
  --form-text:#241c22;
  --form-muted:#837a80;
  --form-border:#ddd5db;
  --form-border-hover:#cfc4cb;
  --form-focus:#ed1764;
  --form-focus-ring:rgba(237,23,100,.10);
}

/* Native controls inherit a light UI even though the legacy stylesheet declares dark color-scheme. */
input,select,textarea{color-scheme:light!important}

/* Text-like controls: application-wide visual contract. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea{
  width:100%;
  background:var(--form-bg)!important;
  color:var(--form-text)!important;
  border:1px solid var(--form-border)!important;
  border-radius:12px;
  min-height:44px;
  padding:11px 13px;
  box-shadow:none!important;
  outline:none!important;
  caret-color:var(--form-text);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):hover,
select:hover,
textarea:hover{background:var(--form-bg-hover)!important;border-color:var(--form-border-hover)!important}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
select:focus,
textarea:focus{
  background:#fff!important;
  border-color:var(--form-focus)!important;
  box-shadow:0 0 0 4px var(--form-focus-ring)!important;
}

input::placeholder,textarea::placeholder{color:#978e94!important;opacity:1}
select option{background:#fff!important;color:var(--form-text)!important}

/* File picker: keep both field and browser button in the light system. */
input[type="file"]{
  padding:7px 9px!important;
  cursor:pointer;
  overflow:hidden;
}
input[type="file"]::file-selector-button{
  min-height:34px;
  margin:-1px 10px -1px -1px;
  padding:7px 11px;
  border:1px solid #d7cfd4;
  border-radius:9px;
  background:#fff!important;
  color:var(--form-text)!important;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
input[type="file"]::-webkit-file-upload-button{
  min-height:34px;
  margin:-1px 10px -1px -1px;
  padding:7px 11px;
  border:1px solid #d7cfd4;
  border-radius:9px;
  background:#fff!important;
  color:var(--form-text)!important;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}

/* Checkboxes/radios/ranges remain native, but use the product accent rather than a dark fill. */
input[type="checkbox"],input[type="radio"]{accent-color:var(--form-focus)}
input[type="range"]{accent-color:var(--form-focus);background:transparent!important;color:var(--form-text)!important;box-shadow:none!important}

/* Dates/times occasionally render dark under Chromium when the page advertises dark color-scheme. */
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{color-scheme:light!important}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:none;opacity:.72}

/* Disabled and readonly states remain readable instead of reverting to inherited dark surfaces. */
input:disabled,select:disabled,textarea:disabled,
input[readonly],textarea[readonly]{background:var(--form-bg-disabled)!important;color:#81777e!important;border-color:#e2dce0!important;opacity:1}

/* Autofill must not reintroduce dark backgrounds. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:var(--form-text)!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Legacy editor/upload areas previously inherited #100f16 from app.css. */
.quick-upload-form input,
.quick-upload-form select,
.quick-upload-form textarea,
.showcase-upload-hub input,
.showcase-upload-hub select,
.showcase-upload-hub textarea,
.editor-section input,
.editor-section select,
.editor-section textarea,
.map-toolbar input,
.map-toolbar select,
.map-toolbar textarea,
.auth-card input,
.auth-card select,
.auth-card textarea,
.panel-card input,
.panel-card select,
.panel-card textarea,
.drawer input,.drawer select,.drawer textarea,
.modal input,.modal select,.modal textarea{
  background:var(--form-bg)!important;
  color:var(--form-text)!important;
  border-color:var(--form-border)!important;
}

/* Preserve semantic buttons even when an <input> is used as a submit control. */
input[type="submit"],input[type="button"],input[type="reset"]{color-scheme:light}

@media (max-width:620px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  select,textarea{font-size:16px}
}