/* gsc-proof.css — cartes « preuve Search Console » annotées (période de mission, chute, retour).
   Inspiration : capture GSC brute dans une carte blanche + repères datés + zone de collaboration. */
.gp{background:linear-gradient(180deg,#0F1A33,#0B1426);border:1px solid rgba(148,175,230,.18);border-radius:22px;padding:22px 22px 18px;box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,122,26,.04) inset}
.gp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.gp-head h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2vw,24px);margin:0;color:#EAF0FC}
.gp-chip{font:700 10.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#93A3C2;border:1px solid rgba(148,175,230,.24);border-radius:99px;padding:7px 12px;white-space:nowrap}
.gp-card{position:relative;background:#fff;border-radius:16px;padding:14px;overflow:hidden}
.gp-card img{display:block;width:100%;height:auto;border-radius:8px}
.gp-card svg.gp-svg{display:block;width:100%;height:auto}
.gp-layer{position:absolute;pointer-events:none}
.gp-zone{position:absolute;top:0;bottom:0;background:var(--gp-zone,rgba(255,122,26,.13));border-left:2px dashed var(--gp-zl,rgba(255,122,26,.7));border-right:2px dashed var(--gp-zr,rgba(255,122,26,.7))}
.gp-line{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed currentColor}
.gp-pill{position:absolute;top:-30px;transform:translateX(-50%);font:700 11.5px/1 'Inter',system-ui,sans-serif;color:#fff;padding:7px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.gp-pill.left{transform:translateX(-100%)}
.gp-pill.right{transform:translateX(0)}
.gp-label{position:absolute;top:30%;transform:translate(-50%,-50%);background:#101828;color:#fff;font:700 12px/1.25 'Inter',system-ui,sans-serif;padding:8px 12px;border-radius:9px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.25);max-width:92%;overflow:hidden;text-overflow:ellipsis}
.gp-t-red{color:#E5484D}.gp-t-red.gp-pill{background:#E5484D}
.gp-t-orange{color:#FF7A1A}.gp-t-orange.gp-pill{background:#FF7A1A;color:#181000}
.gp-t-green{color:#22A565}.gp-t-green.gp-pill{background:#22A565}
.gp-t-blue{color:#3B82F6}.gp-t-blue.gp-pill{background:#3B82F6}
.gp-t-grey{color:#6B7280}.gp-t-grey.gp-pill{background:#6B7280}
.gp-pill.gp-t-red,.gp-pill.gp-t-green,.gp-pill.gp-t-blue,.gp-pill.gp-t-grey{color:#fff}.gp-pill.gp-t-orange{color:#181000}
.gp-draft{position:absolute;right:14px;top:14px;font:700 10px/1 'Inter',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#B45309;background:#FFF7ED;border:1px solid #FED7AA;border-radius:99px;padding:6px 10px}
.gp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.gp-kpi{background:rgba(7,13,26,.55);border:1px solid rgba(148,175,230,.16);border-radius:14px;padding:14px 12px;text-align:center}
.gp-kpi b{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(20px,2.4vw,28px);line-height:1.1}
.gp-kpi span{display:block;margin-top:4px;font-size:12px;color:#93A3C2}
.gp-kpi.red b{color:#FF6B6E}.gp-kpi.cyan b{color:#5EC8F2}.gp-kpi.green b{color:#4ADE80}.gp-kpi.orange b{color:#FFA452}
.gp-why{margin-top:14px;background:rgba(7,13,26,.45);border:1px solid rgba(148,175,230,.14);border-radius:14px;padding:14px 16px;color:#93A3C2;font-size:14px;line-height:1.6}
.gp-why b{color:#EAF0FC}
.gp-cap{margin-top:10px;font-size:12px;color:#5F7098;line-height:1.5}
/* version miniature (cartes de grille) */
.gp.mini{padding:10px;border-radius:14px;box-shadow:none}
.gp.mini .gp-card{padding:8px;border-radius:10px}
.gp.mini .gp-pill{font-size:9px;padding:4px 6px;top:-20px;border-radius:5px}
.gp.mini .gp-label{font-size:9.5px;padding:4px 7px;border-radius:6px}
.gp.mini .gp-draft{font-size:8px;padding:4px 7px;right:8px;top:8px}
@media(max-width:620px){.gp{padding:14px}.gp-kpis{grid-template-columns:1fr}.gp-pill{font-size:10px;padding:5px 7px;top:-24px}.gp-label{font-size:10.5px}}