/* Baskibu Designer 0.25.23 — quality control drawer final */

/* Retire the permanent quality card/chip from the artwork surface. The same
   live status is now owned by the top Quality pill + on-demand side drawer. */
.bbd-quality-drawer-final #bbd-quality-summary,
.bbd-quality-drawer-final .bbd-quality-summary{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.bbd-quality-drawer-backdrop{
  position:absolute!important;
  inset:56px 0 0!important;
  z-index:240!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:rgba(15,23,42,.06)!important;
  cursor:default!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.bbd-quality-drawer-backdrop[hidden]{display:none!important}
.bbd-quality-drawer-final.is-quality-drawer-open .bbd-quality-drawer-backdrop{opacity:1!important}

.bbd-quality-drawer{
  position:absolute!important;
  top:56px!important;
  right:0!important;
  bottom:0!important;
  z-index:250!important;
  width:min(390px,calc(100vw - 118px))!important;
  min-width:330px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  background:#fff!important;
  border:0!important;
  border-left:1px solid #dfe6ea!important;
  box-shadow:-18px 0 48px rgba(15,23,42,.15)!important;
  color:#172033!important;
  transform:translateX(104%)!important;
  opacity:.98!important;
  transition:transform .2s cubic-bezier(.2,.75,.25,1),opacity .18s ease!important;
  overflow:hidden!important;
}
.bbd-quality-drawer[hidden]{display:none!important}
.bbd-quality-drawer.is-open{transform:translateX(0)!important;opacity:1!important}

.bbd-quality-drawer__header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:18px 18px 14px!important;
  border-bottom:1px solid #edf1f3!important;
  background:#fff!important;
}
.bbd-quality-drawer__heading{display:grid!important;gap:3px!important;min-width:0!important}
.bbd-quality-drawer__heading small{
  font-size:9px!important;line-height:1.2!important;font-weight:850!important;
  letter-spacing:.08em!important;color:#7c8996!important
}
.bbd-quality-drawer__heading strong{font-size:18px!important;line-height:1.18!important;font-weight:850!important;color:#172033!important}
.bbd-quality-drawer__heading em{font-style:normal!important;font-size:11px!important;line-height:1.4!important;color:#667085!important}
.bbd-quality-drawer__close{
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid #e3e8ed!important;border-radius:10px!important;
  background:#f8fafb!important;color:#526071!important;font-size:21px!important;line-height:1!important;cursor:pointer!important
}
.bbd-quality-drawer__close:hover,.bbd-quality-drawer__close:focus-visible{background:#eef3f5!important;outline:2px solid rgba(11,122,106,.16)!important;outline-offset:1px!important}

.bbd-quality-drawer__body{min-height:0!important;overflow:auto!important;padding:16px 16px 24px!important;background:#f8fafb!important}
.bbd-quality-drawer__body::-webkit-scrollbar{width:7px}
.bbd-quality-drawer__body::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:99px}

.bbd-quality-drawer__score{
  display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;
  padding:14px!important;margin-bottom:14px!important;border:1px solid #dfe6ea!important;border-radius:14px!important;background:#fff!important
}
.bbd-quality-drawer__ring{
  width:60px!important;height:60px!important;border-radius:50%!important;display:grid!important;place-items:center!important;align-content:center!important;
  border:5px solid #d8e0e5!important;background:#fff!important
}
.bbd-quality-drawer__score[data-tone="ready"] .bbd-quality-drawer__ring{border-color:#62b5a7!important}
.bbd-quality-drawer__score[data-tone="warning"] .bbd-quality-drawer__ring{border-color:#f3bd62!important}
.bbd-quality-drawer__score[data-tone="critical"] .bbd-quality-drawer__ring{border-color:#e88b83!important}
.bbd-quality-drawer__ring strong{font-size:20px!important;line-height:1!important;font-weight:900!important;color:#172033!important}
.bbd-quality-drawer__ring small{font-size:8px!important;line-height:1!important;color:#98a2b3!important;margin-top:2px!important}
.bbd-quality-drawer__score>span{display:grid!important;gap:2px!important;min-width:0!important}
.bbd-quality-drawer__score>span>small{font-size:8.5px!important;letter-spacing:.06em!important;font-weight:850!important;color:#98a2b3!important}
.bbd-quality-drawer__score>span>strong{font-size:14px!important;line-height:1.25!important;font-weight:850!important;color:#172033!important}
.bbd-quality-drawer__score>span>em{font-style:normal!important;font-size:10.5px!important;line-height:1.35!important;color:#667085!important}

.bbd-quality-drawer__list{display:grid!important;gap:9px!important}
.bbd-quality-drawer__item{
  display:grid!important;grid-template-columns:9px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  padding:12px!important;border:1px solid #e2e8ec!important;border-radius:12px!important;background:#fff!important
}
.bbd-quality-drawer__item>i{width:8px!important;height:8px!important;border-radius:50%!important;background:#94a3b8!important;align-self:start!important;margin-top:5px!important}
.bbd-quality-drawer__item[data-level="error"]>i{background:#dc4c40!important;box-shadow:0 0 0 3px rgba(220,76,64,.09)!important}
.bbd-quality-drawer__item[data-level="warning"]>i{background:#e9a83b!important;box-shadow:0 0 0 3px rgba(233,168,59,.10)!important}
.bbd-quality-drawer__item[data-level="info"]>i{background:#4d83c5!important;box-shadow:0 0 0 3px rgba(77,131,197,.09)!important}
.bbd-quality-drawer__item>span{display:grid!important;gap:3px!important;min-width:0!important}
.bbd-quality-drawer__item>span>strong{font-size:11.5px!important;line-height:1.3!important;font-weight:820!important;color:#263445!important}
.bbd-quality-drawer__item>span>small{font-size:9.5px!important;line-height:1.42!important;color:#667085!important}
.bbd-quality-drawer__item>button{
  align-self:center!important;min-height:32px!important;padding:0 10px!important;border:1px solid #cfd9dd!important;border-radius:9px!important;
  background:#fff!important;color:#0b7a6a!important;font-size:9.5px!important;font-weight:820!important;white-space:nowrap!important;cursor:pointer!important
}
.bbd-quality-drawer__item>button:hover,.bbd-quality-drawer__item>button:focus-visible{background:#eef8f5!important;border-color:#8dc5ba!important;outline:none!important}

.bbd-quality-drawer__empty{
  display:grid!important;justify-items:center!important;text-align:center!important;gap:5px!important;padding:34px 18px!important;
  border:1px solid #dce8e4!important;border-radius:14px!important;background:#fff!important
}
.bbd-quality-drawer__empty>span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eaf7f3!important;color:#0b7a6a!important;font-size:19px!important;font-weight:900!important}
.bbd-quality-drawer__empty>strong{font-size:13px!important;color:#172033!important}
.bbd-quality-drawer__empty>small{max-width:30ch!important;font-size:10px!important;line-height:1.45!important;color:#667085!important}

.bbd-quality-drawer__footer{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px 14px!important;
  border-top:1px solid #e6ebee!important;background:#fff!important
}
.bbd-quality-drawer__footer button{min-height:40px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:850!important;cursor:pointer!important}
.bbd-quality-drawer__refresh{border:1px solid #d7e0e3!important;background:#fff!important;color:#475467!important}
.bbd-quality-drawer__done{border:1px solid #0b7a6a!important;background:#0b7a6a!important;color:#fff!important}
.bbd-quality-drawer__refresh:hover{background:#f5f8f9!important}
.bbd-quality-drawer__done:hover{filter:brightness(.96)!important}

/* The top Quality pill is the single persistent entry point. */
.bbd-quality-drawer-final .bbd-v2349-quality-pill{position:relative!important;z-index:2!important}
.bbd-quality-drawer-final .bbd-v2349-quality-pill:focus-visible{outline:2px solid rgba(11,122,106,.22)!important;outline-offset:2px!important}

@media(max-width:760px){
  .bbd-quality-drawer-backdrop{inset:0!important;background:rgba(15,23,42,.28)!important}
  .bbd-quality-drawer{
    top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;min-width:0!important;max-height:76dvh!important;
    border-left:0!important;border-top:1px solid #dfe6ea!important;border-radius:18px 18px 0 0!important;
    box-shadow:0 -18px 46px rgba(15,23,42,.18)!important;transform:translateY(104%)!important
  }
  .bbd-quality-drawer.is-open{transform:translateY(0)!important}
  .bbd-quality-drawer__header{padding:15px 15px 12px!important}
  .bbd-quality-drawer__heading strong{font-size:16px!important}
  .bbd-quality-drawer__body{padding:12px 12px 20px!important}
  .bbd-quality-drawer__item{grid-template-columns:8px minmax(0,1fr)!important}
  .bbd-quality-drawer__item>button{grid-column:2!important;justify-self:start!important}
}

@media(prefers-reduced-motion:reduce){
  .bbd-quality-drawer,.bbd-quality-drawer-backdrop{transition:none!important}
}