/* Next Big Domain 0.66.0
   Hero separation + fixed full-height workspace navigation.
   - Prevents homepage copy from entering the dashboard artwork.
   - Converts the desktop workspace rail from sticky-inside-layout to a true fixed application nav.
   - Increases navigation legibility and adds breathing room between the rail and the work surface.
*/

/* --------------------------------------------------------------------------
   HOMEPAGE HERO — keep copy and product visual in distinct visual zones
   -------------------------------------------------------------------------- */
@media (min-width:1121px){
  .nbd-ref-hero{
    min-height:650px!important;
    background:#fff!important;
  }
  .nbd-ref-hero-grid{
    min-height:650px!important;
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
    gap:0!important;
    align-items:center!important;
    padding:48px 0 34px!important;
  }
  .nbd-ref-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:640px!important;
    padding:4px 0 0 4px!important;
  }
  .nbd-ref-hero h1{
    max-width:630px!important;
    font-size:clamp(54px,4.05vw,70px)!important;
    line-height:1.03!important;
  }
  .nbd-ref-hero-copy>p{
    max-width:600px!important;
    font-size:19px!important;
    line-height:1.66!important;
  }
  .nbd-ref-dashboard-shot--reference{
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    width:min(56vw,940px)!important;
    max-width:940px!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .nbd-ref-dashboard-shot--reference::before{
    display:none!important;
    content:none!important;
  }
  .nbd-ref-hero-product-image{
    display:block!important;
    width:100%!important;
    max-width:940px!important;
    height:auto!important;
    margin:0 0 0 auto!important;
    object-fit:contain!important;
    object-position:right top!important;
    transform:none!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

@media (min-width:1121px) and (max-width:1500px){
  .nbd-ref-hero{min-height:620px!important}
  .nbd-ref-hero-grid{min-height:620px!important;padding-top:42px!important}
  .nbd-ref-hero-copy{max-width:580px!important}
  .nbd-ref-hero h1{max-width:570px!important;font-size:clamp(50px,4.35vw,64px)!important}
  .nbd-ref-hero-copy>p{max-width:555px!important;font-size:18px!important}
  .nbd-ref-dashboard-shot--reference{width:min(57vw,900px)!important;max-width:900px!important}
}

/* Tablet/mobile remain stacked so copy can never collide with the visual. */
@media (max-width:1120px){
  .nbd-ref-hero-grid{grid-template-columns:1fr!important}
  .nbd-ref-hero-copy{width:100%!important;max-width:760px!important}
  .nbd-ref-dashboard-shot--reference{position:relative!important;inset:auto!important;width:100%!important;max-width:940px!important;height:auto!important;margin:16px auto 0!important;overflow:visible!important}
  .nbd-ref-dashboard-shot--reference::before{display:none!important;content:none!important}
  .nbd-ref-hero-product-image{width:100%!important;max-width:940px!important;height:auto!important;margin:0 auto!important;object-fit:contain!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important}
}

/* --------------------------------------------------------------------------
   WORKSPACE — true fixed desktop rail + generous work-surface spacing
   -------------------------------------------------------------------------- */
:root{
  --nbd-app-sidebar-width:292px;
  --nbd-app-fixed-top:0px;
}

@media (min-width:1121px){
  body .nbdm-dashboard.nbdm-workspace,
  body .nbdm-page.nbdm-workspace{
    width:100vw!important;
    max-width:100vw!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
    background:#f6f8fb!important;
  }

  body .nbdm-workspace .nbdm-workspace-layout{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(100dvh - var(--nbd-app-fixed-top))!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(90deg,#071d35 0,var(--nbd-app-sidebar-width),#f6f8fb var(--nbd-app-sidebar-width),#f6f8fb 100%)!important;
    box-shadow:none!important;
  }

  /* Fixed means the navigation itself never leaves the viewport while the work area scrolls. */
  body .nbdm-workspace .nbdm-workspace-sidebar{
    position:fixed!important;
    z-index:90!important;
    top:var(--nbd-app-fixed-top)!important;
    left:0!important;
    width:var(--nbd-app-sidebar-width)!important;
    height:calc(100dvh - var(--nbd-app-fixed-top))!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#071d35 0%,#071a30 100%)!important;
    box-shadow:none!important;
  }

  body .nbdm-workspace .nbdm-workspace-sidebar-inner{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:24px 18px 22px!important;
    overflow:hidden!important;
  }
  body .nbdm-workspace .nbdm-app-brand{display:none!important}

  body .nbdm-workspace .nbdm-workspace-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    align-content:start!important;
    gap:9px!important;
    padding:0 3px 10px 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(164,193,220,.30) transparent!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav::-webkit-scrollbar{width:4px!important}
  body .nbdm-workspace .nbdm-workspace-nav::-webkit-scrollbar-track{background:transparent!important}
  body .nbdm-workspace .nbdm-workspace-nav::-webkit-scrollbar-thumb{background:rgba(164,193,220,.30)!important;border-radius:999px!important}
  body .nbdm-workspace .nbdm-nav-group{display:grid!important;gap:4px!important}
  body .nbdm-workspace .nbdm-nav-group h2{
    margin:5px 12px 7px!important;
    color:#86a3bf!important;
    font-size:9.5px!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:9px 13px!important;
    gap:12px!important;
    border-radius:10px!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav a svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }

  /* The work surface begins after the fixed rail, with an intentional gutter. */
  body .nbdm-workspace .nbdm-workspace-content{
    width:calc(100% - var(--nbd-app-sidebar-width))!important;
    min-width:0!important;
    min-height:100dvh!important;
    margin:0 0 0 var(--nbd-app-sidebar-width)!important;
    padding:0 46px 64px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:#f6f8fb!important;
    box-shadow:none!important;
  }

  body .nbdm-workspace .nbdm-app-toolbar{
    position:sticky!important;
    z-index:40!important;
    top:var(--wp-admin--admin-bar--height,0px)!important;
    margin:0 -46px!important;
    padding:15px 46px!important;
    border-radius:0!important;
    box-shadow:0 1px 0 #dfe8f1!important;
  }
  body .nbdm-workspace .nbdm-context-header{
    margin:0 -46px 28px!important;
    padding-left:46px!important;
    padding-right:46px!important;
  }
}

/* Short screens keep the same readable type; only vertical whitespace compresses. */
@media (min-width:1121px) and (max-height:760px){
  body .nbdm-workspace .nbdm-workspace-sidebar-inner{padding-top:15px!important;padding-bottom:14px!important}
  body .nbdm-workspace .nbdm-workspace-nav{gap:5px!important}
  body .nbdm-workspace .nbdm-nav-group{gap:2px!important}
  body .nbdm-workspace .nbdm-nav-group h2{margin-top:2px!important;margin-bottom:3px!important;font-size:9px!important}
  body .nbdm-workspace .nbdm-workspace-nav a{min-height:40px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:14px!important}
}

@media (min-width:1121px) and (max-height:650px){
  body .nbdm-workspace .nbdm-workspace-sidebar-inner{padding-top:10px!important;padding-bottom:9px!important}
  body .nbdm-workspace .nbdm-workspace-nav{gap:2px!important}
  body .nbdm-workspace .nbdm-nav-group h2{margin-top:1px!important;margin-bottom:1px!important;font-size:8px!important}
  body .nbdm-workspace .nbdm-workspace-nav a{min-height:36px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:13.5px!important}
}

/* Tablet/mobile preserve the existing purpose-built responsive workspace. */
@media (max-width:1120px){
  :root{--nbd-app-fixed-top:0px}
  body .nbdm-workspace .nbdm-workspace-layout{display:grid!important;background:#f6f8fb!important}
  body .nbdm-workspace .nbdm-workspace-sidebar{position:static!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
  body .nbdm-workspace .nbdm-workspace-sidebar-inner{height:auto!important;max-height:none!important;overflow:visible!important}
  body .nbdm-workspace .nbdm-workspace-content{width:auto!important;margin:0!important}
}