/* Legalofe - final desktop touches v29
   1) Home: punti senza etichetta PT, numero in riquadro leggero.
   2) Invio formazione: contatore distinto dallo sfondo, numeri senza pill/cerchi.
   3) Header: uscita piu pulita con icona corretta e pulsante dedicato.
*/

@media (min-width:801px){
  /* 1. HOME - punti classifica */
  html body.page-home #lofe-main .lofe-v598-rank-points{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    min-width:54px!important;
    min-height:50px!important;
    padding:0!important;
    border:1px solid #d9e1e6!important;
    border-radius:10px!important;
    background:#f1f4f6!important;
    box-shadow:0 1px 2px rgba(22,49,73,.04)!important;
  }
  html body.page-home #lofe-main .lofe-v598-rank-points small{
    display:none!important;
  }
  html body.page-home #lofe-main .lofe-v598-rank-points strong{
    margin:0!important;
    color:#123653!important;
    font-size:22px!important;
    font-weight:750!important;
    line-height:1!important;
  }

  /* 2. INVIO FORMAZIONE - riepilogo titolari/panchina */
  html body.page-formazione #lofe-main .lineup-counter{
    top:58px!important;
    border:1px solid #cfdae2!important;
    border-radius:11px!important;
    background:#e9eef2!important;
    box-shadow:0 3px 10px rgba(22,49,73,.06)!important;
  }
  html body.page-formazione #lofe-main .lineup-counter>div{
    min-height:50px!important;
    padding:8px 16px!important;
    gap:16px!important;
    background:#e9eef2!important;
  }
  html body.page-formazione #lofe-main .lineup-counter>div+div{
    border-left:1px solid #c9d6df!important;
  }
  html body.page-formazione #lofe-main .lineup-counter strong{
    margin-right:4px!important;
    color:#102f4b!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  html body.page-formazione #lofe-main .lineup-counter span{
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#455e72!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:500!important;
  }
  html body.page-formazione #lofe-main .lineup-counter b,
  html body.page-formazione #lofe-main .lineup-counter i{
    display:inline!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#173f60!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:750!important;
    line-height:1!important;
  }

  /* 3. HEADER - pulsante Esci */
  html body .site-header .lofe-drawer-links>.nav-form{
    margin-left:12px!important;
    padding-left:12px!important;
    border-left:1px solid #d7e2e9!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border:1px solid #d2dde5!important;
    border-radius:10px!important;
    background:#f5f8fa!important;
    color:#3f5b70!important;
    box-shadow:0 1px 2px rgba(22,49,73,.03)!important;
    font-size:12px!important;
    font-weight:500!important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form button:hover{
    border-color:#b9cedc!important;
    background:#edf4f8!important;
    color:#0b6fab!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form .lofe-icon-exit{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    background-color:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5'/%3E%3Cpath d='m15 16 4-4-4-4M19 12H9'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5'/%3E%3Cpath d='m15 16 4-4-4-4M19 12H9'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form .lofe-icon-exit::before{
    content:none!important;
  }
}
