/* ==========================================================
   CPOOL DASHBOARD UNIFORM V11.3.23

   Dashboard = riferimento unico.

   Uniforma:
   - larghezza pagina
   - posizione iniziale
   - titolo / descrizione
   - hero
   - azioni
   - pagine Clienti legacy
   - nuovo/modifica cliente
   - Assistenza
   - radius dei riquadri custom
   - ritmo verticale

   Non modifica la logica applicativa.
   ========================================================== */

:root {
  --cpool-uniform-page-width:
    var(--cpool-dashboard-content-width, 960px);
}

/* ----------------------------------------------------------
   CONTENITORE ESTERNO

   La larghezza viene gestita dalla pagina stessa, come
   nella Dashboard, non dal wrapper Tailwind esterno.
   ---------------------------------------------------------- */

#cpool-main-yield {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ----------------------------------------------------------
   UNICA LARGHEZZA DI PAGINA = DASHBOARD 960px
   ---------------------------------------------------------- */

#cpool-main-yield > .cpool-v2-page,
#cpool-main-yield > .cpool-page,
#cpool-main-yield > .cpool-support-page,
#cpool-main-yield > .cpool-client-form-uniform {
  box-sizing: border-box !important;

  width: min(
    var(--cpool-uniform-page-width),
    calc(100% - 32px)
  ) !important;

  max-width: var(--cpool-uniform-page-width) !important;
  min-width: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  /*
   * Stesso ritmo verticale base della Dashboard.
   */
  padding-top: 36px !important;
  padding-bottom: 72px !important;
}


/* Le vecchie pagine "narrow" non restringono più
   l'intera SEZIONE. Il contenuto interno può comunque
   restare stretto quando necessario. */

#cpool-main-yield > .cpool-v2-page-narrow {
  width: min(
    var(--cpool-uniform-page-width),
    calc(100% - 32px)
  ) !important;

  max-width: var(--cpool-uniform-page-width) !important;
}


/* ----------------------------------------------------------
   CLIENTE DETTAGLIO

   Elimina il problema:
       contenitore 960
          dentro
       secondo contenitore autonomo

   Rimane UN SOLO asse della pagina.
   ---------------------------------------------------------- */

#cpool-main-yield
  > .cpool-client-detail-page-shell-v8
  > .cpool-v2-page {

  box-sizing: border-box !important;

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

  margin: 0 !important;

  padding: 0 !important;
}


/* ----------------------------------------------------------
   HERO / HEADER DI PAGINA

   Tutti assumono il ritmo della Dashboard.
   ---------------------------------------------------------- */

#cpool-main-yield > .cpool-v2-page > .cpool-v2-hero,

#cpool-main-yield
  > .cpool-page
  > .cpool-page-header,

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero,

#cpool-main-yield
  > .cpool-client-form-uniform
  > .cpool-v2-hero {

  box-sizing: border-box !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 28px !important;

  min-height: 0 !important;
  height: auto !important;

  margin-top: 0 !important;
  margin-bottom: 12px !important;

  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* Nessun secondo margine sopra il primo contenuto */

#cpool-main-yield
  > .cpool-v2-page
  > .cpool-v2-hero
  + *,

#cpool-main-yield
  > .cpool-page
  > .cpool-page-header
  + *,

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero
  + * {

  margin-top: 0 !important;
}


/* ----------------------------------------------------------
   TITOLI PRINCIPALI
   ---------------------------------------------------------- */

#cpool-main-yield > .cpool-v2-page > .cpool-v2-hero h1,

#cpool-main-yield
  > .cpool-page
  > .cpool-page-header h1,

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero h1,

#cpool-main-yield
  > .cpool-client-form-uniform
  > .cpool-v2-hero h1 {

  margin: 3px 0 8px !important;

  color: var(--cp-dark, #172033) !important;

  font-family: inherit !important;
  font-size: 38px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;

  letter-spacing: -.04em !important;
}


/* ----------------------------------------------------------
   SOTTOTITOLI PRINCIPALI
   ---------------------------------------------------------- */

#cpool-main-yield > .cpool-v2-page > .cpool-v2-hero p,

#cpool-main-yield
  > .cpool-page
  > .cpool-page-header p,

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero p,

#cpool-main-yield
  > .cpool-client-form-uniform
  > .cpool-v2-hero p {

  max-width: 720px !important;

  margin: 0 !important;

  color: var(--cp-muted, #687386) !important;

  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;

  letter-spacing: normal !important;
}


/* Consulting Pool dentro vecchio header Clienti
   non deve avere un peso diverso dal resto. */

#cpool-main-yield
  .cpool-page-heading p span {

  font: inherit !important;
  color: inherit !important;
}


/* ----------------------------------------------------------
   EYEBROW
   ---------------------------------------------------------- */

#cpool-main-yield .cpool-support-eyebrow {

  color: var(--cp-blue, #2f6bff) !important;

  font-family: inherit !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}


/* ----------------------------------------------------------
   AZIONI HEADER

   Stesso comportamento Dashboard.
   ---------------------------------------------------------- */

#cpool-main-yield .cpool-page-actions,

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero
  .cpool-support-head-actions {

  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ----------------------------------------------------------
   BOTTONI

   Non ridefiniamo colori/dimensioni:
   utilizziamo il design system Dashboard già caricato.

   Eliminiamo soltanto differenze tipografiche introdotte
   dalle singole pagine.
   ---------------------------------------------------------- */

#cpool-main-yield .btn {
  font-family: inherit !important;
}


/* ----------------------------------------------------------
   RIQUADRI CUSTOM

   I pannelli .cpool-v2-panel mantengono DIRETTAMENTE
   lo stile Dashboard.

   Qui uniformiamo esclusivamente i vecchi riquadri che
   hanno ancora radius/background propri.
   ---------------------------------------------------------- */

#cpool-main-yield :is(
  .cpool-client-filter-panel,
  .cpool-client-card,
  .cpool-model-entry-card,
  .cpool-collection-template-card,
  .cpool-batch-card,
  .cpool-group-card,
  .cpool-archive-result-card,
  .cpool-folder-card,
  .cpool-request-card,
  .cpool-support-sidebar,
  .cpool-support-chat
) {
  box-sizing: border-box !important;

  border-radius: 20px !important;

  background-color: #fff !important;

  background-image: none !important;
}


/* Le card non devono generare margini verticali casuali. */

#cpool-main-yield :is(
  .cpool-client-filter-panel,
  .cpool-client-card,
  .cpool-model-entry-card,
  .cpool-collection-template-card,
  .cpool-batch-card,
  .cpool-group-card
) {
  margin-top: 0 !important;
}


/* ----------------------------------------------------------
   CLIENTI: VECCHIO HEADER
   ---------------------------------------------------------- */

#cpool-main-yield .cpool-page-heading {
  display: block !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

#cpool-main-yield .cpool-page-actions {
  align-self: flex-start !important;
}


