/* Pasivite 2.8.20.2 — rapport Observatoire natif PWA, complet et scrollable */
.pwa-observatory-report{
  min-height:100dvh;
  background:#eef4f8;
  color:#15365d;
}
.pwa-observatory-report__toolbar{
  position:sticky;
  top:0;
  z-index:30;
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 84px;
  align-items:center;
  gap:6px;
  padding:calc(8px + env(safe-area-inset-top)) 8px 8px;
  background:#fff;
  border-bottom:1px solid #d5e0e9;
  box-shadow:0 3px 14px rgba(9,47,85,.12);
}
.pwa-observatory-report__toolbar>div{min-width:0;text-align:center}
.pwa-observatory-report__toolbar strong,
.pwa-observatory-report__toolbar small{display:block}
.pwa-observatory-report__toolbar small{
  margin-top:2px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#65788b;
  font-size:.68rem;
}
.pwa-observatory-report__back,
.pwa-observatory-report__close{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid #bdcedc;
  border-radius:12px;
  background:#fff;
  color:#173b65;
  font-weight:900;
  text-decoration:none;
}
.pwa-observatory-report__close{color:#12355B;border-color:#BFD0DA}
.pwa-observatory-report__body{
  width:min(760px,100%);
  margin:0 auto;
  padding:14px 12px calc(90px + env(safe-area-inset-bottom));
}
.obs-mobile-hero,
.obs-mobile-section{
  margin-bottom:14px;
  padding:20px;
  border:1px solid #dbe5ed;
  border-radius:20px;
  background:#fff;
}
.obs-mobile-hero{
  background:linear-gradient(160deg,#112d54,#1a436e);
  color:#fff;
}
.obs-mobile-kicker{
  margin:0 0 8px;
  color:#7ADDD8;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
}
.obs-mobile-hero h1{margin:0 0 10px;font-size:1.65rem;line-height:1.08}
.obs-mobile-note{
  margin-top:18px;
  padding:14px;
  border-left:4px solid #28B8B2;
  border-radius:10px;
  background:rgba(255,255,255,.1);
  line-height:1.5;
}
.obs-mobile-section h2{margin:0 0 16px;color:#12355B;font-size:1.35rem}
.obs-mobile-section h3{margin:20px 0 8px;color:#173b65;font-size:1rem}
.obs-mobile-kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.obs-mobile-kpis article{
  padding:14px;
  border-radius:14px;
  background:#f4f8fb;
}
.obs-mobile-kpis strong{display:block;color:#12355B;font-size:1.55rem}
.obs-mobile-kpis span{display:block;margin-top:3px;color:#5a6f82;font-size:.82rem}
.obs-mobile-index,
.obs-mobile-signal,
.obs-mobile-help{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:#edf4ff;
  line-height:1.5;
}
.obs-mobile-index strong,.obs-mobile-index span{display:block}
.obs-mobile-index span{margin-top:4px;color:#5a6f82}
.obs-mobile-signal{background:#effaf7;border-left:4px solid #28B8B2}
.obs-mobile-signal p{margin:6px 0}
.obs-mobile-signal small{color:#597083}
.obs-mobile-list,
.obs-mobile-ranked,
.obs-mobile-table{
  overflow:hidden;
  border:1px solid #e1e8ee;
  border-radius:14px;
}
.obs-mobile-list>div,
.obs-mobile-ranked>div,
.obs-mobile-table>div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border-bottom:1px solid #e8eef2;
}
.obs-mobile-list>div:last-child,
.obs-mobile-ranked>div:last-child,
.obs-mobile-table>div:last-child{border-bottom:0}
.obs-mobile-list span,
.obs-mobile-ranked span,
.obs-mobile-table span{color:#526a7f}
.obs-mobile-list strong,
.obs-mobile-ranked strong,
.obs-mobile-table strong{text-align:right;color:#173b65}
.obs-mobile-help{background:#f7f9fb;color:#5b6f80;font-size:.9rem}
.obs-mobile-method{margin:0;padding-left:20px}
.obs-mobile-method li{margin:0 0 10px;line-height:1.45}
.obs-mobile-publication{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid #e1e8ee;
  color:#5c7082;
  line-height:1.5;
}
.obs-mobile-close-bottom{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  margin:16px 0 0;
  border-radius:15px;
  background:#12355B;
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:420px){
  .pwa-observatory-report__toolbar{grid-template-columns:78px minmax(0,1fr) 78px}
  .pwa-observatory-report__back,.pwa-observatory-report__close{font-size:.82rem}
  .obs-mobile-hero,.obs-mobile-section{padding:16px}
}

/* 2.8.20.3 — rapport PWA totalement indépendant du layout général */
html,body.pwa-observatory-standalone{
  width:100%;
  min-height:100%;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  background:#eef4f8!important;
}
body.pwa-observatory-standalone *,
body.pwa-observatory-standalone *::before,
body.pwa-observatory-standalone *::after{box-sizing:border-box}
body.pwa-observatory-standalone .pwa-observatory-report{
  display:block!important;
  width:100%!important;
  min-height:100dvh!important;
  overflow:visible!important;
}
body.pwa-observatory-standalone .pwa-observatory-report__body{
  display:block!important;
  overflow:visible!important;
}
.obs-mobile-error{margin-top:20px}
.obs-mobile-error h1{margin-top:0;color:#12355B;font-size:1.45rem}

/* 2.8.29.0 — Baromètre BARO-1.0 */
.obs-mobile-quality{margin-top:12px;padding:14px;border:1px solid #cfe7df;border-radius:14px;background:#f2fbf8}.obs-mobile-quality strong{color:#187F7A}.obs-mobile-quality p{margin:5px 0 0;color:#526a67;line-height:1.45}
.obs-mobile-list small{display:block;margin-top:3px;color:#718395;font-size:.76rem;line-height:1.35}
.obs-mobile-actions{display:grid;gap:10px}.obs-mobile-actions article{padding:14px;border:1px solid #dce6ee;border-radius:14px;background:#f9fbfd}.obs-mobile-actions strong{color:#12355B}.obs-mobile-actions p{margin:6px 0 10px;line-height:1.45;color:#536b80}.obs-mobile-actions a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:10px;background:#eef7f5;color:#187F7A;font-weight:800;text-decoration:none}

/* 2.8.38.1 — rapport Observatoire PWA aligné sur la charte #12355B / #28B8B2. */

/* PASIVITE 2.8.42.0 — transparence des confirmations */
.obs-mobile-verification{border-top:3px solid #5b9bd5}
.obs-mobile-verification article{border:1px solid #dce7ef}