/* Baskibu Designer 0.23.12 — Clean Layers + Tight Text Bounds
 * Layers becomes a dense object navigator, not a settings wall.
 * Textbox visual bounds are corrected in JS so object alignment follows the
 * visible text instead of an oversized legacy textbox width.
 */

.bbd-app.bbd-release-02312 .bbd-v2312-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  pointer-events:none!important;
}

/* --------------------------------------------------------------------------
   Layers: object list first, secondary commands second.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-release-02312 .bbd-v2312-layers-clean{
  gap:10px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layers-clean>.bbd-pro-panel-intro[data-for="layers"]{
  display:none!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-search{
  margin:0!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-search input{
  min-height:42px!important;
  height:42px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}

.bbd-app.bbd-release-02312 .bbd-v2312-layer-list,
.bbd-app.bbd-release-02312 .bbd-v92-layers-panel #bbd-layer-list.bbd-v2312-layer-list,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-height:150px!important;
  max-height:min(43vh,430px)!important;
  padding:2px!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}

.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-row,
.bbd-app.bbd-release-02312 .bbd-v92-layers-panel .bbd-v2312-layer-list .bbd-layer-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) repeat(5,30px)!important;
  grid-template-rows:48px!important;
  align-items:center!important;
  gap:3px!important;
  min-height:48px!important;
  height:48px!important;
  padding:4px 5px!important;
  border:1px solid #e3e9e8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row:hover{
  border-color:#cfdad7!important;
  background:#fbfdfc!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected{
  border-color:#7fc8b7!important;
  background:#f0faf7!important;
  box-shadow:0 0 0 2px rgba(11,122,106,.07)!important;
}

.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-main,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-main,
.bbd-app.bbd-release-02312 .bbd-v92-layers-panel .bbd-v2312-layer-list .bbd-layer-main{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:3px 5px!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-drag-handle{
  flex:0 0 9px!important;
  width:9px!important;
  opacity:.26!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row:hover .bbd-layer-drag-handle,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected .bbd-layer-drag-handle{
  opacity:.62!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-thumb{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-text{
  min-width:0!important;
  display:block!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-name{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#263445!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
}
/* Quality already has a dedicated workspace indicator; repeating it on every
   layer is visual noise. Group/template metadata remains available through the
   object itself, but is intentionally not repeated in the navigator. */
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-meta,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-quality{
  display:none!important;
}

.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-eye,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-solo,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-lock,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-copy,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-trash,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-eye,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-solo,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-lock,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-copy,
.bbd-app.bbd-release-02312 .bbd-v91-layer-list.bbd-v2312-layer-list .bbd-layer-trash{
  grid-row:1!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  place-items:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#667085!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .12s ease,background-color .12s ease,color .12s ease!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-eye{grid-column:2!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-solo{grid-column:3!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-lock{grid-column:4!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-copy{grid-column:5!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-trash{grid-column:6!important;color:#b42318!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row:hover>button:not(.bbd-layer-main),
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row:focus-within>button:not(.bbd-layer-main),
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected>button:not(.bbd-layer-main){
  opacity:1!important;
  visibility:visible!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row>button:not(.bbd-layer-main):hover{
  background:#eef4f2!important;
  color:#263445!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-trash:hover{
  background:#fff0ee!important;
  color:#b42318!important;
}

/* Order is one compact four-button toolbar. */
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 9px!important;
  border:1px solid #e3e9e8!important;
  border-radius:13px!important;
  background:#fafcfb!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order .bbd-v92-card-title{
  min-width:36px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order .bbd-v92-card-title strong{
  font-size:11.5px!important;
  font-weight:800!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order .bbd-v92-layer-order-actions{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order .bbd-v92-layer-order-actions button{
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e0e8e6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#526071!important;
}

/* Alignment keeps only the six frequent commands visible. */
.bbd-app.bbd-release-02312 .bbd-v2312-align-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid #e3e9e8!important;
  border-radius:13px!important;
  background:#fff!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-align-card>span{
  color:#344054!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-align-grid{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:4px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-align-grid>[data-bbd-align]{
  display:none!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-align-grid>.bbd-v2312-align-primary{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  border:1px solid #e1e8e6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#526071!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-align-grid>.bbd-v2312-align-primary:hover,
.bbd-app.bbd-release-02312 .bbd-v2312-layer-order button:hover{
  border-color:#b9d8d1!important;
  background:#f0f8f6!important;
  color:#0b7a6a!important;
}

/* Rare layer operations live behind one calm disclosure. */
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more{
  margin:0!important;
  border:1px solid #e3e9e8!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more>summary{
  min-height:40px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  cursor:pointer!important;
  list-style:none!important;
  color:#526071!important;
  user-select:none!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more>summary::-webkit-details-marker{display:none!important}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more>summary>span:first-child{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more>summary strong{
  font-size:11.5px!important;
  font-weight:760!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-chevron{
  transition:transform .15s ease!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more[open] .bbd-v2312-chevron{
  transform:rotate(180deg)!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-layer-more__body{
  display:grid!important;
  gap:7px!important;
  padding:0 9px 9px!important;
  border-top:1px solid #edf1f0!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-advanced-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  padding-top:8px!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-advanced-grid button,
.bbd-app.bbd-release-02312 .bbd-v2312-group-row button,
.bbd-app.bbd-release-02312 .bbd-v2312-delete-action{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0!important;
  border:1px solid #e1e8e6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#526071!important;
  box-shadow:none!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-group-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin:0!important;
}
.bbd-app.bbd-release-02312 .bbd-v2312-delete-action{
  width:100%!important;
  color:#b42318!important;
  border-color:#fee4e2!important;
  background:#fff8f7!important;
}

/* Compact layouts keep row actions available on the selected layer because
   hover does not exist on touch screens. */
@media (max-width:1100px){
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list{
    max-height:min(35dvh,300px)!important;
    min-height:120px!important;
  }
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row{
    grid-template-columns:minmax(0,1fr) repeat(3,32px)!important;
  }
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-eye{grid-column:2!important}
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-lock{grid-column:3!important}
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-trash{grid-column:4!important}
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-solo,
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-copy{display:none!important}
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected>.bbd-layer-eye,
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected>.bbd-layer-lock,
  .bbd-app.bbd-release-02312 .bbd-v2312-layer-list .bbd-layer-row.is-selected>.bbd-layer-trash{
    opacity:1!important;
    visibility:visible!important;
  }
  .bbd-app.bbd-release-02312 .bbd-v2312-align-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}