/* Baskibu Designer 0.23.0-dev76
 * Compact breakpoint unification + stable Product Engine option surface.
 */

.bbd-app.bbd-pro-workspace-v0230-dev76{
  --bbd-v76-green:#0b7a6a;
  --bbd-v76-green-dark:#075f54;
  --bbd-v76-line:#dfe7e4;
  --bbd-v76-dock-height:70px;
}

/* Product option drawer: one visual owner, no hide/show animation while the
   authoritative Product Engine commits a selection. */
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v53-options,
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v53-options *{
  animation:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v53-options{
  transition:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev76.bbd-v75-product-options-open .bbd-v53-options,
.bbd-app.bbd-pro-workspace-v0230-dev76.bbd-v75-product-options-open .bbd-v53-options[hidden],
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options,
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options[hidden]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-v53-options button.is-pending{
  opacity:.72!important;
  cursor:progress!important;
}

/* The previous 761–1024 layout mixed a side drawer with a bottom navigation.
   dev76 uses one compact model all the way through 1024px: bottom sheet + dock. */
@media (max-width:1024px){
  .bbd-app.bbd-pro-workspace-v0230-dev76{
    --bbd-v60-nav-height:calc(var(--bbd-v76-dock-height) + 14px)!important;
    position:relative!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-sidebar,
  .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-sidebar.bbd-v70-six-nav,
  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-sidebar,
  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev76 .bbd-sidebar.bbd-v70-six-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76.bbd-shell-v0161 .bbd-workspace,
  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev76.bbd-shell-v0161 .bbd-workspace{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) calc(var(--bbd-v76-dock-height) + 18px)!important;
    min-width:0!important;
  }

  /* Dedicated six-button dock is the only compact navigation. */
  .bbd-app.bbd-pro-workspace-v0230-dev76 > .bbd-v72-mobile-dock{
    position:absolute!important;
    z-index:2147483550!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:var(--bbd-v76-dock-height)!important;
    min-height:var(--bbd-v76-dock-height)!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    gap:3px!important;
    align-items:stretch!important;
    padding:5px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid var(--bbd-v76-line)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.12),0 3px 10px rgba(15,23,42,.05)!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev76 > .bbd-v72-mobile-dock[hidden]{
    display:grid!important;
  }

  /* Override the old tablet side-drawer geometry. */
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    position:absolute!important;
    z-index:2!important;
    top:auto!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--bbd-v76-dock-height) + 19px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:min(64dvh,590px)!important;
    min-height:min(430px,64dvh)!important;
    max-height:min(64dvh,590px)!important;
    display:flex!important;
    flex-direction:column!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d9e2df!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 -14px 42px rgba(15,23,42,.16)!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-mobile-sheet-bar{
    min-height:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    align-items:center!important;
    padding:6px 8px!important;
    background:#fff!important;
    border-bottom:1px solid #edf0f3!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    flex:1 1 auto!important;
    padding:10px 12px 15px!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section[hidden],
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-edge-toggle{
    display:none!important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev76.is-v60-sheet-open .bbd-context-route-toolbar,
  .bbd-app.bbd-pro-workspace-v0230-dev76.is-v60-sheet-open .bbd-object-toolbar{
    display:none!important;
  }

  /* Options get the stable middle of the sheet rather than a nested tiny box. */
  .bbd-app.bbd-pro-workspace-v0230-dev76.bbd-v75-product-options-open #bbd-panel .bbd-v53-options,
  .bbd-app.bbd-pro-workspace-v0230-dev76 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options{
    min-height:280px!important;
    max-height:min(43dvh,390px)!important;
    flex:1 1 auto!important;
  }
}

@media (max-width:760px){
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(72dvh,620px)!important;
    min-height:min(465px,72dvh)!important;
    max-height:min(72dvh,620px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev76.bbd-v75-product-options-open #bbd-panel .bbd-v53-options,
  .bbd-app.bbd-pro-workspace-v0230-dev76 #bbd-panel .bbd-commerce-summary.bbd-v75-options-focus .bbd-v53-options{
    min-height:270px!important;
    max-height:min(45dvh,400px)!important;
  }
}

@media (max-width:390px){
  .bbd-app.bbd-pro-workspace-v0230-dev76{--bbd-v76-dock-height:67px;}
  .bbd-app.bbd-pro-workspace-v0230-dev76 > .bbd-v72-mobile-dock{
    left:6px!important;
    right:6px!important;
    gap:1px!important;
    padding:4px!important;
    border-radius:16px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev76 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    left:6px!important;
    right:6px!important;
    bottom:calc(var(--bbd-v76-dock-height) + 16px + env(safe-area-inset-bottom))!important;
  }
}