/* Listnova account space harmony — design10.220
 * Canonical geometry shared by dashboard, settings, listings, bookings,
 * messages, finances, favorites and alerts. This file intentionally loads last.
 */

:where(body.ln-account-page-v2,body.ln-account-workspace-v2){
  --ln-acc-admin-offset:0px;
  --ln-acc-edge:18px;
  --ln-acc-header-top:10px;
  --ln-acc-header-h:70px;
  --ln-acc-sidebar-top:94px;
  --ln-acc-sidebar-w:228px;
  --ln-acc-content-left:264px;
  --ln-acc-content-top:102px;
  --ln-acc-content-x:24px;
  --ln-acc-content-bottom:56px;
  --ln-acc-content-max:1420px;
  --ln-acc-section-gap:16px;
}
body.admin-bar.ln-account-page-v2,
body.admin-bar.ln-account-workspace-v2{--ln-acc-admin-offset:32px}
body.ln-account-page-v2{overflow-x:clip}

/* ---------- Desktop shell: /mon-compte ---------- */
@media(min-width:861px){
  body.ln-account-page-v2 main,
  body.ln-account-page-v2 main>article,
  body.ln-account-page-v2 main .ln-page-content,
  body.ln-account-page-v2 main .elementor,
  body.ln-account-page-v2 main .elementor-section-wrap,
  body.ln-account-page-v2 main .e-con.e-parent{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-top:0!important;
  }
  /* Break out of any boxed Elementor container. The dedicated workspace pages
   * live directly in the viewport; /mon-compte must use the same geometry. */
  body.ln-account-page-v2 .ln-account-v2{
    position:relative!important;
    left:auto!important;
    width:100vw!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    padding:0!important;
    transform:none!important;
  }
  /* Fixed account chrome must stay viewport-relative. Never transform the root
   * wrapper on desktop; transformed ancestors redefine position:fixed. */
  body.ln-account-page-v2 .ln-account-v2{transform:none!important}

  body.ln-account-page-v2 .ln-account-v2-topbar{
    position:fixed!important;
    z-index:1100!important;
    top:calc(var(--ln-acc-admin-offset) + var(--ln-acc-header-top))!important;
    right:var(--ln-acc-edge)!important;
    left:var(--ln-acc-edge)!important;
    width:auto!important;
    min-height:var(--ln-acc-header-h)!important;
    margin:0!important;
  }
  body.ln-account-page-v2 .ln-account-v2__shell{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.ln-account-page-v2 .ln-account-v2__sidebar{
    position:fixed!important;
    z-index:1080!important;
    top:calc(var(--ln-acc-admin-offset) + var(--ln-acc-sidebar-top))!important;
    right:auto!important;
    bottom:auto!important;
    left:var(--ln-acc-edge)!important;
    width:var(--ln-acc-sidebar-w)!important;
    min-height:0!important;
    height:auto!important;
    max-height:calc(100dvh - var(--ln-acc-admin-offset) - var(--ln-acc-sidebar-top) - 18px)!important;
    align-self:auto!important;
    overflow:auto!important;
  }
  body.ln-account-page-v2 .ln-account-v2__scene{
    height:245px!important;
    flex:0 0 245px!important;
  }
  body.ln-account-page-v2 .ln-account-v2__pro{margin-top:auto!important}
  body.ln-account-page-v2 .ln-account-v2__main{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 var(--ln-acc-content-left)!important;
    padding:calc(var(--ln-acc-admin-offset) + var(--ln-acc-content-top)) var(--ln-acc-content-x) var(--ln-acc-content-bottom)!important;
  }

  /* ---------- Desktop shell: workspace pages ---------- */
  body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2-topbar{
    top:calc(var(--ln-acc-admin-offset) + var(--ln-acc-header-top))!important;
    right:var(--ln-acc-edge)!important;
    left:var(--ln-acc-edge)!important;
    min-height:var(--ln-acc-header-h)!important;
  }
  body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar{
    top:calc(var(--ln-acc-admin-offset) + var(--ln-acc-sidebar-top))!important;
    right:auto!important;
    bottom:auto!important;
    left:var(--ln-acc-edge)!important;
    width:var(--ln-acc-sidebar-w)!important;
    min-height:0!important;
    height:auto!important;
    max-height:calc(100dvh - var(--ln-acc-admin-offset) - var(--ln-acc-sidebar-top) - 18px)!important;
    overflow:auto!important;
  }
  body.ln-account-workspace-v2 .ln-account-workspace-chrome .ln-account-v2__scene{
    height:245px!important;
    flex:0 0 245px!important;
  }
  body.ln-account-workspace-v2 main{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 var(--ln-acc-content-left)!important;
    padding:calc(var(--ln-acc-admin-offset) + var(--ln-acc-content-top)) var(--ln-acc-content-x) var(--ln-acc-content-bottom)!important;
  }
}

/* ---------- Shared content column ----------
 * Keep /mon-compte main geometry controlled by the desktop shell above.
 * Centering .ln-account-v2__main here used to cancel its sidebar offset and
 * pushed dashboard/settings content underneath the fixed navigation.
 */
body.ln-account-workspace-v2 main>article,
body.ln-account-workspace-v2 main>.ln-page-content,
body.ln-account-workspace-v2 main .ln-page-content{
  width:100%!important;
  max-width:var(--ln-acc-content-max)!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

/* /mon-compte has no external <article> wrapper: its direct children are the
 * content column. Constrain those children, not .ln-account-v2__main itself. */
body.ln-account-page-v2 .ln-account-v2__main>*{
  width:100%!important;
  max-width:var(--ln-acc-content-max)!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

/* Elementor/page wrappers must not introduce a second vertical offset. */
body.ln-account-workspace-v2 main :is(.ln-elementor-demo-page,.ln-elementor-page,.entry-content,.e-con.e-parent),
body.ln-account-page-v2 main :is(.ln-elementor-demo-page--mon-compte,.ln-elementor-page,.entry-content){
  margin-top:0!important;
  padding-top:0!important;
}
body.ln-account-workspace-v2 main .ln-page-content,
body.ln-account-page-v2 main .ln-page-content{padding-top:0!important}

/* One shared vertical rhythm for page-level modules. */
body.ln-account-page-v2 .ln-account-v2-dashboard{gap:var(--ln-acc-section-gap)!important}
body.ln-account-page-v2 .ln-account-v2 .ln-account-section{gap:var(--ln-acc-section-gap)!important}
body.ln-account-page-v2 .ln-account-v2-settings-nav{margin-bottom:var(--ln-acc-section-gap)!important}
body.ln-account-page-v2 .ln-account-v2 .ln-account-form{gap:var(--ln-acc-section-gap)!important}

body.ln-account-workspace-v2 .ln-host-listings-v3__hero,
body.ln-account-workspace-v2 .ln-host-listings-v3__metrics{margin-bottom:var(--ln-acc-section-gap)!important}
body.ln-account-workspace-v2 .ln-host-listings-v3-quick{margin-top:var(--ln-acc-section-gap)!important}
body.ln-account-workspace-v2 .ln-orders{gap:var(--ln-acc-section-gap)!important;max-width:var(--ln-acc-content-max)!important}
body.ln-account-workspace-v2--finances .ln-finance-v2{gap:var(--ln-acc-section-gap)!important}

/* Messenger starts at exactly the same Y coordinate as the other workspace pages. */
@media(min-width:821px){
  body.ln-account-workspace-v2--messages .ln-messenger{
    width:100%!important;
    max-width:var(--ln-acc-content-max)!important;
    height:min(790px,calc(100dvh - var(--ln-acc-admin-offset) - 158px))!important;
    min-height:600px!important;
    margin:0 auto!important;
  }
}

/* ---------- Tablet ---------- */
@media(min-width:861px) and (max-width:1100px){
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2){
    --ln-acc-sidebar-w:204px;
    --ln-acc-content-left:236px;
    --ln-acc-content-x:18px;
  }
  body.ln-account-page-v2 .ln-account-v2__scene,
  body.ln-account-workspace-v2 .ln-account-workspace-chrome .ln-account-v2__scene{
    height:190px!important;
    flex-basis:190px!important;
  }
}

/* ---------- Mobile: same header/content offsets on every account page ---------- */
@media(max-width:860px){
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2){
    --ln-acc-admin-offset:0px;
    --ln-acc-mobile-edge:8px;
    --ln-acc-mobile-top:7px;
    --ln-acc-mobile-header-h:68px;
    --ln-acc-mobile-content-top:93px;
    --ln-acc-mobile-x:10px;
  }
  body.admin-bar.ln-account-page-v2,
  body.admin-bar.ln-account-workspace-v2{--ln-acc-admin-offset:46px}

  body.ln-account-page-v2 .ln-account-v2{
    position:static!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body.ln-account-page-v2 .ln-account-v2-topbar,
  body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2-topbar{
    position:fixed!important;
    z-index:1100!important;
    top:calc(var(--ln-acc-admin-offset) + var(--ln-acc-mobile-top))!important;
    right:var(--ln-acc-mobile-edge)!important;
    left:var(--ln-acc-mobile-edge)!important;
    width:auto!important;
    min-height:var(--ln-acc-mobile-header-h)!important;
    margin:0!important;
  }
  body.ln-account-page-v2 .ln-account-v2__sidebar,
  body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar{display:none!important}

  body.ln-account-page-v2 .ln-account-v2__shell{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  body.ln-account-page-v2 .ln-account-v2__main,
  body.ln-account-workspace-v2 main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:calc(var(--ln-acc-admin-offset) + var(--ln-acc-mobile-content-top)) var(--ln-acc-mobile-x) calc(96px + env(safe-area-inset-bottom))!important;
  }

  body.ln-account-page-v2 .ln-account-v2__main,
  body.ln-account-workspace-v2 main>article,
  body.ln-account-workspace-v2 main>.ln-page-content,
  body.ln-account-workspace-v2 main .ln-page-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}

/* Messaging keeps the dedicated fullscreen mobile contract. */
@media(max-width:820px){
  body.ln-account-workspace-v2--messages .ln-account-workspace-chrome{display:none!important}
  body.ln-account-workspace-v2--messages main{
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
  }
  body.ln-account-workspace-v2--messages .ln-page-content{padding:0!important}
}

/* design10.221 — desktop account sidebar refinement
 * Compact navigation, stronger hierarchy and a bottom-anchored visual card.
 */
@media(min-width:861px){
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__sidebar{
    display:flex!important;
    flex-direction:column!important;
    padding:10px!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--acc-border) 86%,transparent)!important;
    border-radius:22px!important;
    background:color-mix(in srgb,var(--acc-surface) 97%,#f8fafc)!important;
    box-shadow:0 16px 42px rgba(23,31,48,.065)!important;
  }

  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav{
    display:grid!important;
    flex:0 0 auto!important;
    gap:5px!important;
    width:100%!important;
    padding:2px!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a{
    position:relative!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    min-height:48px!important;
    align-items:center!important;
    gap:10px!important;
    padding:5px 10px 5px 7px!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#30394a!important;
    font-size:.72rem!important;
    font-weight:760!important;
    line-height:1.2!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a>i{
    display:grid!important;
    width:36px!important;
    height:36px!important;
    place-items:center!important;
    margin:0!important;
    border-radius:11px!important;
    background:#f5f7fa!important;
    color:#273142!important;
    font-size:1rem!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a:hover{
    border-color:#eef1f5!important;
    background:#fafbfc!important;
    color:#171d2a!important;
    transform:translateX(1px)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a:hover>i{
    background:#fff!important;
    color:var(--acc-accent)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a.is-active{
    border-color:color-mix(in srgb,var(--acc-accent) 11%,var(--acc-border))!important;
    background:color-mix(in srgb,var(--acc-accent) 6%,var(--acc-surface))!important;
    color:var(--acc-accent)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a.is-active>i{
    background:#fff!important;
    color:var(--acc-accent)!important;
    box-shadow:0 5px 14px color-mix(in srgb,var(--acc-accent) 12%,transparent)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a>b{
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    border:2px solid var(--acc-surface)!important;
    border-radius:999px!important;
    box-shadow:0 3px 9px rgba(23,31,48,.08)!important;
    font-size:.55rem!important;
  }

  /* Settings is the account-level action: separate it from daily navigation. */
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a:last-child{
    margin-top:8px!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a:last-child:before{
    position:absolute!important;
    top:-7px!important;
    right:3px!important;
    left:3px!important;
    height:1px!important;
    background:var(--acc-border)!important;
    content:""!important;
    opacity:.75!important;
  }

  /* Optional host/pro card stays compact instead of stretching the rail. */
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__pro{
    flex:0 0 auto!important;
    gap:7px!important;
    margin:10px 2px!important;
    padding:12px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__pro>span{font-size:.7rem!important}
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__pro p{font-size:.61rem!important;line-height:1.45!important}
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__pro>a{min-height:36px!important;border-radius:10px!important;font-size:.63rem!important}

  /* The inspiration image becomes a real bottom card instead of leaving dead space. */
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene{
    position:relative!important;
    flex:0 0 188px!important;
    width:100%!important;
    height:188px!important;
    min-height:188px!important;
    margin:10px 0 0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#182333!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene:after{
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(13,21,34,.02) 25%,rgba(13,21,34,.16) 48%,rgba(13,21,34,.88) 100%)!important;
    content:""!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:scale(1.01)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene>span{
    right:14px!important;
    bottom:14px!important;
    left:14px!important;
    gap:4px!important;
    padding:0!important;
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene strong{
    color:#fff!important;
    font-family:var(--ln-font,inherit)!important;
    font-size:.9rem!important;
    font-weight:850!important;
    line-height:1.15!important;
    letter-spacing:-.02em!important;
  }
  :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__scene small{
    display:block!important;
    color:rgba(255,255,255,.78)!important;
    font-size:.58rem!important;
    line-height:1.45!important;
  }
}

html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__sidebar{
  border-color:#39454c!important;
  background:#1f272c!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a{
  color:#d9e0e4!important;
}
html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a>i{
  background:#293239!important;
  color:#c5ced3!important;
}
html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a:hover{
  border-color:#3a454d!important;
  background:#293239!important;
  color:#fff!important;
}
html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a.is-active{
  border-color:rgba(255,91,148,.2)!important;
  background:linear-gradient(90deg,rgba(255,91,148,.14),rgba(255,91,148,.07))!important;
  color:#ff7eab!important;
}
html[data-ln-theme="dark"] :where(body.ln-account-page-v2,body.ln-account-workspace-v2) .ln-account-v2__nav>a.is-active>i{
  background:#352630!important;
  color:#ff7eab!important;
}

/* design10.222 — canonical user sidebar contract
 * One geometry and one visual language for every authenticated user page.
 * Explicit high-specificity selectors intentionally beat historical workspace
 * variants that still carry !important declarations.
 */
@media(min-width:861px){
  html body.ln-account-page-v2 .ln-account-v2>.ln-account-v2__shell>.ln-account-v2__sidebar,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar{
    position:fixed!important;
    z-index:1080!important;
    top:calc(var(--ln-acc-admin-offset) + 94px)!important;
    right:auto!important;
    bottom:18px!important;
    left:18px!important;
    box-sizing:border-box!important;
    display:flex!important;
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex-direction:column!important;
    gap:0!important;
    align-self:auto!important;
    padding:10px!important;
    overflow:hidden auto!important;
    border:1px solid color-mix(in srgb,var(--acc-border) 86%,transparent)!important;
    border-radius:22px!important;
    background:color-mix(in srgb,var(--acc-surface) 97%,#f8fafc)!important;
    box-shadow:0 16px 42px rgba(23,31,48,.065)!important;
    scrollbar-width:thin!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav{
    box-sizing:border-box!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0!important;
    padding:2px!important;
    overflow:visible!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a{
    position:relative!important;
    box-sizing:border-box!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:5px 10px 5px 7px!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#30394a!important;
    font-size:.72rem!important;
    font-weight:760!important;
    line-height:1.2!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a>i,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a>i{
    box-sizing:border-box!important;
    display:grid!important;
    width:36px!important;
    height:36px!important;
    place-items:center!important;
    margin:0!important;
    border-radius:11px!important;
    background:#f5f7fa!important;
    color:#273142!important;
    font-size:1rem!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a>span,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a>span{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a>b,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a>b{
    position:static!important;
    display:grid!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    place-items:center!important;
    border:2px solid var(--acc-surface)!important;
    border-radius:999px!important;
    background:var(--acc-accent)!important;
    color:#fff!important;
    box-shadow:0 3px 9px rgba(23,31,48,.08)!important;
    font-size:.55rem!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a:hover,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a:hover{
    border-color:#eef1f5!important;
    background:#fafbfc!important;
    color:#171d2a!important;
    transform:none!important;
  }
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a:hover>i,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a:hover>i{
    background:#fff!important;
    color:var(--acc-accent)!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active{
    border-color:color-mix(in srgb,var(--acc-accent) 11%,var(--acc-border))!important;
    background:color-mix(in srgb,var(--acc-accent) 6%,var(--acc-surface))!important;
    color:var(--acc-accent)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active>i,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active>i{
    background:#fff!important;
    color:var(--acc-accent)!important;
    box-shadow:0 5px 14px color-mix(in srgb,var(--acc-accent) 12%,transparent)!important;
  }

  /* Settings is always the final account-level action. */
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a:last-child,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a:last-child{
    margin-top:8px!important;
  }
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a:last-child:before,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a:last-child:before{
    position:absolute!important;
    top:-7px!important;
    right:3px!important;
    left:3px!important;
    height:1px!important;
    background:var(--acc-border)!important;
    content:""!important;
    opacity:.75!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__pro,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__pro{
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    gap:7px!important;
    width:auto!important;
    margin:10px 2px 0!important;
    padding:12px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__pro>a,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__pro>a{
    min-height:36px!important;
    border-radius:10px!important;
    font-size:.63rem!important;
  }

  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__scene,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__scene{
    position:relative!important;
    box-sizing:border-box!important;
    flex:0 0 188px!important;
    width:100%!important;
    height:188px!important;
    min-height:188px!important;
    margin:10px 0 0!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#182333!important;
  }

  /* Main content follows the exact same rail offset on every user page. */
  html body.ln-account-page-v2 .ln-account-v2>.ln-account-v2__shell>.ln-account-v2__main,
  html body.ln-account-workspace-v2 main{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 264px!important;
    padding:calc(var(--ln-acc-admin-offset) + 102px) 24px 56px!important;
  }
}

@media(min-width:861px) and (max-width:1100px){
  html body.ln-account-page-v2 .ln-account-v2>.ln-account-v2__shell>.ln-account-v2__sidebar,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar{
    width:204px!important;
    min-width:204px!important;
    max-width:204px!important;
  }
  html body.ln-account-page-v2 .ln-account-v2>.ln-account-v2__shell>.ln-account-v2__main,
  html body.ln-account-workspace-v2 main{
    margin-left:236px!important;
    padding-right:18px!important;
    padding-left:18px!important;
  }
  html body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__scene,
  html body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__scene{
    flex-basis:160px!important;
    height:160px!important;
    min-height:160px!important;
  }
}

/* Dark mode uses the same geometry; only colors change. */
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar{
  border-color:#39454c!important;
  background:#1f272c!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a{
  color:#d9e0e4!important;
}
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a>i,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a>i{
  background:#293239!important;
  color:#c5ced3!important;
}
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a:hover,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a:hover{
  border-color:#3a454d!important;
  background:#293239!important;
  color:#fff!important;
}
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active{
  border-color:rgba(255,91,148,.2)!important;
  background:linear-gradient(90deg,rgba(255,91,148,.14),rgba(255,91,148,.07))!important;
  color:#ff7eab!important;
}
html[data-ln-theme="dark"] body.ln-account-page-v2 .ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active>i,
html[data-ln-theme="dark"] body.ln-account-workspace-v2 .ln-account-workspace-chrome>.ln-account-v2__sidebar>.ln-account-v2__nav>a.is-active>i{
  background:#352630!important;
  color:#ff7eab!important;
}


/* rc10.8 — canonical Messages workspace geometry.
 * The messenger must start on the same horizontal line as the shared account
 * sidebar and own the complete usable viewport height. Elementor wrappers are
 * deliberately flattened only on the Messages page so other user pages keep
 * their authored layouts. */
@media(min-width:861px){
  html body.ln-account-workspace-v2--messages main{
    box-sizing:border-box!important;
    min-height:100dvh!important;
    margin-left:var(--ln-acc-content-left,264px)!important;
    padding-top:calc(var(--ln-acc-admin-offset,0px) + var(--ln-acc-sidebar-top,94px))!important;
    padding-right:var(--ln-acc-content-x,24px)!important;
    padding-bottom:18px!important;
    padding-left:var(--ln-acc-content-x,24px)!important;
    overflow:hidden!important;
  }
  html body.ln-account-workspace-v2--messages main>article,
  html body.ln-account-workspace-v2--messages main>.ln-page-content,
  html body.ln-account-workspace-v2--messages main .ln-page-content,
  html body.ln-account-workspace-v2--messages main .elementor,
  html body.ln-account-workspace-v2--messages main .elementor-section-wrap,
  html body.ln-account-workspace-v2--messages main .e-con,
  html body.ln-account-workspace-v2--messages main .e-con-inner,
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages,
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages>.elementor-widget-container,
  html body.ln-account-workspace-v2--messages main .ln-elementor-native-component--listnova-messages{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.ln-account-workspace-v2--messages main .elementor,
  html body.ln-account-workspace-v2--messages main .elementor-section-wrap,
  html body.ln-account-workspace-v2--messages main .e-con,
  html body.ln-account-workspace-v2--messages main .e-con-inner{
    gap:0!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--ln-acc-admin-offset,0px) - var(--ln-acc-sidebar-top,94px) - 18px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__sidebar,
  html body.ln-account-workspace-v2--messages .ln-messenger__main,
  html body.ln-account-workspace-v2--messages .ln-messenger__chat,
  html body.ln-account-workspace-v2--messages .ln-messenger__context,
  html body.ln-account-workspace-v2--messages .ln-messenger-welcome{
    min-height:0!important;
  }
}

@media(min-width:1021px){
  html body.ln-account-workspace-v2--messages .ln-messenger{
    grid-template-columns:clamp(320px,27%,360px) minmax(0,1fr)!important;
    gap:12px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger .ln-messenger__main{
    grid-template-columns:minmax(0,1fr) clamp(280px,27%,310px)!important;
    gap:12px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__sidebar,
  html body.ln-account-workspace-v2--messages .ln-messenger__chat,
  html body.ln-account-workspace-v2--messages .ln-messenger__context,
  html body.ln-account-workspace-v2--messages .ln-messenger-welcome{
    border-radius:20px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger-welcome{
    padding:36px!important;
  }
}

@media(min-width:861px) and (max-width:1100px){
  html body.ln-account-workspace-v2--messages main{
    margin-left:var(--ln-acc-content-left,236px)!important;
    padding-right:var(--ln-acc-content-x,18px)!important;
    padding-left:var(--ln-acc-content-x,18px)!important;
  }
}

@media(min-width:861px) and (max-width:1020px){
  html body.ln-account-workspace-v2--messages .ln-messenger{
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:10px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger .ln-messenger__main{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__context{display:none!important}
}

/* rc10.9 — definitive Messages workspace fix.
 * Force the messenger page to use the exact account-workspace geometry and
 * remove every remaining wrapper offset that can push the component downward.
 */
@media(min-width:861px){
  html body.ln-account-workspace-v2--messages main{
    display:block!important;
    box-sizing:border-box!important;
    min-height:100dvh!important;
    margin:0 0 0 var(--ln-acc-content-left,264px)!important;
    padding-top:calc(var(--ln-acc-admin-offset,0px) + var(--ln-acc-sidebar-top,94px))!important;
    padding-right:var(--ln-acc-content-x,24px)!important;
    padding-bottom:18px!important;
    padding-left:var(--ln-acc-content-x,24px)!important;
    overflow:visible!important;
  }
  html body.ln-account-workspace-v2--messages main>article,
  html body.ln-account-workspace-v2--messages main>.ln-page-content,
  html body.ln-account-workspace-v2--messages main .ln-page-content,
  html body.ln-account-workspace-v2--messages main .elementor,
  html body.ln-account-workspace-v2--messages main .elementor-section-wrap,
  html body.ln-account-workspace-v2--messages main .elementor-section,
  html body.ln-account-workspace-v2--messages main .elementor-container,
  html body.ln-account-workspace-v2--messages main .elementor-column,
  html body.ln-account-workspace-v2--messages main .elementor-widget-wrap,
  html body.ln-account-workspace-v2--messages main .e-con,
  html body.ln-account-workspace-v2--messages main .e-con-inner,
  html body.ln-account-workspace-v2--messages main [data-element_type],
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages,
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages>.elementor-widget-container,
  html body.ln-account-workspace-v2--messages main .ln-elementor-native-component--listnova-messages{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger{
    display:grid!important;
    align-self:flex-start!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--ln-acc-admin-offset,0px) - var(--ln-acc-sidebar-top,94px) - 18px)!important;
    min-height:680px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:14px!important;
    grid-template-columns:clamp(320px,26%,360px) minmax(0,1fr)!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__sidebar,
  html body.ln-account-workspace-v2--messages .ln-messenger__chat,
  html body.ln-account-workspace-v2--messages .ln-messenger__context,
  html body.ln-account-workspace-v2--messages .ln-messenger-welcome{
    min-height:0!important;
    background:var(--ln-msg-surface,#fff)!important;
    border:1px solid var(--ln-msg-border,#e5e8ec)!important;
    border-radius:22px!important;
    box-shadow:0 14px 42px rgba(24,32,40,.06)!important;
    overflow:hidden!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__main{
    display:grid!important;
    min-width:0!important;
    min-height:0!important;
    gap:14px!important;
    grid-template-columns:minmax(0,1fr) clamp(260px,27%,300px)!important;
    background:transparent!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__chat{
    border-right:0!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__context{
    overflow:auto!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__toolbar{
    min-height:82px!important;
    padding:16px 18px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__sidebar-head{
    padding:18px 18px 12px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-conversation-search{
    margin:0 16px 12px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-conversation-filters{
    padding:0 16px 12px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__sidebar-scroll{
    padding:0 10px 14px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-message-stream{
    padding:18px 20px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-message-compose{
    padding:10px 14px!important;
  }
}

@media(min-width:861px) and (max-width:1180px){
  html body.ln-account-workspace-v2--messages main{
    margin-left:var(--ln-acc-content-left,236px)!important;
    padding-right:18px!important;
    padding-left:18px!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger{
    gap:10px!important;
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__main{
    gap:10px!important;
    grid-template-columns:minmax(0,1fr) 272px!important;
  }
}

@media(min-width:861px) and (max-width:1020px){
  html body.ln-account-workspace-v2--messages .ln-messenger{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__main{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.ln-account-workspace-v2--messages .ln-messenger__context{
    display:none!important;
  }
}

/* rc10.9.1 — messages widget vertical recentering.
 * The messenger still sits a little too low compared with the canonical sidebar.
 * Pull the widget upward on desktop and give back the same height so the bottom
 * edge stays stable.
 */
@media(min-width:861px){
  html body.ln-account-workspace-v2--messages .ln-messenger{
    margin-top:-20px!important;
    height:calc(100dvh - var(--ln-acc-admin-offset,0px) - var(--ln-acc-sidebar-top,94px) + 20px)!important;
  }
}

/* rc10.9.2 — FINAL canonical messages positioning.
 * The workspace <main> already starts below the account topbar in normal flow.
 * Do not add the absolute sidebar top offset a second time. Use the same visual
 * gap (14px) below the topbar as the fixed sidebar, then size the messenger to
 * the remaining viewport. This supersedes rc10.8/10.9/10.9.1 compensations. */
@media(min-width:861px){
  html body.ln-account-workspace-v2--messages main{
    box-sizing:border-box!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 0 0 var(--ln-acc-content-left,264px)!important;
    padding:14px var(--ln-acc-content-x,24px) 18px!important;
    overflow:visible!important;
  }

  html body.ln-account-workspace-v2--messages main>article,
  html body.ln-account-workspace-v2--messages main>.ln-page-content,
  html body.ln-account-workspace-v2--messages main .ln-page-content,
  html body.ln-account-workspace-v2--messages main .elementor,
  html body.ln-account-workspace-v2--messages main .elementor-section-wrap,
  html body.ln-account-workspace-v2--messages main .elementor-section,
  html body.ln-account-workspace-v2--messages main .elementor-container,
  html body.ln-account-workspace-v2--messages main .elementor-column,
  html body.ln-account-workspace-v2--messages main .elementor-widget-wrap,
  html body.ln-account-workspace-v2--messages main .e-con,
  html body.ln-account-workspace-v2--messages main .e-con-inner,
  html body.ln-account-workspace-v2--messages main [data-element_type],
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages,
  html body.ln-account-workspace-v2--messages main .elementor-widget-listnova-messages>.elementor-widget-container,
  html body.ln-account-workspace-v2--messages main .ln-elementor-native-component--listnova-messages{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  html body.ln-account-workspace-v2--messages .ln-messenger{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--ln-acc-admin-offset,0px) - var(--ln-acc-sidebar-top,94px) - 18px)!important;
    min-height:620px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    align-self:start!important;
  }
}

@media(min-width:861px) and (max-width:1180px){
  html body.ln-account-workspace-v2--messages main{
    margin-left:var(--ln-acc-content-left,236px)!important;
    padding-right:18px!important;
    padding-left:18px!important;
  }
}

/* rc10.9.3 — fallback only. JavaScript performs the definitive pixel-perfect
 * alignment against the rendered account sidebar. */
@media(min-width:861px){
  html body.ln-account-workspace-v2--messages .ln-messenger{
    will-change:transform;
  }
}