/* Feature 1.4: '🏡 Add a Pet to Another Group' pill + sheet (own classes; no app selectors restyled). */
.mg-pill{position:absolute;left:10px;bottom:10px;z-index:4;height:30px;padding:0 12px;border:0;border-radius:15px;
  background:rgba(255,255,255,.9);color:#3a2a1a;font:700 13px/30px inherit;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,.12);
  -webkit-tap-highlight-color:transparent;transition:opacity .2s ease}
.mg-pill:active{transform:scale(.97)}
.mg-pill.mg-hide{opacity:0;pointer-events:none}
.mg-back{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;opacity:0;transition:opacity .18s ease}
.mg-back.show{opacity:1}
.mg-sheet{width:100%;box-sizing:border-box;background:var(--bg,#fff);color:var(--text,#222);border-radius:22px 22px 0 0;
  padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;
  transform:translateY(14px);transition:transform .22s cubic-bezier(.2,1.3,.4,1)}
.mg-back.show .mg-sheet{transform:none}
.mg-sheet h3{margin:2px 0 0;font-size:19px;text-align:center}
.mg-sub{margin:0;font-size:15px;line-height:1.35;text-align:center;opacity:.85}
.mg-name{margin:0;font-size:20px;font-weight:800;text-align:center}
.mg-pet{width:120px;height:120px;object-fit:contain;align-self:center}
.mg-btn{height:50px;border:0;border-radius:16px;font:700 16px inherit;font-family:inherit;cursor:pointer}
.mg-btn.primary{background:var(--accent,#2f80ed);color:var(--accent-text,#fff)}
.mg-btn.soft{background:var(--card,#f1f1f1);color:inherit}
.mg-btn.ghost{background:transparent;color:inherit;opacity:.75;height:40px;font-size:14px}
.mg-spin{width:28px;height:28px;align-self:center;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:var(--accent,#2f80ed);animation:mgspin .9s linear infinite}
@keyframes mgspin{to{transform:rotate(360deg)}}
/* Brian 10:03 AM Oct 28: the waiting sheet's ~20 s fallback (no endless spinner) */
.mg-fb{display:flex;flex-direction:column;gap:8px;margin:4px 0 8px}
.mg-fb-title{font-weight:800;margin:0;text-align:center}
.mg-use{display:flex;flex-direction:column;gap:8px}
.mg-use .mg-sub{margin:6px 0 0}