/* Baskibu Designer 0.23.34 — rounded rail + shared-axis panel motion
   Visual-only shell polish. Keeps commerce, save, canvas and template engines untouched. */

/* Desktop rail: softer 15px app tiles instead of square buttons. */
@media (min-width:1025px) {
  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] {
    border-radius:15px !important;
    transition:
      background-color 170ms cubic-bezier(.2,.8,.2,1),
      color 170ms cubic-bezier(.2,.8,.2,1),
      box-shadow 190ms cubic-bezier(.2,.8,.2,1),
      transform 170ms cubic-bezier(.2,.8,.2,1) !important;
    transform:translate3d(0,0,0) scale(1) !important;
    transform-origin:center !important;
  }

  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]:hover:not(.is-active) {
    border-radius:15px !important;
    background:#f2f8f6 !important;
    color:#075f54 !important;
    box-shadow:0 6px 16px rgba(15,23,42,.055) !important;
    transform:translate3d(0,-1px,0) scale(1.012) !important;
  }

  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"].is-active {
    border-radius:15px !important;
    background:linear-gradient(180deg,#108b79 0%,#0b7a6a 100%) !important;
    color:#fff !important;
    box-shadow:
      0 9px 20px rgba(11,122,106,.20),
      inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]:active {
    transform:translate3d(0,0,0) scale(.965) !important;
    transition-duration:80ms !important;
  }

  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] .bbd-v70-nav-svg {
    transition:transform 180ms cubic-bezier(.2,.8,.2,1), color 170ms ease !important;
  }

  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"].is-active .bbd-v70-nav-svg {
    transform:scale(1.045) !important;
  }
}

/* Shared-axis content motion: JS supplies the direction, CSS keeps the panel clipped and calm. */
.bbd-app.bbd-v02334-motion-ready #bbd-panel {
  overflow-x:hidden !important;
}
.bbd-app.bbd-v02334-motion-ready #bbd-panel > [data-panel-content]:not([hidden]) {
  will-change:transform,opacity;
  backface-visibility:hidden;
  transform:translateZ(0);
}

/* Compact nav gets the same tactile language, without changing its six-column geometry. */
@media (max-width:1024px) {
  .bbd-app.bbd-v02334-motion-ready .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] {
    border-radius:15px !important;
    transition:
      background-color 160ms cubic-bezier(.2,.8,.2,1),
      color 160ms cubic-bezier(.2,.8,.2,1),
      transform 140ms cubic-bezier(.2,.8,.2,1) !important;
  }
  .bbd-app.bbd-v02334-motion-ready .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]:active {
    transform:scale(.965) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .bbd-app.bbd-v02334-motion-ready .bbd-sidebar .bbd-tool,
  .bbd-app.bbd-v02334-motion-ready .bbd-sidebar .bbd-tool .bbd-v70-nav-svg {
    transition:none !important;
    transform:none !important;
  }
}