/* DRIVE CMS: separazione visiva delle schede. Solo interfaccia a video. */
@media screen {
  :root{--drive-panel-line:#a9bfd9;--drive-panel-head:#e8f0fb;--drive-panel-blue:#285fb6;--drive-panel-shadow:0 4px 13px rgba(31,57,91,.075)}
  body{background-color:#eef2f8}
  body .sl-mainpanel{background-color:#eef2f8}

  body .sl-mainpanel .sl-pagebody .card,
  body .sl-mainpanel .panel,
  body .sl-mainpanel .cms-form-section,
  body .sl-mainpanel .mt-invoice-panel,
  body .sl-mainpanel .mt-invoice-card,
  body .sl-mainpanel .well,
  body main .panel,
  body main .fb-import-card,
  body .modal-content,
  #cf-app #cf-content>section,
  #cf-app #cf-content>details,
  body #zs-warranty .zs-panel,
  body #zs-warranty .zs-head {
    border:2px solid var(--drive-panel-line);
    box-shadow:var(--drive-panel-shadow);
  }

  body .sl-mainpanel .sl-pagebody .card:hover{box-shadow:var(--drive-panel-shadow)}
  body .sl-mainpanel .card-body-title,
  body .sl-mainpanel .cms-section-heading h2,
  body .sl-mainpanel .mt-invoice-panel>h3,
  body main .panel>h2,
  body main .panel>.panel-head>h2,
  body main .panel>.fb-toolbar>div>h2,
  #cf-app #cf-content>section>h2,
  body #zs-warranty .zs-panel>h3 {
    background-color:var(--drive-panel-head);
    border-left:4px solid var(--drive-panel-blue);
    border-radius:6px;
    color:#24476e;
    padding:8px 11px;
  }

  body .sl-mainpanel .panel>.panel-heading{
    background-color:var(--drive-panel-head)!important;
    border-bottom:1px solid var(--drive-panel-line);
    color:#24476e!important;
  }
  body .sl-mainpanel .table-responsive{border-color:var(--drive-panel-line)}
  body .sl-mainpanel .table>thead>tr>th,
  body main .panel table th{background-color:#e5edf8;border-bottom-color:#a9bfd9;color:#3f5978}
  body .sl-mainpanel .table>tbody>tr>td,
  body main .panel table td{border-top-color:#ccd9e9;border-bottom-color:#ccd9e9}

  body .sl-mainpanel .nav-tabs>li:not(.active)>a{
    border:1px solid #b5c7de!important;
    background-color:#edf3fc;
    color:#405e82;
  }
  body .sl-mainpanel .nav-tabs>li.active>a{box-shadow:inset 0 -3px #285fb6}
  body.cms-contracts-today #tbRisultato.cms-today-mobile-ready tr.cms-today-row{
    border:2px solid var(--drive-panel-line);
    box-shadow:var(--drive-panel-shadow);
  }

  /* Non sovrascrive contorni di errore, campi disabilitati o indicatori di focus. */
  body .sl-mainpanel .form-control:where(:not(.has-error *)):where(:not(.error,.is-invalid,[aria-invalid="true"],:focus,:disabled)),
  body main .panel :is(input,select,textarea):where(:not(.has-error *)):where(:not(.error,.is-invalid,[aria-invalid="true"],:focus,:disabled)),
  #cf-app :is(input,select,textarea):where(:not(.error,[aria-invalid="true"],:focus,:disabled)){
    border-color:#95aecb!important;
  }

  /* Conformità: riquadri distinti per ciascun impianto, senza allargare la tabella. */
  #cf-app .components .group{
    border:1px solid #adc2dc;
    border-radius:10px;
    padding:0 12px 6px;
    background:#fff;
    box-shadow:0 2px 7px rgba(31,57,91,.045);
  }
  #cf-app .components .group>h3{
    margin:0 -12px 2px;
    padding:10px 12px;
    background:var(--drive-panel-head);
    border-bottom:1px solid #adc2dc;
    border-left:4px solid var(--drive-panel-blue);
    border-radius:9px 9px 0 0;
    color:#244e82;
  }
  #cf-app .component{border-bottom-color:#ccd9e9}
  #cf-app .component:last-child{border-bottom:0}
  #cf-app .component .note-toggle{background:#edf3fc;border-color:#b7cae2;border-radius:6px}
  #cf-app .context-details,#cf-app .automation-help{border-top-color:#bdcee3}

  body #zs-warranty .zs-option{border-width:2px}
  body #zs-warranty .zs-option:not(.is-selected){border-color:#adc2dc}
  body #zs-warranty .zs-option.is-selected{border-color:#5e88c6}
  body #zs-warranty .zs-fact{background:#eaf0f9}

  /* Conserva i bordi laterali verde/arancione che indicano lo stato degli annunci. */
  body.cms-mg-page .cards>.card{
    border-top:2px solid var(--drive-panel-line);
    border-right:2px solid var(--drive-panel-line);
    border-bottom:2px solid var(--drive-panel-line);
    box-shadow:var(--drive-panel-shadow);
  }
  body.cms-mg-page .summary>div{border:2px solid var(--drive-panel-line);box-shadow:var(--drive-panel-shadow)}

  /* Panoramica: niente cornice generale; risalto alle singole schede. */
  body .sl-mainpanel .sl-pagebody.cms-dashboard>.card{
    border:0!important;
    box-shadow:none!important;
  }
  body .sl-mainpanel .cms-dashboard #cms-overview-panel .card{
    border:2px solid var(--drive-panel-line)!important;
    box-shadow:var(--drive-panel-shadow)!important;
  }

  /* I singoli comandi restano separati anche sui fondi chiari. */
  body .sl-mainpanel :is(.btn,.dv-button,.cms-delivery-toggle):where(:not(:focus-visible,:disabled,.disabled)),
  body main .panel :is(button,.button):where(:not(:focus-visible,:disabled,.disabled)),
  #cf-app button:where(:not(:focus-visible,:disabled)),
  #zs-warranty button:where(:not(:focus-visible,:disabled)){
    outline:1px solid rgba(43,80,125,.28);
    outline-offset:-1px;
  }
}