/* PVettese Atelier v15 — mobile fix */
@media(max-width:760px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
  }
  body{
    padding-bottom:calc(80px + env(safe-area-inset-bottom));
  }
  .wrap{
    width:100%!important;
    max-width:none!important;
    padding:8px 10px 18px!important;
    box-sizing:border-box;
  }
  header{
    position:static!important;
    width:100%!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:16px!important;
    margin-bottom:12px!important;
  }
  .brand{
    min-width:0!important;
    flex:1;
  }
  .brand::before{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    background-size:contain!important;
  }
  .brand h1{
    font-size:17px!important;
    line-height:1.1!important;
    white-space:nowrap;
  }
  .brand p{display:none!important;}
  header .primary{
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:12px!important;
  }

  /* Dashboard */
  .grid4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 14px!important;
  }
  .stat{
    min-width:0!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  .stat span{font-size:11px!important;}
  .stat b{font-size:22px!important;}

  .toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .toolbar input,.toolbar select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    font-size:16px!important;
  }

  /* Œuvres : plus petites + image ENTIÈRE */
  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .card{
    min-width:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .cards .thumb{
    height:140px!important;
    min-height:140px!important;
    aspect-ratio:auto!important;
    padding:7px!important;
    box-sizing:border-box!important;
    background:#fffafc!important;
  }
  .cards .thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .cardbody{padding:9px!important;}
  .card h3{
    font-size:14px!important;
    line-height:1.2!important;
    overflow-wrap:anywhere;
  }
  .meta{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .badge{
    font-size:10px!important;
    padding:4px 6px!important;
  }
  .actions{
    margin-top:7px!important;
  }
  .actions button{
    min-height:40px!important;
    padding:8px!important;
    font-size:12px!important;
  }

  /* Menu horizontal : boutons plus grands, scrollables */
  nav{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:env(safe-area-inset-bottom);
  }
  nav .inner{
    display:flex!important;
    grid-template-columns:none!important;
    width:max-content!important;
    min-width:100%!important;
  }
  nav button{
    flex:0 0 auto!important;
    min-width:92px!important;
    min-height:60px!important;
    padding:10px 13px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  /* Autres pages */
  .planning{grid-template-columns:1fr!important;}
  .salesHead{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #salesMap{
    width:100%!important;
    height:260px!important;
  }
  .saleRow{grid-template-columns:1fr!important;}
  .saleRow.head{display:none!important;}
  .settings{padding:12px!important;}
  .settings .row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .formgrid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .field.full{grid-column:auto!important;}
  .field input,.field select,.field textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
  }
  dialog{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    margin:auto!important;
  }
}

/* Menu vertical complémentaire */
#pvMobileMenuBtn,#pvMobileMenu{display:none;}
@media(max-width:760px){
  #pvMobileMenuBtn{
    display:flex;
    position:fixed;
    right:12px;
    bottom:calc(86px + env(safe-area-inset-bottom));
    z-index:9998;
    width:56px;
    height:56px;
    border:0;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background:#ff5aa5;
    color:white;
    font-size:23px;
    box-shadow:0 8px 24px rgba(130,40,80,.27);
  }
  #pvMobileMenu{
    position:fixed;
    z-index:9999;
    left:12px;
    right:12px;
    bottom:calc(151px + env(safe-area-inset-bottom));
    padding:10px;
    background:white;
    border:1px solid #f0dce7;
    border-radius:18px;
    box-shadow:0 18px 55px rgba(100,30,70,.26);
  }
  #pvMobileMenu.open{display:block;}
  #pvMobileMenu button{
    width:100%;
    min-height:52px;
    border:0;
    border-bottom:1px solid #f2e1e9;
    background:white;
    text-align:left;
    padding:11px 14px;
    font-size:16px;
    font-weight:700;
    color:#171717;
  }
  #pvMobileMenu button:last-child{border-bottom:0;}
}