/* Baskibu Designer 0.23.0-dev72 — Mobile dock owner
   A dedicated six-button dock that does not reuse the legacy sidebar buttons. */

.bbd-app.bbd-pro-workspace-v0230-dev72 {
  --bbd-v72-green:#0b7a6a;
  --bbd-v72-green-dark:#075f54;
  --bbd-v72-green-soft:#eaf7f3;
  --bbd-v72-ink:#26323a;
  --bbd-v72-muted:#667085;
  --bbd-v72-line:#dfe7e4;
  --bbd-v72-dock-height:70px;
}

/* Desktop/tablet keep using the canonical sidebar. */
.bbd-app.bbd-pro-workspace-v0230-dev72 > .bbd-v72-mobile-dock {
  display:none;
}

@media (max-width:760px) {
  .bbd-app.bbd-pro-workspace-v0230-dev72 {
    --bbd-v60-nav-height:calc(var(--bbd-v72-dock-height) + 14px) !important;
    position:relative !important;
  }

  /* The old rail is intentionally removed from the mobile layout. This avoids
     every historical grid/flex/active-indicator rule fighting the final dock. */
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-sidebar,
  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-sidebar {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

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

  .bbd-app.bbd-pro-workspace-v0230-dev72 > .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-v72-dock-height) !important;
    min-height:var(--bbd-v72-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-v72-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-dev72 .bbd-v72-dock-item {
    appearance:none !important;
    -webkit-appearance:none !important;
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:5px 1px 4px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:transparent !important;
    color:var(--bbd-v72-muted) !important;
    box-shadow:none !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .10s ease !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item:hover,
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item:focus-visible {
    background:#f4f8f7 !important;
    color:var(--bbd-v72-green-dark) !important;
    outline:none !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item:active {
    transform:scale(.965) !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item.is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item[aria-current="page"] {
    background:var(--bbd-v72-green) !important;
    color:#fff !important;
    border-color:var(--bbd-v72-green) !important;
    box-shadow:0 6px 14px rgba(11,122,106,.18) !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-svg {
    display:block !important;
    flex:0 0 auto !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    color:currentColor !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-svg:not(.bbd-v72-palette-svg) {
    fill:none !important;
    stroke:currentColor !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-palette-svg {
    width:23px !important;
    height:20px !important;
    min-width:23px !important;
    min-height:20px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-label {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 1px !important;
    color:inherit !important;
    font-size:8.9px !important;
    font-weight:760 !important;
    line-height:1.05 !important;
    letter-spacing:-.05px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Keep foreground sheets above the canvas but stop them above the owned dock. */
  .bbd-app.bbd-pro-workspace-v0230-dev72 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev72 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    left:8px !important;
    right:8px !important;
    bottom:calc(var(--bbd-v72-dock-height) + 19px + env(safe-area-inset-bottom)) !important;
    border-radius:18px !important;
  }
}

@media (max-width:390px) {
  .bbd-app.bbd-pro-workspace-v0230-dev72 {
    --bbd-v72-dock-height:67px;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev72 > .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-dev72 .bbd-v72-dock-item {
    gap:3px !important;
    border-radius:11px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-svg {
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-label {
    font-size:8.15px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev72 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev72 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    left:6px !important;
    right:6px !important;
    bottom:calc(var(--bbd-v72-dock-height) + 16px + env(safe-area-inset-bottom)) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .bbd-app.bbd-pro-workspace-v0230-dev72 .bbd-v72-dock-item { transition:none !important; }
}