/* TentoniNumérik R44.3.27.3
   Base réelle VPS : R44.3.27.2.
   Portée stricte : téléphone connecté uniquement.
   Objectif : en-tête propre, compact, deux lignes, sans modifier le DOM. */

@media(max-width:720px){
  html.tn-r42-phone body.tn-authenticated .topbar{
    min-height:104px!important;
    height:104px!important;
    background:#fff!important;
  }

  html.tn-r42-phone body.tn-authenticated .topbar-inner{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:50px 38px!important;
    column-gap:4px!important;
    row-gap:4px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:104px!important;
    height:104px!important;
    padding:6px 8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transition:none!important;
  }

  html.tn-r42-phone body.tn-authenticated .top-meta{display:contents!important;}
  html.tn-r42-phone body.tn-authenticated .top-meta .top-date,
  html.tn-r42-phone body.tn-authenticated .top-meta .top-time,
  html.tn-r42-phone body.tn-authenticated .top-meta .top-weather-inline{
    display:none!important;visibility:hidden!important;
  }
  html.tn-r42-phone body.tn-authenticated .top-actions{display:contents!important;}

  /* LIGNE 1 : marque complète | Accueil | Tableau de bord */
  html.tn-r42-phone body.tn-authenticated .brand{
    grid-column:1 / 8!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    gap:7px!important;
    overflow:hidden!important;
    transition:none!important;
  }

  html.tn-r42-phone body.tn-authenticated .brand-mark,
  html.tn-r42-phone body.tn-authenticated .brand-mark img{
    display:block!important;
    flex:0 0 38px!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;
    object-fit:contain!important;margin:0!important;
  }

  /* Annule le faux libellé “Tentoni” de R44.3.27.1 et restaure le vrai nom + devise. */
  html.tn-r42-phone body.tn-authenticated .brand-copy{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:2px!important;
    overflow:hidden!important;
  }
  html.tn-r42-phone body.tn-authenticated .brand-copy::after{content:none!important;display:none!important;}
  html.tn-r42-phone body.tn-authenticated .brand-copy strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#082d68!important;
    font-size:15px!important;
    line-height:1.02!important;
    font-weight:900!important;
    letter-spacing:-.3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html.tn-r42-phone body.tn-authenticated .brand-copy strong span{color:#0874f7!important;}
  html.tn-r42-phone body.tn-authenticated .brand-copy small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#55708f!important;
    font-size:6.2px!important;
    line-height:1.08!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn{
    grid-column:8 / 10!important;grid-row:1!important;
    position:static!important;display:grid!important;place-items:center!important;align-content:center!important;
    grid-template-rows:18px 8px!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;
    padding:3px!important;margin:0 auto!important;border-radius:11px!important;overflow:hidden!important;box-sizing:border-box!important;
    font-size:0!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn span{display:none!important;}
  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn::before{
    content:""!important;display:block!important;width:19px!important;height:19px!important;
    background:url('/assets/r44-3-27-1/home-phone.svg') center/contain no-repeat!important;
  }
  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn::after{
    content:"Accueil"!important;display:block!important;color:#31597f!important;font-size:6.2px!important;font-weight:900!important;line-height:8px!important;
  }

  html.tn-r42-phone body.tn-authenticated #tn141-manager-launch{
    grid-column:10 / 13!important;grid-row:1!important;
    position:static!important;display:grid!important;visibility:visible!important;place-items:center!important;align-content:center!important;
    grid-template-rows:18px 8px!important;
    width:80px!important;min-width:80px!important;max-width:80px!important;height:44px!important;min-height:44px!important;
    padding:3px 5px!important;margin:0 auto!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important;
    font-size:0!important;color:transparent!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated #tn141-manager-launch span{display:none!important;}
  html.tn-r42-phone body.tn-authenticated #tn141-manager-launch::before{
    content:""!important;display:block!important;width:18px!important;height:18px!important;
    background:url('/assets/r44-3-27-1/dashboard-phone.svg') center/contain no-repeat!important;
  }
  html.tn-r42-phone body.tn-authenticated #tn141-manager-launch::after{
    content:"Tableau de bord"!important;display:block!important;width:100%!important;color:#174b86!important;font-size:6.2px!important;font-weight:900!important;line-height:8px!important;text-align:center!important;white-space:nowrap!important;
  }

  /* LIGNE 2 : compte | langue | messagerie | alerte, parfaitement centrés */
  html.tn-r42-phone body.tn-authenticated #header-logout{
    grid-column:3 / 5!important;grid-row:2!important;
    display:grid!important;place-items:center!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
    padding:0!important;margin:0 auto!important;border-radius:50%!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated #header-logout span{display:none!important;}
  html.tn-r42-phone body.tn-authenticated #header-logout img{width:22px!important;height:22px!important;}

  html.tn-r42-phone body.tn-authenticated #language-btn{
    grid-column:5 / 7!important;grid-row:2!important;
    display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:36px!important;min-height:36px!important;
    padding:0!important;margin:0 auto!important;border-radius:9px!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated #language-btn::before{width:25px!important;height:17px!important;}

  html.tn-r42-phone body.tn-authenticated .top-actions>a.round-action{
    grid-column:7 / 9!important;grid-row:2!important;
    display:grid!important;place-items:center!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
    margin:0 auto!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated .top-actions .education-alert-bell{
    grid-column:9 / 11!important;grid-row:2!important;
    display:grid!important;place-items:center!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
    margin:0 auto!important;transition:none!important;
  }
  html.tn-r42-phone body.tn-authenticated .top-actions .round-action img,
  html.tn-r42-phone body.tn-authenticated .top-actions .education-alert-bell img{width:21px!important;height:21px!important;}

  /* Aucun saut visuel sur cette seule zone. */
  html.tn-r42-phone body.tn-authenticated .topbar *,
  html.tn-r42-phone body.tn-authenticated .topbar *::before,
  html.tn-r42-phone body.tn-authenticated .topbar *::after{
    transition-property:none!important;animation-duration:0s!important;animation-delay:0s!important;
  }
}
