/* Baskibu Designer 0.25.22 — template-first personalization final */

/* First paint must never leak a second tool panel below the active panel. */
#bbd-panel [data-panel-content][hidden]{display:none!important}

/* Canvas-first layout: the stage is the workspace; the artboard is the only card. */
.bbd-app .bbd-stage-area{
  padding:6px 8px 8px!important;
}
.bbd-app .bbd-canvas-shell,
.bbd-app .bbd-canvas-shell.bbd-premium-canvas-shell{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.bbd-app .bbd-canvas-shell .canvas-container{
  outline:0!important;
  border:0!important;
  border-radius:2px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.13),0 2px 8px rgba(15,23,42,.06)!important;
}
.bbd-app .bbd-canvas-shell .canvas-container:hover{
  outline:0!important;
  box-shadow:0 14px 34px rgba(15,23,42,.15),0 2px 8px rgba(15,23,42,.07)!important;
}

/* Template choice is an explicit select -> use flow, not an accidental destructive click. */
#bbd-panel [data-panel-content="templates"]{padding-bottom:88px!important}
.bbd-template-card.is-template-candidate{
  border-color:#0b7a6a!important;
  box-shadow:0 0 0 2px rgba(11,122,106,.12),0 10px 24px rgba(15,23,42,.08)!important;
  transform:translateY(-1px)
}
.bbd-template-card.is-template-candidate .bbd-template-card__preview-action{
  background:#0b7a6a!important;color:#fff!important
}
.bbd-template-card.is-template-applied{
  border-color:#75b9ac!important;
  box-shadow:0 0 0 2px rgba(11,122,106,.08)!important
}
.bbd-template-card.is-template-applied .bbd-template-card__preview-action{
  background:#eaf7f3!important;color:#0b7a6a!important
}
.bbd-template-choice-bar{
  position:sticky;bottom:8px;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:14px 8px 0;padding:10px 10px 10px 12px;
  border:1px solid #cfe2dd;border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 30px rgba(15,23,42,.14);
  backdrop-filter:blur(12px)
}
.bbd-template-choice-bar[hidden]{display:none!important}
.bbd-template-choice-bar>span{min-width:0;display:grid;gap:2px}
.bbd-template-choice-bar small{font-size:8px;line-height:1.2;letter-spacing:.06em;font-weight:800;color:#7a8794}
.bbd-template-choice-bar strong{font-size:11.5px;line-height:1.25;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbd-template-choice-bar button{
  flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:10px;
  background:#0b7a6a;color:#fff;font-size:11px;font-weight:850;cursor:pointer
}
.bbd-template-choice-bar button:hover{filter:brightness(.96)}

/* Controlled personalization: required fields are obvious, but calm. */
.bbd-product-personalizer__heading strong{font-size:13px!important}
.bbd-personalizer-field.is-required>label{font-weight:800!important;color:#344054!important}
.bbd-personalizer-field.is-required-missing{
  padding:8px;border:1px solid #efc6c1;border-radius:10px;background:#fff8f7
}
.bbd-personalizer-field.is-required-missing>label{color:#b42318!important}
.bbd-personalizer-field.is-required-missing input,
.bbd-personalizer-field.is-required-missing textarea{border-color:#e79b93!important;box-shadow:0 0 0 2px rgba(180,35,24,.05)!important}

/* Corporate customer mode stays focused on choosing and personalizing a template. */
.bbd-corporate-template-mode [data-panel-content="product"] .bbd-product-personalizer{margin-top:0!important}
.bbd-corporate-template-mode [data-panel-content="product"] .bbd-product-personalizer__heading{
  padding-bottom:10px;border-bottom:1px solid #edf1f3
}

@media(max-width:760px){
  .bbd-app .bbd-stage-area{padding:4px!important}
  #bbd-panel [data-panel-content="templates"]{padding-bottom:82px!important}
  .bbd-template-choice-bar{bottom:6px;margin:10px 4px 0;padding:9px;border-radius:12px}
  .bbd-template-choice-bar button{min-height:40px;padding:0 11px;font-size:10.5px}
}

@media(prefers-reduced-motion:reduce){
  .bbd-template-card.is-template-candidate{transform:none}
}