/* SHOPLINK_VRAIL_DESKTOP_V1: progressive enhancement for collapsed desktop rail */
#shoplink-creator-app .sl-vrail{display:none!important}
@media(min-width:901px){
 #shoplink-creator-app.panel-collapsed .sl-vrail{
   position:absolute;z-index:3;
   display:flex!important;flex-direction:column;align-items:stretch;
   top:72px;bottom:0;left:0;width:64px;max-width:64px;
   padding:3px 0 12px;margin:0;gap:11px;overflow-y:auto;overflow-x:hidden;
   scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:contain;
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%);
   mask-image:linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%);
 }
 #shoplink-creator-app .sl-vrail::-webkit-scrollbar{display:none}
 #shoplink-creator-app .sl-vrail a{
   display:flex;flex:0 0 auto;align-items:center;flex-direction:column;
   gap:5px;width:64px;min-height:68px;
   text-decoration:none;color:#64718a;
   font:550 10px/1.15 system-ui,sans-serif;text-align:center;
 }
 #shoplink-creator-app .sl-vrail .slv-ring{
   display:grid;place-items:center;position:relative;
   flex:0 0 48px;width:48px;height:48px;border-radius:50%;
   border:2px solid #d7dce4;background:#fff;padding:3px;
   box-shadow:0 1px 6px #233d5d10;
 }
 #shoplink-creator-app .sl-vrail a:hover .slv-ring,
 #shoplink-creator-app .sl-vrail a:focus-visible .slv-ring{
   border-color:#4e79c9;box-shadow:0 0 0 3px #6b92df24;
 }
 #shoplink-creator-app .sl-vrail .slv-photo{
   border-radius:50%;overflow:hidden;display:block;width:100%;height:100%;
   background:var(--slv-tint,#e8e9ed);
 }
 #shoplink-creator-app .sl-vrail img{width:100%;height:100%;object-fit:cover;display:block}
 #shoplink-creator-app .sl-vrail .slv-badge{
   position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);
   color:#20252d;background:#edf0f5;border:1px solid #c6d0db;border-radius:6px;
   padding:1px 3px;font:800 8px/1.1 system-ui,sans-serif;white-space:nowrap;
 }
 #shoplink-creator-app .sl-vrail .slv-badge.new{background:#fd3d6f;border-color:#fd3d6f;color:white}
 #shoplink-creator-app .sl-vrail .slv-badge.pilot{background:#ffd765;border-color:#ffd765}
 #shoplink-creator-app .sl-vrail .slv-label{
   display:block;width:100%;padding:0 1px;
   text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
 }
 #shoplink-creator-app .sl-vrail a:hover .slv-label{color:#2455ad}
}
@media(prefers-reduced-motion:reduce){#shoplink-creator-app .sl-vrail{scroll-behavior:auto!important}}

/* AFF03: independent viewport-height vertical scroller; no cropped bottom rows */
@media(min-width:901px){
#shoplink-creator-app.panel-collapsed .main{position:relative!important;min-height:0!important;height:calc(100dvh - 36px)!important;max-height:calc(100dvh - 36px)!important;overflow:hidden!important}
#shoplink-creator-app.panel-collapsed .sl-vrail{top:72px!important;bottom:8px!important;min-height:0!important;max-height:calc(100dvh - 116px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;scrollbar-width:thin!important;scrollbar-color:#aebbd1 transparent!important;mask-image:none!important;-webkit-mask-image:none!important;padding-bottom:16px!important}
#shoplink-creator-app.panel-collapsed .sl-vrail::-webkit-scrollbar{display:block!important;width:3px}
#shoplink-creator-app.panel-collapsed .sl-vrail::-webkit-scrollbar-thumb{background:#b4bfd0;border-radius:3px}
}