/* Aggiornamento layout operativo 18/07/2026 */

/* Nuovo cliente: acquisizione documento e consensi affiancati. */
.nuovo-cliente-top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:16px;
  align-items:start;
}
.nuovo-cliente-top-grid>.panel{margin:0;min-width:0}
.nuovo-cliente-top-grid .documento-easy-flow{padding:16px;border-width:2px}
.documento-acquisition-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.documento-action-card{
  min-height:230px!important;
  padding:16px!important;
  border:1px solid #d8dee8!important;
  border-radius:14px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
}
.documento-action-card h3{font-size:21px!important;margin:6px 0!important}
.documento-action-card p{font-size:15px!important;line-height:1.35!important;margin:0 0 12px!important}
.documento-action-card .documento-easy-icon{font-size:38px}
.documento-read-button{
  width:auto!important;
  min-height:40px!important;
  margin-top:auto;
  padding:8px 14px!important;
  background:#155e63!important;
  border-color:#0f4549!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  box-shadow:0 3px 0 #0b3538!important;
}
.documento-read-button:hover{background:#2f7a7e!important}
.documento-easy-preview-wrap{margin-top:12px;max-height:340px}
.documento-easy-preview{max-height:280px}
.nuovo-cliente-consensi{position:sticky;top:12px}
.nuovo-cliente-consensi h2{margin-top:0}
.nuovo-cliente-consensi .quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.consent-box-compact{padding:0;border:0;background:transparent}
.consent-box-compact .consent-checks{display:grid;grid-template-columns:1fr;gap:8px}
.consent-box-compact .consent-checks>label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  padding:7px 8px;
  border:1px solid #d9dee7;
  border-radius:9px;
  background:#fff;
}
.consent-check-label{display:flex;align-items:center;gap:7px;min-width:0;font-weight:800}
.consent-box-compact .linklike,
.nuovo-cliente-consensi .consent-open{
  flex:0 0 auto;
  min-height:30px!important;
  padding:5px 9px!important;
  border:1px solid #0f4549!important;
  border-radius:7px!important;
  background:#155e63!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 2px 0 #0b3538!important;
}
.nuovo-cliente-consensi textarea{min-height:84px}

/* Indirizzi compatti, con via e civico separati. */
.compact-address-fieldset{padding-top:14px!important;padding-bottom:14px!important}
.compact-address-fieldset .domicilio-copy{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 10px}
.address-inline-grid{
  display:grid;
  grid-template-columns:minmax(240px,2.1fr) minmax(78px,.55fr) minmax(180px,1.35fr) minmax(90px,.65fr) minmax(78px,.55fr) minmax(110px,.8fr);
  gap:10px;
  align-items:end;
}
.address-inline-grid label{min-width:0;margin:0}
.address-inline-grid input{min-height:42px}
.address-number input,.address-cap input,.address-province input{text-align:left}

/* Scheda cliente: mandati a fianco dell'anagrafica, articoli subito sotto. */
.cliente-operativo .cliente-main{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);
  gap:16px;
  align-items:start;
}
.cliente-operativo .cliente-card-operativa{grid-column:1;grid-row:1;min-width:0}
.cliente-operativo .mandati-cliente-panel{grid-column:2;grid-row:1;min-width:0;margin:0}
.cliente-operativo .articoli-cliente-panel{grid-column:2;grid-row:2;min-width:0;margin:0}
.cliente-operativo #pannello-accesso-web{grid-column:1;grid-row:2;min-width:0;margin:0}
.cliente-operativo #modifica-cliente{grid-column:1/-1;grid-row:3;margin:0}
.cliente-operativo #gestione-cliente{grid-column:1/-1;grid-row:4;margin:0}
.mandati-cliente-panel .table-wrap,.articoli-cliente-panel .table-wrap{max-height:410px;overflow:auto}
.mandati-cliente-panel table,.articoli-cliente-panel table{font-size:13px}
.mandati-cliente-panel th,.mandati-cliente-panel td,.articoli-cliente-panel th,.articoli-cliente-panel td{padding:8px}

