/* Baskibu Designer 0.23.0-dev70 — stable resize owner, six real nav items, white/green corporate navigation */

.bbd-app.bbd-pro-workspace-v0230-dev70 {
  --bbd-accent: #0b7a6a !important;
  --bbd-accent-hover: #075f54 !important;
  --bbd-accent-dark: #075f54 !important;
  --bbd-accent-soft: #e9f7f4 !important;
  --bbd-color-accent: #0b7a6a !important;
  --bbd-color-accent-dark: #075f54 !important;
  --bbd-color-accent-soft: #e9f7f4 !important;
}

/* The portal can never become an invisible click blocker. */
.bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host:not(.is-open) {
  pointer-events: none !important;
}
.bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host {
  display: none !important;
  pointer-events: none !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host:not(.is-open) > #bbd-panel,
.bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host:not(.is-open) > #bbd-panel[hidden] {
  display: none !important;
  pointer-events: none !important;
}

/* Exactly six actual rail children. Anything legacy parked by JS cannot affect width. */
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: #fff !important;
  border-color: #e4e9e7 !important;
  box-shadow: none !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav > .bbd-sidebar-active-indicator,
.bbd-app.bbd-pro-workspace-v0230-dev70 #bbd-v70-nav-parking {
  display: none !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] {
  color: #344054 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]::before,
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]::after {
  display: none !important;
  content: none !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-nav-svg {
  display: block !important;
  flex: 0 0 auto !important;
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  min-height: 23px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  overflow: visible !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-palette-svg {
  width: 27px !important;
  height: 24px !important;
  min-width: 27px !important;
  min-height: 24px !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-nav-label {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: 760 !important;
  text-align: center !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"]:hover {
  background: #f4f8f7 !important;
  color: #075f54 !important;
}
.bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"].is-active {
  background: #0b7a6a !important;
  color: #fff !important;
  border-color: #0b7a6a !important;
  box-shadow: 0 7px 18px rgba(11,122,106,.18) !important;
}
.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,
.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-label {
  color: #fff !important;
}

/* Desktop: white rail, quiet inactive buttons, solid corporate-green selected button. */
@media (min-width:1025px) {
  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    border-right: 1px solid #e4e9e7 !important;
    border-top: 0 !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"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 12px) !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 58px !important;
    margin: 5px 6px !important;
    padding: 7px 3px !important;
    border-radius: 12px !important;
    gap: 4px !important;
  }
  .bbd-modal[data-layout="docked"] .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-nav-label {
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

/* Mobile/tablet: literal six-way flex. No grid, no seventh slot, no moving circle. */
@media (max-width:1024px) {
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-top: 1px solid #e4e9e7 !important;
    border-right: 0 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
    width: calc(100% / 6) !important;
    min-width: 0 !important;
    max-width: calc(100% / 6) !important;
    height: 62px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 6px 2px 5px !important;
    border-radius: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"].is-active {
    border-radius: 12px 12px 0 0 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-nav-label {
    width: 100% !important;
    padding: 0 1px !important;
    font-size: 8.4px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Slightly taller because committed selections now close the sheet automatically. */
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    height: min(64dvh, 560px) !important;
    min-height: 425px !important;
    max-height: min(64dvh, 560px) !important;
    background: #fff !important;
    border-color: #dce5e2 !important;
    box-shadow: 0 18px 46px rgba(13,21,25,.17) !important;
    pointer-events: auto !important;
  }

  /* White secondary surfaces; selected sub-tabs use soft green instead of orange. */
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open .bbd-segmented,
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open .bbd-tab-list,
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open [role="tablist"] {
    background: #f7f9f8 !important;
    border-color: #e5ebe9 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open [role="tab"],
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open .bbd-segmented button {
    background: #fff !important;
    color: #475467 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open [role="tab"].is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open [role="tab"][aria-selected="true"],
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open .bbd-segmented button.is-active {
    background: #e9f7f4 !important;
    color: #075f54 !important;
    border-color: rgba(11,122,106,.35) !important;
  }
}

@media (max-width:390px) {
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev70 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    height: min(65dvh, 530px) !important;
    min-height: 405px !important;
    max-height: min(65dvh, 530px) !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-tool[data-bbd-v70-primary="1"] {
    height: 60px !important;
    min-height: 60px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev70 .bbd-sidebar.bbd-v70-six-nav .bbd-v70-nav-label {
    font-size: 7.8px !important;
  }
}