*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,sans-serif;background:#071522;color:#f6f8fb}body{margin:0}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:13px 4%;background:#081725ee;backdrop-filter:blur(12px);border-bottom:1px solid #294258}.brand{display:flex;gap:10px;align-items:center}.brand img{width:48px;height:48px;object-fit:cover;border-radius:10px}.brand b{display:block;font-size:22px}.brand small,.muted{display:block;color:#9fb1c4}button{border:0;border-radius:11px;padding:13px 17px;background:#1caf63;color:white;font-weight:800;font-size:15px;cursor:pointer}.secondary{background:#1b3044}.blue{background:#1684ff}.danger{background:#d84a55}main{max-width:1160px;margin:auto;padding:18px}.card,.stat{background:#102234;border:1px solid #31506a;border-radius:18px;padding:20px;margin-bottom:15px}.hero{text-align:center}.hero img{width:130px;border-radius:18px}.hero h1{margin-bottom:6px}.grid,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.stat b{display:block;font-size:32px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.tabs button{white-space:nowrap;background:#172c40}.tabs .active{background:#1684ff}label{display:block;font-size:16px;margin-top:12px}input,textarea,select{width:100%;margin-top:6px;padding:14px;border-radius:11px;border:1px solid #3b5b76;background:#091827;color:white;font-size:16px}textarea{min-height:105px}.choice{display:block;padding:14px;border:1px solid #35546e;border-radius:12px;margin:8px 0;background:#0a1927}.choice input{width:auto;margin:0 9px 0 0}.stars{display:flex;gap:8px;font-size:38px}.star{opacity:.3;filter:grayscale(1);cursor:pointer}.star.on{opacity:1;filter:none}.problem{border-color:#87434d;background:#291a22}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.ok{color:#79e5a3}.error{color:#ff9ba4}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.green{background:#17422c;color:#75e4a3}.red{background:#4b2027;color:#ff9ba3}.yellow{background:#493815;color:#ffd16d}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px;border-bottom:1px solid #294158}.qrbox{display:inline-block;background:white;padding:16px;border-radius:16px}.qrwrap{position:relative;display:inline-block}.qrwrap>img.qr{display:block;width:300px;height:300px}.qrlogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;object-fit:cover;border:7px solid white;border-radius:13px}.upload{padding:18px;border:1px dashed #4a6d8b;border-radius:12px}.photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photos img{width:110px;height:95px;object-fit:cover;border-radius:10px}.search{margin-bottom:14px}.hidden{display:none}.printSheet{text-align:center}@media(max-width:620px){main{padding:12px}.card{padding:16px}.brand b{font-size:18px}.brand small{font-size:11px}.brand img{width:42px;height:42px}.stats{grid-template-columns:1fr 1fr}.stat b{font-size:28px}header button{padding:11px}.qrwrap>img.qr{width:260px;height:260px}.qrlogo{width:62px;height:62px}}@media print{header,.tabs,.noPrint{display:none!important}:root,body{background:white;color:black}.card{border:0;background:white}.printSheet{display:block}}
/* Compatibility V6: keep V3 visual language while supporting FR/ENG */
#langBtn{width:auto;min-width:52px}


/* V6.1 — correction responsive iPhone seulement.
   Le style V3 desktop/tablette reste inchangé. */
@media (max-width: 700px){
  .grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }

  .grid > *{
    min-width:0 !important;
    width:100% !important;
  }

  label{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  input,
  select,
  textarea{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  input[type="date"]{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  main{
    width:100% !important;
    box-sizing:border-box !important;
  }

  .card{
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
}

.seller-followup{
 margin-top:20px;
 padding:16px 18px;
 border:1px solid #d6a23a;
 border-radius:12px;
 background:rgba(214,162,58,.10);
 color:#fff;
 font-weight:700;
 line-height:1.45;
 text-align:left;
}

/* V6.3.1 — détails administration, sans toucher au chargement client */
.detailBtn{width:auto!important;white-space:nowrap;padding:9px 12px!important}
.detailOverlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.74);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.detailModal{width:min(760px,100%)!important;max-height:90vh;overflow:auto;margin:auto!important}
.detailHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.detailHead h2{margin:0!important}
.detailClose{width:auto!important;padding:10px 14px!important}
.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detailGrid>div{padding:14px;background:#091b29;border:1px solid #29465b;border-radius:10px;min-width:0}
.detailGrid span{display:block;color:#aab8c5;font-size:13px;margin-bottom:5px}
.detailGrid b{display:block;color:#fff;overflow-wrap:anywhere;white-space:pre-wrap}
.detailWide{grid-column:1/-1}
@media(max-width:700px){.detailGrid{grid-template-columns:1fr}.detailWide{grid-column:auto}.detailModal{padding:18px!important}}


/* V8 — administration privée */
.loginCard{max-width:520px;margin:8vh auto;text-align:left}
.loginCard h1{text-align:center;margin-bottom:4px}.loginCard>.muted{text-align:center;margin-bottom:24px}
.loginMark{text-align:center;font-size:46px;margin-bottom:8px}.loginCard button{width:100%;margin-top:14px}

/* V8.3 — iPhone/Safari: rendu normal, sans calques GPU sur les cartes */
@media (max-width:700px){
  header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#081725!important}
  #app{position:static!important;isolation:auto!important}
  #app > .card,#app > .hero{transform:none!important;-webkit-transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
}

/* V8.4 — entête client simple, sans image */
.deliveryIntro{text-align:left;padding:26px 28px!important}
.deliveryIntro h1{margin:0 0 8px;font-size:clamp(28px,5vw,42px);line-height:1.08}
.deliveryIntro p{margin:0;color:#a9bbcc;font-size:18px;line-height:1.45}
@media(max-width:700px){.deliveryIntro{padding:22px!important}.deliveryIntro h1{font-size:30px}.deliveryIntro p{font-size:17px}}


/* V8.5 — gestion des réclamations et suppression admin */
.claimStatusSelect{min-width:145px;width:auto!important;padding:9px 34px 9px 11px!important;border-radius:10px!important;font-weight:800!important;color:#fff!important}
.claim-nouvelle{background:#6b2b30!important;border-color:#9b4149!important}
.claim-en-traitement{background:#725b16!important;border-color:#b18e25!important}
.claim-traitée{background:#1e603f!important;border-color:#32835a!important}
.detailActions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #29465b}
.deleteReceiptBtn{width:auto!important;background:#8b2630!important;border-color:#b43b47!important;color:#fff!important}
.deleteReceiptBtn:disabled{opacity:.6}
@media(max-width:700px){.claimStatusSelect{min-width:138px;font-size:14px!important}.detailActions .deleteReceiptBtn{width:100%!important}}

/* V8.6 — fiche détails admin défilable sur iPhone */
.detailOverlay{
  overflow:hidden!important;
  overscroll-behavior:contain;
}
.detailModal{
  display:flex!important;
  flex-direction:column!important;
  width:min(760px,100%)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  margin:auto!important;
}
.detailHead{
  flex:0 0 auto;
}
.detailGrid,.detailActions{
  flex:0 0 auto;
}
.detailActions{
  padding-bottom:max(12px,env(safe-area-inset-bottom));
}
@media(max-width:700px){
  .detailOverlay{
    align-items:stretch!important;
    justify-content:center!important;
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
  }
  .detailModal{
    max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))!important;
    height:auto!important;
    padding:18px!important;
    margin:auto!important;
  }
}