/* R86.3 — read-only SkyPower account meter in the QRSocial profile drawer. */
.qs-skypower-card{margin:9px 10px;padding:11px;border:1px solid color-mix(in srgb,#7c5cff 18%,var(--line));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,#7c5cff 8%,var(--surface)),color-mix(in srgb,#22a6f2 4%,var(--surface)));box-shadow:0 10px 28px rgba(49,46,129,.06)}
.qs-skypower-head{display:flex;align-items:center;gap:9px}.qs-skypower-bolt{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,#7c5cff 13%,var(--surface-2));font-size:15px}.qs-skypower-title{display:flex;flex-direction:column;min-width:0;flex:1}.qs-skypower-title strong{font-size:.78rem}.qs-skypower-title small{font-size:.61rem;color:var(--text-dim);margin-top:1px}.qs-skypower-balance{font-size:.84rem;white-space:nowrap}
.qs-skypower-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.qs-skypower-stats>span{display:flex;flex-direction:column;gap:2px;padding:8px 9px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.qs-skypower-stats small{font-size:.57rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.055em}.qs-skypower-stats b{font-size:.76rem}
.qs-skypower-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.qs-skypower-foot small{font-size:.58rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-skypower-foot a{font-size:.65rem;font-weight:800;text-decoration:none;color:var(--accent,#6b63ff);white-space:nowrap}
.qs-skypower-card.is-loading{opacity:.78}.qs-skypower-card.is-loading .qs-skypower-balance,.qs-skypower-card.is-loading .qs-skypower-stats b{animation:qrsSpPulse 1s ease-in-out infinite}.qs-skypower-card.is-error{background:var(--surface-2);border-color:var(--line)}@keyframes qrsSpPulse{50%{opacity:.45}}
#menu-drawer.qs-network-drawer.is-compact .qs-skypower-card,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-card{padding:8px;margin:7px}#menu-drawer.qs-network-drawer.is-compact .qs-skypower-title,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-balance,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-stats,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-foot,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-title,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-balance,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-stats,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-foot{display:none}#menu-drawer.qs-network-drawer.is-compact .qs-skypower-head,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-head{justify-content:center}
@media(max-width:760px){#menu-drawer.qs-network-drawer.is-compact .qs-skypower-card,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-card{padding:11px;margin:9px 10px}#menu-drawer.qs-network-drawer.is-compact .qs-skypower-title,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-balance,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-stats,#menu-drawer.qs-network-drawer.is-compact .qs-skypower-foot,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-title,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-balance,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-stats,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-foot{display:flex}#menu-drawer.qs-network-drawer.is-compact .qs-skypower-stats,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-stats{display:grid}#menu-drawer.qs-network-drawer.is-compact .qs-skypower-head,#menu-drawer.qs-network-drawer.is-minimized .qs-skypower-head{justify-content:flex-start}}


/* R86.7 — canonical application overlay ladder.
   SkyMind must stay above chats, drawers, media viewers and creator/repost sheets.
   Incoming calls intentionally remain above this at 2147483000. */
:root{--qs-layer-skymind:2147482000}
.qs-r67-ai-backdrop,body.has-tabbar .qs-r67-ai-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:var(--qs-layer-skymind,2147482000)!important;
  isolation:isolate;
}
body.qs-thread-focus.qs-skymind-open .thread-shell{isolation:auto!important}
body.qs-thread-focus.qs-skymind-open .composer-v2{pointer-events:none!important}

/* R86.8 — SkyMind sheet must be a fully opaque application surface.
   Do not use the legacy --surface token here: on Messenger it may be undefined,
   which makes the dialog itself transparent even when its z-index is correct. */
.qs-r67-ai-sheet,
body.has-tabbar .qs-r67-ai-sheet{
  background-color:var(--qs-surface,var(--bg-card,#14171c))!important;
  background-image:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