/* Mandato: firme in colonna, articoli a destra, inserimento sotto. */
.mandato-workspace{
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(560px,1.28fr);
  gap:16px;
  align-items:start;
}
.mandato-workspace>.panel{margin:0;min-width:0}
.firma-tablet-stack{grid-template-columns:1fr!important;gap:12px!important}
.firma-tablet-stack .firma-tablet-card{padding:13px}
.firma-tablet-stack .firma-tablet-preview,.firma-tablet-stack .firma-tablet-placeholder{height:112px}
.mandato-articoli-panel .table-wrap{max-height:590px;overflow:auto}
.mandato-articoli-panel table{min-width:760px;font-size:13px}
.mandato-articoli-panel th,.mandato-articoli-panel td{padding:8px}
.mandato-add-article-panel{margin-top:16px}
.mandate-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}

/* Impostazioni SMTP. */
.smtp-autofill-option{align-self:stretch}
.smtp-autofill-option small{display:block;margin-top:5px;line-height:1.3}

@media(max-width:1500px){
  .nuovo-cliente-top-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}
  .cliente-operativo .cliente-main{grid-template-columns:1fr}
  .cliente-operativo .cliente-card-operativa,
  .cliente-operativo .mandati-cliente-panel,
  .cliente-operativo .articoli-cliente-panel,
  .cliente-operativo #pannello-accesso-web,
  .cliente-operativo #modifica-cliente,
  .cliente-operativo #gestione-cliente{grid-column:1;grid-row:auto}
  .mandato-workspace{grid-template-columns:minmax(330px,.82fr) minmax(480px,1.18fr)}
}
@media(max-width:1100px){
  .nuovo-cliente-top-grid{grid-template-columns:1fr}
  .nuovo-cliente-consensi{position:static}
  .address-inline-grid{grid-template-columns:2fr .65fr 1.5fr .7fr .65fr 1fr}
  .mandato-workspace{grid-template-columns:1fr}
}
@media(max-width:760px){
  .documento-acquisition-grid{grid-template-columns:1fr}
  .documento-action-card{min-height:0!important}
  .documento-read-button{width:100%!important}
  .nuovo-cliente-consensi .quote-grid{grid-template-columns:1fr}
  .address-inline-grid{grid-template-columns:2fr .7fr}
  .address-inline-grid label:not(.address-street):not(.address-number){grid-column:span 1}
  .address-inline-grid .address-street{grid-column:1}
  .address-inline-grid .address-number{grid-column:2}
  .address-inline-grid .address-country{grid-column:1/-1}
  .mandate-head-actions{justify-content:flex-start}
  .mandate-head-actions .btn{width:100%;text-align:center}
}


