/* VSH Network v37.9.5 — stable fixed inner rails + IG action polish */

/* v45 outer fixed rail rules are explicitly neutralized. The grid placeholders stay in normal flow. */
@media (min-width:1280px) and (hover:hover) and (pointer:fine){
  .vsh-shell>.vsh-left,.vsh-profile-shell>.vsh-left,
  .vsh-shell>.vsh-right,.vsh-profile-shell>.vsh-right,
  body.vsh-fixed-app-shell .vsh-shell>.vsh-left,
  body.vsh-fixed-app-shell .vsh-profile-shell>.vsh-left,
  body.vsh-fixed-app-shell .vsh-shell>.vsh-right,
  body.vsh-fixed-app-shell .vsh-profile-shell>.vsh-right{
    position:relative!important;
    inset:auto!important;
    top:auto!important;left:auto!important;right:auto!important;
    width:auto!important;height:1px!important;min-height:1px!important;max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    z-index:auto!important;
    align-self:start!important;
    pointer-events:none!important;
  }
  .vsh-left-rail-content,.vsh-right-rail-content{
    position:fixed!important;
    top:var(--vsh-fixed-rail-top,88px)!important;
    height:auto!important;
    max-height:calc(100dvh - var(--vsh-fixed-rail-top,88px) - 14px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-gutter:stable!important;
    z-index:90!important;
    pointer-events:auto!important;
    contain:layout paint style;
  }
  .vsh-left-rail-content::-webkit-scrollbar,.vsh-right-rail-content::-webkit-scrollbar{width:5px}
  .vsh-left-rail-content::-webkit-scrollbar-thumb,.vsh-right-rail-content::-webkit-scrollbar-thumb{background:rgba(100,116,139,.18);border-radius:999px}
  .vsh-left-rail-content>.vsh-side-card:first-child,.vsh-right-rail-content>*:first-child{margin-top:0!important}
}

/* Tablet/iPad/mobile: no fixed inner rails, drawer/header contract from v44 owns the UI. */
@media (max-width:1279px),(hover:none),(pointer:coarse){
  .vsh-left-rail-content,.vsh-right-rail-content{
    position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;
    overflow:visible!important;contain:none!important;transform:none!important;pointer-events:auto!important
  }
}

/* Instagram-like action row: clean monochrome icons, bookmark pushed to the far edge. */
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions{
  border-top:0!important;
  padding:10px 0 2px!important;
  margin-top:8px!important;
  gap:20px!important;
  background:transparent!important;
}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions .vsh-action-group{gap:20px!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions button{
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;min-width:30px!important;height:38px!important;color:#111827!important
}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions button .vsh-ico{width:29px!important;height:29px!important;stroke-width:1.7!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions button:hover{opacity:.62!important;transform:none!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions button:active{opacity:1!important;transform:scale(.90)!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions [data-action="like"].active{color:#ed4956!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions [data-action="repost"].active{color:#16a34a!important}
.vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions .vsh-action-count{font-size:15px!important;font-weight:750!important}
@media(max-width:767px){
  .vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions{gap:17px!important}
  .vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions .vsh-action-group{gap:17px!important}
  .vsh-post-actions.vsh-post-actions-v26.vsh-icon-actions button .vsh-ico{width:27px!important;height:27px!important}
}