/* Baskibu Designer 0.23.56 — upload recovery and readable navigation */

/* ----------------------------- Media workspace ---------------------------- */
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"].bbd-v2353-media-panel .bbd-v90-media-stack{
  gap:14px!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v90-media-section--upload.bbd-v2353-upload-section,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v90-media-section--assets.bbd-v2353-assets-section{
  border:1px solid #dfe8e6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__head,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-assets-section>.bbd-v90-media-section__head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  min-height:66px!important;
  padding:11px 12px!important;
  border-bottom:1px solid #edf2f1!important;
  background:#fff!important;
  cursor:default!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__body,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-assets-section>.bbd-v90-media-section__body{
  padding:12px!important;
}

/* The uploader must feel like a real working area, not a tiny toolbar row. */
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v81-upload-card,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v91-upload-card{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-height:132px!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  border:1.5px dashed #a9d7cd!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfefd 0%,#f2faf7 100%)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone:hover,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone:focus-visible,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.is-dragging{
  border-color:#0b7a6a!important;
  background:#eefaf6!important;
  box-shadow:0 0 0 3px rgba(11,122,106,.08)!important;
  outline:0!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__icon{
  width:56px!important;height:56px!important;min-width:56px!important;
  border-radius:12px!important;background:#e2f5ef!important;color:#0b7a6a!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__copy strong{
  font-size:16px!important;line-height:1.18!important;font-weight:820!important;color:#101828!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__copy p{
  margin-top:5px!important;font-size:12.5px!important;line-height:1.42!important;color:#667085!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__action{
  min-width:112px!important;height:46px!important;min-height:46px!important;padding:0 16px!important;
  border-radius:10px!important;background:#0b7a6a!important;color:#fff!important;font-size:13px!important;font-weight:820!important;
  box-shadow:0 5px 12px rgba(11,122,106,.16)!important;
}

/* Keep the uploader and every queue card reachable after scrolling/reopening. */
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__body{
  max-height:none!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.bbd-app .bbd-upload-intake-status{
  display:block!important;
  margin:10px 0 0!important;
  padding:10px 12px!important;
  border-radius:8px!important;
  background:#edf7f4!important;
  color:#075a4e!important;
  font-size:13px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere;
}
.bbd-app .bbd-upload-intake-status[data-tone="error"]{
  background:#fff1f2!important;
  color:#9f1239!important;
}
.bbd-app #bbd-upload-dropzone:focus-visible{
  outline:2px solid #0b7a6a!important;
  outline-offset:3px!important;
}

/* Preserve the two-column upload library from 0.23.48 and keep cards visible. */
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-list:not([hidden]){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}

@media (max-width:1024px){
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v81-upload-card,
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v91-upload-card{
    min-height:118px!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
    padding:14px!important;
  }
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-list:not([hidden]){
    grid-template-columns:1fr!important;
  }
}

/* One set of dimensions for the workspace column, rail, button and label.
   The ID makes these rules win over the older, deeply nested !important rules. */
@media (min-width:1025px){
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356{
    --bbd-rail-width:96px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar.bbd-v70-six-nav{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    box-sizing:border-box!important;
    padding:10px 6px!important;
    gap:6px!important;
    align-items:stretch!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-bbd-v70-primary="1"]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:6px 4px!important;
    box-sizing:border-box!important;
    gap:5px!important;
    border-radius:6px!important;
    overflow:visible!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-bbd-v70-primary="1"]>.bbd-v70-nav-label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
}
@media (max-width:1024px){
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar.bbd-v70-six-nav{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-inline:4px!important;
    gap:0!important;
    box-sizing:border-box!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-bbd-v70-primary="1"]{
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 2px!important;
    gap:4px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-bbd-v70-primary="1"]>.bbd-v70-nav-label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:clamp(9.5px,2.6vw,12px)!important;
    line-height:1.25!important;
    font-weight:650!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
}
#bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-bbd-v70-primary="1"]>svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  margin:0 auto!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-pro-workspace-v02356 .bbd-sidebar .bbd-tool[data-panel="background"]::before{
  content:none!important;
  display:none!important;
}

@media (prefers-reduced-motion:reduce){
  .bbd-app.bbd-pro-workspace-v02353 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}