/* Baskibu Designer 0.23.0-dev80
 * Final mobile polish: authoritative price surface, simple uploader, stable
 * product options and iOS-inspired Baskibu visual hierarchy.
 */
.bbd-app.bbd-pro-workspace-v0230-dev80{
  --bbd-v80-green:#0b7a6a;
  --bbd-v80-green-dark:#075f54;
  --bbd-v80-green-soft:#eaf7f3;
  --bbd-v80-ink:#101828;
  --bbd-v80-copy:#344054;
  --bbd-v80-muted:#667085;
  --bbd-v80-line:#dce4e8;
  --bbd-v80-soft:#f5f7f8;
}

/* Final price owner: never show a stale old number as if it belongs to the new choice. */
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-commerce-summary.bbd-v80-price-pending [data-bbd-commerce-price]{
  color:#667085!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-commerce-summary.bbd-v80-price-pending [data-bbd-commerce-price]::before{
  content:'';
  display:inline-block;
  width:13px;height:13px;
  margin-right:7px;
  vertical-align:-2px;
  border:2px solid #cbd5dc;
  border-top-color:var(--bbd-v80-green);
  border-radius:50%;
  animation:bbd-v80-spin .7s linear infinite;
}
@keyframes bbd-v80-spin{to{transform:rotate(360deg)}}

/* Stable canonical Product Engine options. */
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group>div{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group[data-bbd-v80-group="set_type"]>div,
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group[data-bbd-v80-group="material"]>div,
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group[data-bbd-v80-group="fabric"]>div{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group button.is-selected{
  border-color:var(--bbd-v80-green)!important;
  background:var(--bbd-v80-green-soft)!important;
  color:var(--bbd-v80-green-dark)!important;
  box-shadow:inset 0 0 0 1px rgba(11,122,106,.05)!important;
}

/* Upload is an upload tool again: one primary action, no overlapping tab ribbon. */
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel>.bbd-upload-tabs,
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel>.bbd-ai-intake,
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel>.bbd-upload-library{
  display:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:78px!important;
  height:auto!important;
  padding:12px 13px!important;
  margin:0!important;
  border:1px solid #d8e2e5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  background:var(--bbd-v80-green-soft)!important;
  color:var(--bbd-v80-green)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-icon svg{width:22px!important;height:22px!important;display:block!important}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  text-align:left!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-copy strong{
  color:var(--bbd-v80-ink)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-copy small{
  color:var(--bbd-v80-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader>em{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:var(--bbd-v80-green)!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:750!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader:hover>em{background:var(--bbd-v80-green-dark)!important}

/* Separate the asset library from upload so the panel reads in clear blocks. */
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-v51-assets{
  margin-top:4px!important;
  padding-top:16px!important;
  border-top:1px solid #edf1f3!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-v51-assets__head{
  margin-bottom:10px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-v51-assets__head strong{
  font-size:17px!important;
  line-height:1.2!important;
  color:var(--bbd-v80-ink)!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-v51-assets__head small{
  font-size:12.5px!important;
  color:var(--bbd-v80-muted)!important;
}

@media (max-width:1024px){
  /* A little more actual working room without covering the bottom dock. */
  .bbd-app.bbd-pro-workspace-v0230-dev80>#bbd-v60-mobile-sheet-host.is-open>#bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev80>#bbd-v60-mobile-sheet-host.is-open>#bbd-panel[hidden]{
    height:min(82dvh,760px)!important;
    max-height:min(82dvh,760px)!important;
    min-height:min(540px,82dvh)!important;
  }

  /* Sheet header always owns its row; content starts below it. */
  .bbd-app.bbd-pro-workspace-v0230-dev80>#bbd-v60-mobile-sheet-host.is-open>#bbd-panel>.bbd-mobile-sheet-bar{
    position:relative!important;
    z-index:30!important;
    background:#fff!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80>#bbd-v60-mobile-sheet-host.is-open>#bbd-panel>.bbd-panel-section:not([hidden]){
    position:relative!important;
    z-index:1!important;
    padding-top:14px!important;
    overflow-x:hidden!important;
  }

  /* The sheet title already says Görsel yükle; avoid a duplicate title inside. */
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel > h2{
    display:none!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel{
    gap:14px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    min-height:76px!important;
    padding:11px 12px!important;
    gap:10px!important;
  }

  /* Asset filters stay below the upload control and never float over it. */
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-scroll-tabs,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-category-chip-row,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-image-panel .bbd-v51-assets__filters{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
  }

  /* Mobile option editor: readable, stable and never nested into a tiny window. */
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v53-options{
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding:12px!important;
    background:#fff!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v53-options__body{
    max-height:none!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v80-option-group{
    padding:10px 0!important;
    border-top:1px solid #edf1f3!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v80-option-group:first-child{border-top:0!important;padding-top:2px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v80-option-group>strong{
    margin-bottom:8px!important;
    font-size:12px!important;
    color:#475467!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 #bbd-panel .bbd-v80-option-group button{
    min-height:46px!important;
    font-size:12px!important;
    font-weight:680!important;
  }

  /* Final micro polish across mobile panels. */
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-search-field input,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-field input,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-field select,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-field textarea{
    min-height:44px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-panel-section button,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-panel-section [role="button"]{
    -webkit-tap-highlight-color:transparent!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-dialog__panel,
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-confirm-dialog{
    border-radius:24px!important;
  }
}

@media (max-width:480px){
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-option-group>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader{
    grid-template-columns:38px minmax(0,1fr) auto!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-copy strong{font-size:14.5px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-upload-copy small{font-size:11.5px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-v80-uploader>em{padding-inline:11px!important;font-size:12px!important}
}

@media (prefers-reduced-motion:reduce){
  .bbd-app.bbd-pro-workspace-v0230-dev80 .bbd-commerce-summary.bbd-v80-price-pending [data-bbd-commerce-price]::before{animation:none!important}
}