.vesta-sidebar {
  position: fixed;
  inset: 14px auto 14px 14px;
  width: calc(var(--vesta-sidebar-w) - 16px);
  height: auto;
  background: var(--vesta-sidebar-bg);
  color: var(--vesta-sidebar-text);
  padding: 18px 14px;
  border: 1px solid rgba(229,233,242,.88);
  border-radius: 24px;
  overflow: auto;
  transition: width .22s ease, padding .22s ease, transform .24s ease;
  z-index: 220;
  box-shadow: var(--vesta-shadow-soft);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  -webkit-overflow-scrolling: touch;
  display:flex;
  flex-direction:column;
}
.vesta-sidebar__brand { display:flex; gap:12px; align-items:center; padding:4px 8px 22px; margin-bottom:12px; }
.vesta-sidebar__logo-mark { width:38px; height:38px; border-radius:14px; background:linear-gradient(135deg,#6D7BFF 0%,#8B5CF6 70%,#BFD7FF 100%); color:#fff; display:grid; place-items:center; font-weight: var(--vesta-fw-title); box-shadow:0 14px 30px rgba(91,108,255,.24); }
.vesta-sidebar__brand-copy strong { display:block; font-size:14px; letter-spacing:-.01em; color:var(--vesta-text); }
.vesta-sidebar__brand-copy span { display:block; color:var(--vesta-sidebar-muted); font-size:11px; margin-top:2px; }
.vesta-sidebar__nav { flex:1 1 auto; padding-bottom:14px; }
.vesta-sidebar__group { margin-bottom:18px; }
.vesta-sidebar__group-label { padding:8px 10px; color:var(--vesta-sidebar-muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight: var(--vesta-fw-title); }
.vesta-sidebar__item { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:14px; color:var(--vesta-sidebar-text); margin-bottom:5px; border:1px solid transparent; transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
.vesta-sidebar__item:hover { background:#F8FAFF; transform:translateX(2px); }
.vesta-sidebar__item.is-active { background:var(--vesta-sidebar-active-bg); color:var(--vesta-sidebar-active-text); border-color:#E2E7FF; box-shadow:0 12px 30px rgba(91,108,255,.10); }
.vesta-sidebar__label { font-size:13px; font-weight:650; }
.vesta-icon-pill, .vesta-sidebar__item .vesta-icon { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; }
.vesta-sidebar__workspace-card,.vesta-sidebar__user-card,.vesta-sidebar__collapse{border:1px solid var(--vesta-border);background:#fff;border-radius:16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(16,24,40,.04)}
.vesta-sidebar__workspace-card{padding:10px;margin:10px 0}.vesta-sidebar__workspace-icon,.vesta-sidebar__avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6D7BFF,#8B5CF6);color:#fff;font-weight: var(--vesta-fw-title);font-size:12px}.vesta-sidebar__workspace-copy,.vesta-sidebar__user-copy{display:grid;gap:2px;min-width:0}.vesta-sidebar__workspace-copy strong,.vesta-sidebar__user-copy strong{font-size:12px;color:var(--vesta-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vesta-sidebar__workspace-copy small,.vesta-sidebar__user-copy small{font-size:11px;color:var(--vesta-muted)}.vesta-sidebar__workspace-chevron{margin-left:auto;color:var(--vesta-muted)}.vesta-sidebar__user-card{padding:10px;margin-top:4px}.vesta-sidebar__collapse{width:100%;height:44px;margin-top:12px;padding:0 14px;justify-content:space-between;color:var(--vesta-text-2);font-weight:700;cursor:pointer}
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar { width: var(--vesta-sidebar-w-collapsed); padding-left:10px; padding-right:10px; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand { justify-content:center; padding-left:0; padding-right:0; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group-label,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__label,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-chevron,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__collapse span:first-child { display:none; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item { justify-content:center; padding-left:0; padding-right:0; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-card,.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-card{justify-content:center;padding:10px 0}
@media (max-width: 1023px) {
  .vesta-sidebar { inset:10px auto 10px 10px; width:min(280px, 84vw); transform:translateX(calc(-100% - 20px)); z-index:9997; box-shadow: 18px 0 38px rgba(16,24,40,.16); }
  .vesta-sidebar.is-open { transform:none; }
  .vesta-app-shell.is-sidebar-open::after { content:''; position:fixed; inset:0; background:rgba(16,24,40,.28); z-index:9996; backdrop-filter: blur(3px); }
}
@media (max-width: 767px) { .vesta-sidebar { width: min(300px, 88vw); padding: 16px 12px 24px; } }

/* AD UI FIX v1.1.5: exact light advertising sidebar scale */
.vesta-sidebar{inset:14px auto 14px 14px!important;width:248px!important;padding:18px 14px!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;border:1px solid #e4e9f2!important;box-shadow:0 18px 45px rgba(16,24,40,.055)!important;font-family:'Inter',Inter,system-ui!important;}
.vesta-sidebar__logo-mark{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#6f35ff,#7c5cff)!important;font:700 14px/1 'Inter',Inter,system-ui!important;}
.vesta-sidebar__brand-copy strong{font:700 14px/1.2 'Inter',Inter,system-ui!important;color:#0f172a!important;letter-spacing:-.01em!important;}
.vesta-sidebar__brand-copy span{font:400 12px/1.2 'Inter',Inter,system-ui!important;color:#667085!important;}
.vesta-sidebar__group-label{font:700 10px/1 'Inter',Inter,system-ui!important;letter-spacing:.11em!important;color:#8a95a8!important;padding:10px 12px!important;}
.vesta-sidebar__item{height:42px!important;padding:0 13px!important;gap:12px!important;border-radius:13px!important;margin-bottom:5px!important;font-family:'Inter',Inter,system-ui!important;color:#27364f!important;}
.vesta-sidebar__item.is-active{background:#f0e8ff!important;color:#5b27ff!important;border-color:#e4d8ff!important;box-shadow:none!important;}
.vesta-sidebar__label{font:650 13px/1 'Inter',Inter,system-ui!important;}
.vesta-sidebar__item .vesta-icon{width:18px!important;height:18px!important;stroke-width:2!important;}
.vesta-sidebar__workspace-card{min-height:56px!important;padding:9px 10px!important;margin-top:auto!important;border-radius:14px!important;box-shadow:none!important;}
.vesta-sidebar__workspace-icon{background:linear-gradient(135deg,#6f35ff,#5424dd)!important;border-radius:11px!important;}
.vesta-sidebar__user-card{display:none!important;}
.vesta-sidebar__collapse{height:42px!important;border:0!important;box-shadow:none!important;background:transparent!important;}


/* Phase 5AA — true collapsed sidebar with mini labels
   Collapsed mode must not simply hide labels; it becomes a compact icon + short-name rail. */
@media (min-width:1024px){
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar{
    width:96px!important;
    padding:18px 10px!important;
    overflow-x:hidden!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand{
    height:auto!important;
    padding:0 0 20px!important;
    margin:0!important;
    justify-content:center!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand-copy,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group-label,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-card,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-card,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__collapse{
    display:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__logo-mark{
    width:46px!important;
    height:46px!important;
    margin:0 auto!important;
    border-radius:14px!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__nav{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    align-items:center!important;
    padding:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item{
    width:70px!important;
    min-height:58px!important;
    height:auto!important;
    padding:7px 5px 8px!important;
    margin:0!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    transform:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item:hover{
    transform:none!important;
    background:#f8f5ff!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item.is-active{
    background:#f0e8ff!important;
    border-color:#e2d4ff!important;
    color:#6d28ff!important;
    box-shadow:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item .vesta-icon,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__label{
    display:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item::after{
    content:attr(data-mini-label);
    display:block!important;
    max-width:62px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font:700 10.5px/1.12 'Inter', Inter, system-ui, sans-serif!important;
    letter-spacing:-.01em!important;
    color:#536079!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item.is-active::after{
    color:#6d28ff!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-advertiser-sidebar:after,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar:after{
    display:none!important;
    content:none!important;
  }
}

/* Phase 5AB — admin collapsed sidebar mini-label parity + clean rail scrollbar
   This applies the approved advertiser collapsed rail behavior to the admin shell too. */
@media (min-width:1024px){
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar{
    width:96px!important;
    padding:18px 10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand{
    height:auto!important;
    padding:0 0 20px!important;
    margin:0!important;
    justify-content:center!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand-copy,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group-label,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-card,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-card,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__collapse{
    display:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__logo-mark{
    width:46px!important;
    height:46px!important;
    margin:0 auto!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__nav{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    align-items:center!important;
    padding:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item{
    width:70px!important;
    min-height:58px!important;
    height:auto!important;
    padding:7px 5px 8px!important;
    margin:0!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    transform:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item:hover{
    transform:none!important;
    background:#f8f5ff!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item.is-active{
    background:#f0e8ff!important;
    border-color:#e2d4ff!important;
    color:#6d28ff!important;
    box-shadow:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item .vesta-icon,
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__label{
    display:none!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item::after{
    content:attr(data-mini-label)!important;
    display:block!important;
    max-width:62px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font:700 10.5px/1.12 'Inter', Inter, system-ui, sans-serif!important;
    letter-spacing:-.01em!important;
    color:#536079!important;
  }
  .vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item.is-active::after{
    color:#6d28ff!important;
  }
}

/* Keep the full sidebar scrollbar from looking like a default grey Windows bar. */
.vesta-sidebar{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(109,40,255,.22) transparent!important;
}
.vesta-sidebar::-webkit-scrollbar{width:6px!important;}
.vesta-sidebar::-webkit-scrollbar-track{background:transparent!important;}
.vesta-sidebar::-webkit-scrollbar-thumb{background:rgba(109,40,255,.22)!important;border-radius:999px!important;}
.vesta-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(109,40,255,.35)!important;}