/* CPOOL SUPPORT UI FIX V2 */

/*
 * Assistenza: spazio complessivo della pagina
 */

.cpool-support-page {
  padding-bottom: 110px !important;
}

.cpool-support-layout {
  margin-bottom: 52px !important;
}

/*
 * Nuova richiesta: scheda centrata e contenuta
 */

.cpool-support-form-card {
  display: block !important;

  width: min(
    100%,
    900px
  ) !important;

  max-width: 900px !important;
  min-width: 0 !important;

  margin-right: auto !important;
  margin-bottom: 90px !important;

  padding: 28px !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

.cpool-support-form-card form,
.cpool-support-form-grid,
.cpool-support-field {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  box-sizing: border-box !important;
}

.cpool-support-form-card *,
.cpool-support-form-card *::before,
.cpool-support-form-card *::after {
  box-sizing: border-box !important;
}

/*
 * Correzione definitiva del campo Oggetto.
 */

#cpool_support_conversation_subject,
input[name="cpool_support_conversation[subject]"] {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  box-sizing: border-box !important;
}

/*
 * Controlli del modulo
 */

.cpool-support-form-card
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cpool-support-form-card select,
.cpool-support-form-card textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  box-sizing: border-box !important;
}

.cpool-support-form-card textarea {
  min-height: 190px !important;
}

.cpool-support-form-card input[type="file"] {
  overflow: hidden !important;
}

/*
 * Pagina Raccolte:
 * distacco del pulsante Crea modello.
 */

.cpool-ui-create-model-button {
  display: inline-flex !important;

  margin-top: 26px !important;
  margin-bottom: 6px !important;
}

.cpool-ui-collections-empty-card {
  padding-bottom: 26px !important;
}

/*
 * Pagina Modelli:
 * contrasto tra i diversi blocchi.
 */

.cpool-ui-model-card {
  border-width: 1px !important;
  border-style: solid !important;

  box-shadow:
    0 8px 24px
    rgba(20, 33, 61, 0.045) !important;

  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;
}

.cpool-ui-model-card:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 14px 30px
    rgba(20, 33, 61, 0.08) !important;
}

.cpool-ui-model-card.is-dynamic {
  border-color: #cbd8ff !important;

  background:
    linear-gradient(
      145deg,
      #f4f7ff 0%,
      #ffffff 72%
    ) !important;
}

.cpool-ui-model-card.is-pdf {
  border-color: #ddd6fe !important;

  background:
    linear-gradient(
      145deg,
      #faf7ff 0%,
      #ffffff 72%
    ) !important;
}

.cpool-ui-existing-model-card:nth-child(odd) {
  border-color: #d8e1f5 !important;
  background: #ffffff !important;
}

.cpool-ui-existing-model-card:nth-child(even) {
  border-color: #d8ddf4 !important;
  background: #f7f8fd !important;
}

/*
 * Mobile
 */

@media (max-width: 900px) {
  .cpool-support-form-card {
    width: 100% !important;

    padding: 22px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 640px) {
  .cpool-support-page {
    padding-bottom: 72px !important;
  }

  .cpool-support-layout {
    margin-bottom: 34px !important;
  }

  .cpool-support-form-card {
    padding: 18px 16px !important;
  }
}