/* Baskibu Designer 0.23.0-dev91
   Mobile stability + layer/media polish. Loaded after dev90. */

.bbd-app.bbd-pro-workspace-v0230-dev91{
  --bbd-v91-green:#0b7a6a;
  --bbd-v91-green-soft:#edf8f5;
  --bbd-v91-ink:#101828;
  --bbd-v91-muted:#667085;
  --bbd-v91-line:#dde6e4;
  --bbd-v91-surface:#fff;
}

/* Product options: no opacity/pending theatrics while state/price settles. */
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v81-option{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 [data-bbd-v53-options],
.bbd-app.bbd-pro-workspace-v0230-dev91 [data-bbd-v53-options-body],
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v81-options-shell{
  overflow-anchor:none!important;
}

/* --------------------------------------------------------------------------
   Upload: one clear action card. Remove duplicate heading + giant CTA feeling.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-upload-section{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-upload-section>.bbd-v90-media-section__head{
  display:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-upload-section>.bbd-v90-media-section__body{
  padding:0!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone.bbd-v91-upload-card,
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone.bbd-v81-upload-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  min-height:92px!important;
  height:auto!important;
  padding:14px!important;
  margin:0!important;
  border:1px solid #d9e5e2!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fcfb 100%)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
  text-align:left!important;
  overflow:hidden!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  border-radius:16px!important;
  background:#e8f7f3!important;
  color:var(--bbd-v91-green)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__icon svg{
  width:24px!important;height:24px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__copy{
  min-width:0!important;
  max-width:none!important;
  text-align:left!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__copy strong{
  margin:0 0 4px!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:var(--bbd-v91-ink)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__copy p{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:550!important;
  color:var(--bbd-v91-muted)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-upload-dropzone .bbd-v81-upload-card__action{
  position:static!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  min-width:104px!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  background:var(--bbd-v91-green)!important;
  color:#fff!important;
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 5px 12px rgba(11,122,106,.16)!important;
}

/* Ready-made content remains visually distinct from upload. */
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v90-media-section--assets{
  margin-top:2px!important;
  border-color:#e1e8e7!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v90-media-section--assets>.bbd-v90-media-section__head{
  padding-block:12px!important;
}

/* --------------------------------------------------------------------------
   Layers: give the actual layer row breathing room, then make commands compact.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel .bbd-search-field{
  margin:0!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel #bbd-layer-search{
  min-height:44px!important;
  height:44px!important;
  border-radius:14px!important;
  padding-inline:13px!important;
  font-size:14px!important;
  background:#fff!important;
  border:1px solid #d9e2e5!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:112px!important;
  max-height:176px!important;
  padding:3px 2px!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#b7c3c8 transparent!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:46px 36px!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-height:96px!important;
  padding:7px!important;
  border:1px solid #e0e7e6!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(15,23,42,.03)!important;
  overflow:hidden!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-row.is-selected{
  border-color:#8bcbbb!important;
  background:#f1faf7!important;
  box-shadow:0 0 0 2px rgba(11,122,106,.08)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-main{
  grid-column:1/-1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:46px!important;
  padding:5px 9px!important;
  border-radius:12px!important;
  background:transparent!important;
  gap:9px!important;
  text-align:left!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-kind{
  flex:0 0 30px!important;
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;border-radius:10px!important;
  background:#f0f5f4!important;color:#475467!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#1d2939!important;
  font-size:13.5px!important;
  font-weight:750!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-eye,
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-solo,
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-lock,
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-copy,
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-trash{
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid #e2e8e7!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#667085!important;
  opacity:1!important;
  visibility:visible!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-eye{grid-column:1!important}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-solo{grid-column:2!important}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-lock{grid-column:3!important}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-copy{grid-column:4!important}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list .bbd-layer-trash{grid-column:5!important;color:#b42318!important;background:#fff8f7!important;border-color:#fee4e2!important}

.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel>.bbd-inline-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel>.bbd-inline-actions>button,
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel>#bbd-duplicate{
  min-height:42px!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel>#bbd-duplicate{
  width:100%!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel .bbd-field{
  margin-top:2px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel .bbd-command-grid{
  gap:7px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel .bbd-command-grid button{
  min-height:46px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
}

@media (max-width:760px){
  /* Upload becomes a compact 2-row iOS card, never a full-width giant CTA. */
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone.bbd-v91-upload-card,
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone.bbd-v81-upload-card{
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto 44px!important;
    gap:10px 11px!important;
    min-height:132px!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__icon{
    width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__copy strong{
    font-size:16px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__copy p{
    font-size:12px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev91 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__action{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }

  /* More room for Layers without making the whole sheet taller. */
  .bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layers-panel{
    gap:10px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev91 .bbd-v91-layer-list{
    min-height:108px!important;
    max-height:166px!important;
  }

  /* Option surface remains visually fixed while Product Engine settles. */
  .bbd-app.bbd-pro-workspace-v0230-dev91 [data-bbd-v53-options-body]{
    min-height:260px!important;
    contain:layout style!important;
  }
}