/* Riepilogo consensi del mandato: ogni Sì/No indica sempre a cosa si riferisce. */
.consent-status-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 6px;
}
.consent-status{
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #d9dde3;
  border-radius:999px;
  background:#fff;
  min-height:28px;
  font-size:12px;
  font-weight:800;
  line-height:1.1;
}
.consent-status-label{padding:6px 8px;color:#222}
.consent-status-value{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  padding:5px 8px;
  color:#fff;
  font-weight:950;
}
.consent-status.is-yes{border-color:#9bc9a7;background:#f4fbf5}
.consent-status.is-yes .consent-status-value{background:#238442}
.consent-status.is-no{border-color:#e5b4b4;background:#fff7f7}
.consent-status.is-no .consent-status-value{background:#b83232}
@media(max-width:760px){
  .consent-status-list{display:grid;grid-template-columns:1fr;gap:5px}
  .consent-status{width:100%;justify-content:space-between}
}


/* v51 - Mandato: gli articoli devono essere leggibili a tutta larghezza. */
.mandato-workspace{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%;
}
.mandato-workspace>.firma-tablet-panel,
.mandato-workspace>.mandato-articoli-panel{
  grid-column:1/-1!important;
  width:100%;
  max-width:none!important;
  min-width:0!important;
}
.mandato-articoli-panel .mandato-articoli-table{
  width:100%;
  max-width:100%;
  overflow-x:auto;
}
.mandato-articoli-panel .mandato-articoli-table table{
  width:100%;
  min-width:1050px;
  table-layout:auto;
}
.mandato-articoli-panel .mandato-articoli-table th:nth-child(5),
.mandato-articoli-panel .mandato-articoli-table td:nth-child(5){
  min-width:240px;
}
@media(max-width:760px){
  .mandato-articoli-panel .mandato-articoli-table table{min-width:920px}
}


/* v55 - popup scheda articolo dal mandato: larghezza reale e iframe a pieno spazio. */
.admin-dialog.articolo-scheda-dialog{
  width:min(1180px,96vw)!important;
  max-width:1180px!important;
  height:min(860px,92vh)!important;
  max-height:92vh!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(15,30,50,.28)!important;
  grid-template-columns:none!important;
}
.admin-dialog.articolo-scheda-dialog::backdrop{background:rgba(8,20,36,.58)!important}
.admin-dialog.articolo-scheda-dialog .article-popup-heading{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #dce4ee!important;
  background:#f8fafc!important;
}
.admin-dialog.articolo-scheda-dialog iframe#articoloSchedaFrame{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:calc(100% - 54px)!important;
  min-height:0!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:#f4f7fb!important;
}
@media(max-width:760px){
  .admin-dialog.articolo-scheda-dialog{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;margin:0!important}
  .admin-dialog.articolo-scheda-dialog iframe#articoloSchedaFrame{height:calc(100dvh - 54px)!important}
}


/* V57 Portobello workflow + client visualization fixes */
.cliente-operativo,.cliente-operativo *{box-sizing:border-box}
.cliente-operativo .cliente-anagrafica-completa,.cliente-operativo .field-line{min-width:0!important}
.cliente-operativo .field-line b,.cliente-operativo .field-line strong,.cliente-operativo td,.cliente-operativo th{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.cliente-operativo .field-line b{display:block;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
.cliente-operativo .cliente-anagrafica-completa .field-line:nth-child(7) b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(12px,1.1vw,16px);letter-spacing:.01em}
.cliente-side-actions-legacy{display:none!important}
.cliente-portobello-actions{margin:0 0 16px!important;padding:16px!important}
.cliente-portobello-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.cliente-portobello-head h2{margin:0 0 4px}.cliente-portobello-head p{margin:0}
.cliente-portobello-id{display:flex;flex-direction:column;align-items:flex-end;min-width:170px}.cliente-portobello-id b{font-size:20px}.cliente-portobello-id span{font-weight:700;overflow-wrap:anywhere;text-align:right}
.cliente-portobello-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cliente-portobello-group{min-width:0;border:1px solid #d6e0ec;border-radius:13px;padding:12px;background:#f8fafc}
.cliente-portobello-group h3{font-size:14px;margin:0 0 9px;color:#263858}
.pb-action{display:flex;width:100%;min-width:0;min-height:58px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;margin:7px 0;padding:10px 12px;border:1px solid #cbd7e6;border-radius:10px;background:#fff;color:#17233c;text-decoration:none;text-align:left;cursor:pointer;font:inherit}
.pb-action b{font-size:14px}.pb-action span{font-size:12px;color:#60708a;overflow-wrap:anywhere}
.pb-action.is-primary{border-color:#2d7180;background:#edf7f8}.pb-action.is-invoice{border-color:#1d5b87;background:#203d64;color:#fff}.pb-action.is-invoice span{color:#dfeaf5}.pb-action:disabled{opacity:.5;cursor:not-allowed}
.fattura-venduto-dialog{width:min(520px,calc(100vw - 24px));border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px rgba(14,27,49,.3);color:#17233c}
.fattura-venduto-dialog::backdrop{background:rgba(13,24,42,.58)}
.fattura-venduto-dialog form{padding:20px}.invoice-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.invoice-dialog-head>div{display:flex;flex-direction:column}.invoice-dialog-head b{font-size:19px}.invoice-dialog-head span{font-size:13px;color:#65748b}.dialog-close{width:38px;height:38px;border:0;border-radius:50%;font-size:25px;line-height:1;background:#1e293b;color:#fff;cursor:pointer}.fattura-venduto-dialog label{display:block;font-weight:800}.fattura-venduto-dialog input[type=date]{width:100%;margin-top:7px}.invoice-dialog-summary{margin:15px 0;padding:12px;border-radius:10px;background:#eef4f8}.invoice-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.commercialista-report-actions,.commercialista-report-form{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.commercialista-report-form label{min-width:150px;margin:0}
body.embedded-admin{padding:0!important}body.embedded-admin .main{margin:0!important;padding:10px!important;width:100%!important;max-width:100%!important;min-height:0!important}body.embedded-admin .main>section:first-of-type{margin-top:0!important}body.embedded-admin .cliente-layout,body.embedded-admin .cliente-main{width:100%!important;max-width:100%!important}
@media(max-width:1100px){.cliente-portobello-grid{grid-template-columns:1fr 1fr}.cliente-portobello-group:last-child{grid-column:1/-1}}
@media(max-width:700px){.cliente-portobello-head{display:block}.cliente-portobello-id{align-items:flex-start;margin-top:10px}.cliente-portobello-id span{text-align:left}.cliente-portobello-grid{grid-template-columns:1fr}.cliente-portobello-group:last-child{grid-column:auto}.commercialista-report-actions,.commercialista-report-form{display:grid;grid-template-columns:1fr;width:100%}.commercialista-report-form label,.commercialista-report-form .btn,.commercialista-report-actions>.btn{width:100%}.invoice-dialog-actions .btn{flex:1}}

/* V58 - scheda cliente leggibile, fatturazione con conferma, popup pieno */
.cliente-operativo .cliente-anagrafica-completa{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.cliente-operativo .field-line{min-height:88px!important;height:auto!important;padding:12px!important}
.cliente-operativo .field-line b,.cliente-operativo .field-line strong{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.18!important;
  font-size:clamp(15px,1.35vw,20px)!important;
}
.cliente-operativo .field-line.cf-line b,
.cliente-operativo .field-line.email-line b{overflow-wrap:anywhere!important;word-break:break-word!important;font-size:clamp(13px,1.15vw,18px)!important}
.cliente-operativo .field-line.large,.cliente-operativo .email-line{grid-column:span 2}
.cliente-operativo .access-web-inline{grid-column:span 2;min-width:0}
.cliente-operativo .table-wrap{width:100%;max-width:100%;overflow-x:auto!important}
.cliente-operativo .vendite-cliente-panel table{min-width:1080px}
.cliente-operativo .mandati-cliente-panel table{min-width:920px}
.cliente-sale-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;min-width:190px}
.cliente-sale-actions form{margin:0!important;display:inline-flex!important}
.cliente-sale-actions .btn{width:auto!important;min-width:82px!important}
.billing-flow-note{max-width:1100px;line-height:1.45}

body.embedded-admin .main{padding:12px!important;min-height:100%!important}
body.embedded-admin .main>h1{margin:0 0 10px!important}
body.embedded-admin .main>section{width:100%!important;max-width:none!important}
body.embedded-admin .mandate-head>div{flex:1 1 360px!important;min-width:0!important}
body.embedded-admin #articolo-edit-form.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
body.embedded-admin .cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}

@media(max-width:760px){
  .cliente-operativo .cliente-anagrafica-completa{grid-template-columns:1fr!important}
  .cliente-operativo .field-line.large,.cliente-operativo .email-line,.cliente-operativo .access-web-inline{grid-column:1!important}
  .cliente-operativo .field-line{min-height:0!important}
  body.embedded-admin #articolo-edit-form.grid{grid-template-columns:1fr!important}
}

/* V60 - scheda cliente: elimina la vecchia colonna azioni vuota a sinistra.
   Le azioni sono ormai nella toolbar superiore, quindi tutta la scheda usa la larghezza disponibile. */
.cliente-operativo.cliente-scheda-completa .cliente-layout{
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.cliente-operativo.cliente-scheda-completa .cliente-main{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.cliente-operativo.cliente-scheda-completa .cliente-side-actions-legacy{
  display:none!important;
}
@media(max-width:980px){
  .cliente-operativo.cliente-scheda-completa .cliente-layout,
  .cliente-operativo.cliente-scheda-completa .cliente-main{width:100%!important;max-width:100%!important}
}