/* QBP v25.36.0 — Story external sharing surface */
.qbp-story-share-modal .qbp-social-modal__body{display:flex!important;flex-direction:column!important;gap:18px!important}
.qbp-story-external-share,.qbp-story-internal-share{padding:14px;border-radius:16px;background:rgba(0,0,0,.04)}
.qbp-story-external-share>strong,.qbp-story-internal-share>strong{display:block;margin-bottom:10px}
.qbp-story-external-share__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qbp-story-external-share__grid button{min-height:42px;border:0;border-radius:12px;padding:8px 10px;cursor:pointer;background:#fff;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.08);font-weight:600}
.qbp-story-external-share__grid button:disabled{opacity:.55;cursor:wait}
.qbp-story-internal-share .qbp-social-users{max-height:280px;overflow:auto}
@media(max-width:520px){.qbp-story-external-share__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* QBP v25.43.6 — Story icon parity with the published Post/Reel media rail.
 * IMPORTANT: Story is not given a new icon design here. The Story rail uses
 * the same visual contract as the Post media rail: icon-only, transparent
 * hit areas, 28px controls / 20px SVGs, centered vertical rails, no circles,
 * no pills, no count badges and no backdrop.
 *
 * Interaction behavior remains owned by story-runtime.js and routes Like /
 * Save / Share / View through QBPUnifiedInteraction exactly as before.
 */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:2147482000!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  color:#fff!important;
  isolation:isolate!important;
  overflow:visible!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions{
  position:static!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  max-width:32px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement{
  right:6px!important;
  left:auto!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  overflow:visible!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts{
  left:6px!important;
  right:auto!important;
  direction:rtl!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-actions{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#fff!important;
  text-shadow:0 1px 5px rgba(0,0,0,.75)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))!important;
  pointer-events:none!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action:focus,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action:active,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon:focus,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  transform:none!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action.is-active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts .qbp-public-user-info,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts .qbp-public-user-info__grid{
  width:32px!important;
  max-width:32px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  overflow:visible!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-action-label{
  display:none!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-reel-action-btn[aria-busy="true"]{
  opacity:.58!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-story-reaction-action span{
  font-size:20px!important;
  line-height:1!important;
  display:block!important;
  pointer-events:none!important;
}

@media(max-width:700px){
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts{
    width:30px!important;
    max-width:30px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement{right:4px!important}
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts{left:4px!important}
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon{
    width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;flex-basis:27px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon svg{
    width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-type-action,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-ig-action-icon{
    transition:none!important;
  }
}

/* QBP v25.37.0 — clean Story close control on mobile */
.qbp-story-screen .qbp-story-top .qbp-story-close{
  text-decoration:none!important;
  border:0!important;
  outline:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  font-size:36px!important;
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
}
.qbp-story-screen .qbp-story-top .qbp-story-close:active{transform:scale(.92)!important}


/* QBP Story social counters — parity with the live Reel/Post counters.
 * Do not alter the icon SVG/size contract above; only restore the counter
 * nodes and keep them attached to their own action button. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement .qbp-action-label{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  display:block!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement .qbp-reel-action-btn{
  height:auto!important;
  min-height:36px!important;
  flex-direction:column!important;
  gap:2px!important;
  justify-content:flex-start!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement .qbp-post-view-info{
  height:auto!important;
  min-height:36px!important;
  flex-direction:column!important;
  gap:2px!important;
  justify-content:flex-start!important;
}