/* MediPoi v7.6: launcher-first, low-noise micro-interactions, safe responsive layout. */
body.mp76-ready .mp76-launcher{position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(158deg,#fff 70%,#eef9f5 100%)!important;
  border-color:#c9e5dd!important;box-shadow:0 4px 20px rgba(13,92,78,.07)!important;
}
body.mp76-ready .mp76-launcher::after{content:'';position:absolute;z-index:-1;pointer-events:none;
  width:150px;height:150px;top:-65px;left:-65px;border-radius:50%;background:radial-gradient(circle,#d6f3e9,transparent 72%);opacity:.62}
body.mp76-ready .mp76-launcher .mph4-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  column-gap:7px!important;row-gap:2px!important;align-items:center!important;margin-bottom:12px!important}
body.mp76-ready .mp76-hub-eyebrow{grid-column:1/-1;color:#188c7c!important;font-size:9px!important;font-weight:800!important;
  letter-spacing:1.6px!important;line-height:1.4!important}
body.mp76-ready .mp76-launcher .mph4-heading h2{grid-column:1;grid-row:2;font-size:22px!important;font-weight:800!important;line-height:1.25!important}
body.mp76-ready .mp76-launcher .mp72-service-subtitle{grid-column:1/-1;grid-row:3;font-size:11px!important;line-height:1.45!important;
  margin:1px 0 3px!important;white-space:normal!important}
body.mp76-ready .mp76-launcher .mph4-heading .mph4-all{grid-column:2;grid-row:2;margin:0!important}
body.mp76-ready .mp76-launcher .mph4-heading .mph4-edit{grid-column:3;grid-row:2;margin:0!important}
body.mp76-ready .mp76-hub-count{display:none}
body.mp76-ready .mp76-launcher .mph4-item{transition:transform .18s ease}
body.mp76-ready .mp76-launcher .mph4-icon-link{border-radius:18px}
body.mp76-ready .mp76-launcher .mph4-icon-link:active{transform:scale(.94)}
body.mp76-ready .mp76-launcher .mph4-icon-link:focus-visible{outline:3px solid #159886!important;outline-offset:3px}
body.mp76-ready .mp76-launcher .mph4-icon{box-shadow:0 4px 10px rgba(18,75,83,.09)!important}
/* Preserve a 60px-ish icon without squeezing four columns on small phones. */
@media(min-width:400px){body.mp76-ready .mp76-launcher .mph4-icon{width:64px!important;height:64px!important}}
@media(max-width:375px){body.mp76-ready .mp76-launcher .mph4-heading .mph4-all,
body.mp76-ready .mp76-launcher .mph4-heading .mph4-edit{font-size:9px!important;padding:5px 6px!important}}
/* Service identity is a small recognisable mark on text-first lists. */
body.mp76-ready .mp76-brandline{display:inline-flex!important;gap:6px!important;align-items:center!important;min-width:0!important}
body.mp76-ready .mp76-mini-icon,body.mp76-ready .mp76-fallback-icon{height:22px!important;width:22px!important;
  min-width:22px!important;border-radius:6px!important;border:1px solid #e8f0ef!important;object-fit:contain!important;background:#fff!important}
body.mp76-ready .mp76-fallback-icon{display:inline-grid;place-items:center;background:#e9f4ef!important;color:#17806f;font-size:8px}
body.mp76-ready .mp74-start-tag{display:flex!important;align-items:center!important;min-height:23px!important}
body.mp76-ready .mpa-tags span:first-child{display:inline-flex;align-items:center;gap:5px}
body.mp76-ready .mp70-panel-news .mp71-read-service{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}
body.mp76-ready .mp70-campaign strong.mp76-brandline{display:flex!important}
/* Campaign preview: always use the current browser's optional registered checkboxes. */
body.mp76-ready .mp76-preview{padding:15px 14px!important}
body.mp76-ready .mp76-preview .mp70-preview-head{margin-bottom:9px!important}
body.mp76-ready .mp76-preview .mp70-preview-head h2{font-size:16px!important}
body.mp76-ready .mp76-preview .mp76-preview-row{min-height:53px!important;transition:background .15s ease}
body.mp76-ready .mp76-preview .mp76-preview-row:active{background:#edf8f4}
body.mp76-ready .mp76-preview .mp70-preview-row{word-break:normal}
body.mp76-ready .mp76-chevron{font-size:21px;color:#899da5;font-weight:350}
body.mp76-ready .mp76-no-offers{font-size:11px;color:#718c95;line-height:1.6;margin:10px 0}
body.mp76-ready .mp76-preview .mp70-preview-note{font-size:9px!important;line-height:1.5!important}
/* Referral flow: three readable steps and one optional sort, no new login or form. */
body.mp76-ready .mp76-steps{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 13px;padding:10px 9px;border-radius:12px;
  background:#f2faf7;border:1px solid #dcece7}
body.mp76-ready .mp76-step{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:650;color:#46746c}
body.mp76-ready .mp76-step b{display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;
  background:#d9f1e6;color:#13816e;font-size:10px}
body.mp76-ready .mp76-sort-label{display:inline-flex;gap:7px;align-items:center;font-size:11px!important;
  color:#69818b!important;margin-left:auto}
body.mp76-ready .mp76-sort{font-family:inherit!important;font-size:11px!important;padding:6px 22px 6px 8px!important;
  border-radius:10px!important;border:1px solid #d9e5e7!important;background-color:#fff!important;color:#294852!important;
  min-height:37px!important;max-width:180px!important}
body.mp76-ready .mpref5-item[data-mp76-paused="1"] .mpref5-featured-label{display:none!important}
/* Optional cosmetic progress, not official points, not XP. */
body.mp76-ready .mp76-quest{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 11px;margin:9px 0;border-radius:11px;background:#edf8f3;border:1px solid #d0e9dd}
body.mp76-ready .mp76-quest-label{font-size:11px;font-weight:750;color:#157e6f}
body.mp76-ready .mp76-quest-count{font-size:11px;font-weight:650;color:#46786f}
/* Keep bottom navigation in front of the decorative footer logo. */
@media(max-width:719px){body.mp76-ready .mp70-nav{z-index:100010!important;isolation:isolate;background:#fff!important;
box-shadow:0 8px 23px rgba(35,73,86,.16)!important}}
@media(prefers-reduced-motion:reduce){body.mp76-ready .mp76-launcher .mph4-item,
body.mp76-ready .mp76-preview .mp76-preview-row{transition:none!important}}

/* Guide the visitor directly to the relevant referral card after tab switch. */
body.mp76-ready .mp76-target-card{outline:2px solid #159a87!important;outline-offset:3px!important;scroll-margin-top:20px}
body.mp76-ready .mp76-sort-label > span{flex:0 0 auto!important}
@media(prefers-reduced-motion:reduce){body.mp76-ready .mp76-target-card{transition:none!important}}