/* ----------------------------------------------------------
   CLIENTE DETTAGLIO

   Il riquadro del singolo cliente rimane distinto
   dall'header generale Clienti, ma non crea un'altra
   larghezza di pagina.
   ---------------------------------------------------------- */

#cpool-main-yield
  .cpool-client-detail-page-shell-v8
  .cpool-client-hero {

  width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* ----------------------------------------------------------
   ASSISTENZA

   Vecchio CSS support aveva un proprio sistema header.
   Lo annulliamo solo nell'header principale.
   La chat mantiene la sua funzionalità.
   ---------------------------------------------------------- */

#cpool-main-yield
  > .cpool-support-page
  > .cpool-support-hero {

  width: 100% !important;
  max-width: none !important;
}


/* ----------------------------------------------------------
   MOBILE = stesso comportamento Dashboard
   ---------------------------------------------------------- */

@media (max-width: 767px) {

  #cpool-main-yield > .cpool-v2-page,
  #cpool-main-yield > .cpool-page,
  #cpool-main-yield > .cpool-support-page,
  #cpool-main-yield > .cpool-client-form-uniform,
  #cpool-main-yield > .cpool-v2-page-narrow {

    width: calc(100% - 28px) !important;
    max-width: none !important;

    padding-top: 26px !important;
    padding-bottom: 48px !important;
  }


  #cpool-main-yield > .cpool-v2-page > .cpool-v2-hero,

  #cpool-main-yield
    > .cpool-page
    > .cpool-page-header,

  #cpool-main-yield
    > .cpool-support-page
    > .cpool-support-hero,

  #cpool-main-yield
    > .cpool-client-form-uniform
    > .cpool-v2-hero {

    display: block !important;

    margin-bottom: 10px !important;
  }


  #cpool-main-yield > .cpool-v2-page > .cpool-v2-hero h1,

  #cpool-main-yield
    > .cpool-page
    > .cpool-page-header h1,

  #cpool-main-yield
    > .cpool-support-page
    > .cpool-support-hero h1,

  #cpool-main-yield
    > .cpool-client-form-uniform
    > .cpool-v2-hero h1 {

    font-size: 32px !important;
  }


  #cpool-main-yield > .cpool-v2-page > .cpool-v2-hero p,

  #cpool-main-yield
    > .cpool-page
    > .cpool-page-header p,

  #cpool-main-yield
    > .cpool-support-page
    > .cpool-support-hero p,

  #cpool-main-yield
    > .cpool-client-form-uniform
    > .cpool-v2-hero p {

    font-size: 14px !important;
  }


  #cpool-main-yield .cpool-page-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;

    width: 100% !important;

    margin-top: 18px !important;
  }

  #cpool-main-yield .cpool-page-actions > * {
    width: 100% !important;
  }

}

/* CPOOL DASHBOARD UNIFORM V11.3.23 END */