/* Moveo · finition UX mobile du bandeau et du sélecteur d'entreprise.
   Hors @media, aucune règle : rendu desktop volontairement inchangé. */
@media (max-width:700px){
  header{
    padding:13px 16px 14px;
  }
  header .header-inner{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:14px;
    text-align:left;
  }
  header .header-left{
    display:flex;
    flex:1 1 auto;
    min-width:0;
    align-items:center;
    gap:11px;
  }
  header .header-left>a{
    display:inline-flex;
    align-items:center;
    flex:none;
  }
  header .header-left .logo{
    width:50px;
    height:50px;
    flex:none;
    border-radius:13px;
  }
  header .header-left>div{
    min-width:0;
    flex:1 1 auto;
  }
  header .header-left h1{
    font-size:24px;
    line-height:1.08;
    letter-spacing:-.35px;
  }
  header .header-left p{
    margin-top:3px;
    font-size:12px;
    line-height:1.35;
  }
  header .header-inner>.moveo-header-actions{
    margin-left:auto;
    min-width:0;
    flex:0 0 auto;
  }
  header .moveo-header-actions{
    gap:6px;
  }
  header .moveo-espace-header{
    min-height:35px;
    padding:8px 12px;
    font-size:12px;
    border-radius:10px;
  }
  header .moveo-header-icons{
    gap:5px;
  }
  header .moveo-header-icon{
    width:35px;
    height:34px;
    border-radius:10px;
  }

  /* Accueil uniquement : champ natif, présentation intégrée à la charte. */
  .selection-entreprise-accueil .selecteur-entreprise-mobile{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:69px;
    margin:0;
    padding:11px 54px 11px 17px;
    border:1px solid #e3ccdd;
    border-radius:16px;
    background:linear-gradient(130deg,#fff 0%,#fdf8fc 100%);
    box-shadow:0 5px 17px rgba(122,31,103,.09);
    text-align:left;
    transition:border-color .15s ease,box-shadow .15s ease;
  }
  .selection-entreprise-accueil .selecteur-entreprise-mobile label{
    display:block;
    margin:0 0 2px;
    color:#8a2473;
    font:700 10px/1.25 Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:.09em;
  }
  .selection-entreprise-accueil .selecteur-entreprise-mobile select{
    display:block;
    position:relative;
    z-index:1;
    width:calc(100% + 39px);
    max-width:none;
    min-height:29px;
    margin:0;
    padding:1px 40px 1px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#2f2432;
    font:700 16px/1.4 Arial,Helvetica,sans-serif;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    outline:0;
  }
  .selection-entreprise-accueil .selecteur-entreprise-mobile::before{
    content:"";
    position:absolute;
    right:14px;
    top:50%;
    width:34px;
    height:34px;
    border-radius:11px;
    background:#f6e8f3;
    transform:translateY(-50%);
    pointer-events:none;
  }
  .selection-entreprise-accueil .selecteur-entreprise-mobile::after{
    content:"";
    position:absolute;
    right:27px;
    top:calc(50% - 4px);
    width:8px;
    height:8px;
    border-right:2px solid #8a2473;
    border-bottom:2px solid #8a2473;
    transform:rotate(45deg);
    pointer-events:none;
  }
  .selection-entreprise-accueil .selecteur-entreprise-mobile:focus-within{
    border-color:#a42d88;
    box-shadow:0 0 0 3px rgba(164,45,136,.13),0 5px 17px rgba(122,31,103,.09);
  }
  .selection-entreprise-accueil{
    margin-bottom:14px;
  }
}
@media (max-width:560px){
  header{
    padding:11px 14px 11px;
  }
  header .header-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    align-items:start;
  }
  header .header-left{
    width:100%;
    gap:10px;
  }
  header .header-left .logo{
    width:48px;
    height:48px;
  }
  header .header-left h1{
    font-size:23px;
  }
  header .header-left p{
    font-size:12px;
  }
  header .header-inner>.moveo-header-actions{
    display:flex;
    width:100%;
    min-width:0;
    margin:0;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  header .moveo-espace-header{
    flex:0 1 auto;
    width:min(54%,188px);
    min-width:142px;
    max-width:188px;
    min-height:37px;
    height:37px;
    padding:8px 13px;
    font-size:12px;
    letter-spacing:-.01em;
    border:1px solid rgba(255,255,255,.90);
    border-radius:11px;
    background:rgba(255,255,255,.96);
    box-shadow:0 3px 10px rgba(60,17,57,.12);
  }
  header .moveo-header-icons{
    flex:0 0 auto;
    gap:7px;
  }
  header .moveo-header-icon{
    width:37px;
    height:37px;
    border-radius:11px;
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
  }
  header .moveo-header-icon:hover,
  header .moveo-header-icon:focus-visible{
    background:rgba(255,255,255,.21);
    border-color:rgba(255,255,255,.45);
  }
  header .moveo-header-actions:has(.moveo-header-icons[hidden]){
    justify-content:flex-end;
  }
}
@media (max-width:360px){
  header .header-left p{
    font-size:11px;
  }
  header .header-inner>.moveo-header-actions{
    gap:6px;
  }
  header .moveo-espace-header{
    min-width:132px;
    padding:8px 9px;
    font-size:11px;
  }
  header .moveo-header-icons{
    gap:5px;
  }
  header .moveo-header-icon{
    width:34px;
    height:37px;
  }
}