@charset "UTF-8";
/* line 1, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

/* line 7, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group-2 {
  display: flex;
  gap: 1rem; }
  /* line 10, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group-2 > * {
    flex: 1; }

/* line 15, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  /* line 20, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group:has(input[type="checkbox"]) {
    flex-direction: row; }
    /* line 23, app__theme/static/scss/app__theme/widgets/forms/form.scss */
    .form-group:has(input[type="checkbox"]) input {
      margin-left: 0.5rem; }
  /* line 31, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group .required label::after {
    content: "*";
    color: #8d0000;
    position: relative;
    right: -0.5rem;
    top: -0.5rem; }
  /* line 41, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group label {
    font-family: var(--core-font-2);
    font-size: var(--core-p1);
    color: var(--core-fg-300);
    display: inline; }
    /* line 47, app__theme/static/scss/app__theme/widgets/forms/form.scss */
    .form-group label input[type="radio"] {
      width: min-content;
      margin-right: 1rem;
      margin-bottom: 1rem; }
  /* line 54, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group .field {
    position: relative; }

/* line 64, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.modal-content .form-group input {
  border-color: var(--gray-300); }

/* line 67, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.modal-content .form-group label {
  color: var(--gray-500); }

/* line 73, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group input,
.form-input,
.form-group select,
.form-group textarea {
  padding: 0.8rem;
  border: var(--form-input-border);
  border-radius: 4px;
  font-family: var(--core-font-3);
  font-size: var(--core-p1);
  transition: border-color 0.3s;
  width: 100%;
  box-sizing: border-box;
  color: black;
  background-color: white; }

/* line 89, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group textarea {
  height: 12rem;
  resize: vertical; }

/* line 94, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group input:disabled,
.form-input:disabled,
.form-group select:disabled {
  background-color: var(--form-input-bg-disbaled);
  color: var(--form-input-fg-disbaled);
  cursor: not-allowed;
  border-color: #ccc;
  opacity: 1; }

/* line 105, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-group input:focus, .form-input:focus, .form-group select:focus {
  outline: none;
  border: var(--form-input-border-hover);
  box-shadow: 0 0 0 2px rgba(160, 160, 160, 0.2); }

/* line 111, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-actions {
  display: flex;
  justify-content: center;
  gap: 1rem; }

/* Django form specific styles */
/* line 120, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.form-error {
  color: var(--form-error-fg);
  font-size: var(--core-error-form);
  margin-top: 0.3rem;
  font-family: var(--core-font-2); }
  /* line 126, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-error ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

/* Redéfinition du style des inputs pré-remplis */
/* line 134, app__theme/static/scss/app__theme/widgets/forms/form.scss */
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: black; }

/* Pour certaines versions de Firefox */
/* line 140, app__theme/static/scss/app__theme/widgets/forms/form.scss */
input:-internal-autofill-selected {
  background-color: var(--form-input-selected-color) !important;
  color: white !important; }

/* Oeil pour mot de passe */
/* line 146, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.password-eye {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer; }

/* line 154, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.password-eye .password-eye-v,
.password-eye.hidden .password-eye-x {
  display: none; }

/* line 159, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.password-eye.hidden .password-eye-v,
.password-eye .password-eye-x {
  display: flex;
  color: black; }
  /* line 164, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .password-eye.hidden .password-eye-v svg,
  .password-eye .password-eye-x svg {
    color: black; }

/* Champ modifiable */
/* line 170, app__theme/static/scss/app__theme/widgets/forms/form.scss */
.editable-field, .editable-select-field {
  display: flex;
  align-items: center; }
  /* line 174, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field input, .editable-select-field input {
    position: relative; }
  /* line 178, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field input[type="date"], .editable-select-field input[type="date"] {
    position: relative;
    padding-right: 5.5rem;
    /* espace pour l’icône */ }
  /* line 183, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field button, .editable-select-field button {
    position: absolute;
    right: 1rem;
    border: none;
    background-color: var(--form-input-bg-disbaled);
    color: var(--form-input-fg-disbaled); }
  /* line 191, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field select ~ .editable-field-buttons, .editable-select-field select ~ .editable-field-buttons {
    right: 3rem; }
  /* line 195, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field select ~ button, .editable-select-field select ~ button {
    right: 0.7rem; }
  /* line 199, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .editable-field .editable-field-buttons, .editable-select-field .editable-field-buttons {
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 1rem; }
    /* line 207, app__theme/static/scss/app__theme/widgets/forms/form.scss */
    .editable-field .editable-field-buttons button, .editable-select-field .editable-field-buttons button {
      position: unset;
      cursor: pointer; }
      /* line 211, app__theme/static/scss/app__theme/widgets/forms/form.scss */
      .editable-field .editable-field-buttons button.save-btn svg path, .editable-select-field .editable-field-buttons button.save-btn svg path {
        stroke: green; }
      /* line 215, app__theme/static/scss/app__theme/widgets/forms/form.scss */
      .editable-field .editable-field-buttons button[disabled], .editable-select-field .editable-field-buttons button[disabled] {
        cursor: unset; }
        /* line 218, app__theme/static/scss/app__theme/widgets/forms/form.scss */
        .editable-field .editable-field-buttons button[disabled] svg path, .editable-select-field .editable-field-buttons button[disabled] svg path {
          stroke: var(--core-disabled-bg); }

/* Mobile styles for login form */
@media screen and (max-width: 768px) {
  /* line 228, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group input {
    padding: 0.7rem; }
  /* line 232, app__theme/static/scss/app__theme/widgets/forms/form.scss */
  .form-group-2.not-on-mobile {
    flex-direction: column; } }