/**** CONTENITORE PRINCIPALE ****/
body.psc-theme.client-side #check-ticket{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 auto;
  display: grid !important;
  grid-template-columns: minmax(380px, 1.2fr) minmax(300px, 1fr);
  gap: 32px;

  align-items: start;
}




/**** COLONNA SINISTRA ****/
/* CARD LOGIN UTENTE */
body.psc-theme.client-side #access-link{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  display: block !important;
}


body.psc-theme.client-side #access-link.client-choice{
  background: var(--color-bg-surface-accent, #eaf7ef);
  border: 0px; 
  border-radius: 14px;
  padding: 55px 30px 55px 30px;
  margin: 0 auto;
  box-shadow: 0 1px 2px rgba(15,23,42,.06);
}

/* Titolo */
body.psc-theme.client-side #access-link #open-title{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
  text-align: center;
  font-family: var(--font-body) !important;
}

/* Label */
body.psc-theme.client-side #access-link label{
  display: block;
    font-family: var(--font-body) !important;
}

/* Input */
body.psc-theme.client-side #access-link input[type="text"],
body.psc-theme.client-side #access-link input[type="password"]{
    width: 100% !important;
    box-sizing: border-box;
    display: flex !important;
    padding: var(--Spacing-input-y-m, 12px) var(--Spacing-input-x, 12px) !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px !important;
    border: 1px solid var(--color-border-input-primary) !important;
    background: var(--color-primary-bg) !important;
    font-family: var(--font-body) !important;
    color: var(--color-text-input-primary) !important;
    height: auto !important;
    box-sizing: border-box;
}

/* Bottone */
body.psc-theme.client-side .client-choice-icon{
  width: 100% !important;;
  height: 42px !important;;
  margin-top: 18px !important;;

  border-radius: 8px;
  border: none;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--font-body) !important;
  background: var(--color-bg-button-primary, #15803d) !important;
  color: var(--color-text-button-primary, #fff) !important;
  -webkit-box-shadow: none !important;
}

body.psc-theme.client-side .client-choice-icon{
  text-transform: lowercase !important;
   text-transform: capitalize  !important;
}

body.psc-theme.client-side #access-link #open-text{
  width: auto !important;
  max-width: none !important;
}




/**** COLONNA DESTRA ****/
body.psc-theme.client-side #sign-in.client-choice{
  padding: 8px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.psc-theme.client-side #sign-in #open-text{
  padding: 0 !important;
  margin: 0px 0px 0px 0px !important;
}

body.psc-theme.client-side #sign-in #open-title{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.4;
  font-family: var(--font-body) !important;
  display: block;
  font-weight: 700;
  margin: 0 0 6px;
  text-align: center;
}

body.psc-theme.client-side #sign-in #open-text{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.4;
  font-family: var(--font-body) !important;
  display: block;
  margin: 0 0 6px;
}

/* Link colonna dx */
body.psc-theme.client-side #sign-in #options a{
    display: flex;
    height: 35px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    color: var(--color-text-button-ghost, rgba(255, 255, 255, 0.00));
    font-family: var(--font-body) !important;
    text-transform: capitalize  !important;
}
body.psc-theme.client-side #sign-in #options a:hover{
  text-decoration: underline;
}

/* linea dopo il link "Accedi" agente */
body.psc-theme.client-side #sign-in #options a[href*="/scp/"]{
  display: inline-block;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border-divider);
  width: 100%;
  font-family: var(--font-body) !important;
}

/* Card help (grigia) */
body.psc-theme.client-side .psc-login-help-card{
  padding: 30px;
  border-radius: 12px;
  background: var(--color-neutri-100, rgba(15,23,42,.04));
  text-align: center;
  color: var(--color-text-secondary, #6b7280);
  font-size: 13px;
  line-height: 1.35;
  font-family: var(--font-body) !important;
}








body.psc-theme.client-side #sign-in #options br{
  content: "";
  display: block;
  margin: 6px 0;
}

/* Disinnesca layout legacy "client-choice" SOLO nella pagina login */
body.psc-theme.client-side #check-ticket #access-link.client-choice,
body.psc-theme.client-side #check-ticket #sign-in.client-choice{
  float: none !important;
  width: auto !important;      /* oppure 100% */
  max-width: none !important;
  margin: 0 !important;
}






/* Tasto Accedi al click */
body.psc-theme.client-side #clientLogin input[type="submit"],
body.psc-theme.client-side #clientLogin input[type="submit"]:hover,
body.psc-theme.client-side #clientLogin input[type="submit"]:focus,
body.psc-theme.client-side #clientLogin input[type="submit"]:active,
body.psc-theme.client-side #clientLogin input[type="submit"]:disabled{
  background-color: var(--color-bg-button-primary) !important;
  background-image: none !important;
  background: none !important;              /* reset completo */
  background-color: var(--color-bg-button-primary) !important; /* re-apply */
  color: var(--color-text-on-brand, #fff) !important;

  border: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}




/* MOBILE */
@media (max-width: 860px){

    /* elimina collasso margin del primo titolo */
  body.psc-theme.client-side #content > h1,
  body.psc-theme.client-side #content > .psc-page-title{
    margin-top: 0 !important;
    text-align: center !important;
    padding-top: 45px !important;
  }

  body.psc-theme.client-side #content .subtitle {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body.psc-theme.client-side #check-ticket{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.psc-theme.client-side #check-ticket{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.psc-theme #access-link,
  body.psc-theme #sign-in{
    display: block !important;
    width: 100% !important;
    float: none !important;
    max-width: none !important;
  }
}