/* Baskibu Designer 0.23.0-dev90
   Mobile iOS-inspired UX system: sheet, dock, toast and media hierarchy. */

.bbd-app.bbd-pro-workspace-v0230-dev90{
  --bbd-v90-green:#0b7a6a;
  --bbd-v90-green-2:#12927d;
  --bbd-v90-green-soft:#eaf7f3;
  --bbd-v90-navy:#101828;
  --bbd-v90-slate:#667085;
  --bbd-v90-border:#dbe5e2;
  --bbd-v90-surface:#ffffff;
  --bbd-v90-amber:#d97706;
  --bbd-v90-amber-soft:#fff7e8;
  --bbd-v90-red:#c83737;
  --bbd-v90-red-soft:#fff0f0;
}

/* --------------------------------------------------------------------------
   Rich feedback toasts — always above sheets/dock, never behind navigation.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev90 > .bbd-v90-toast-region{
  position:absolute!important;
  z-index:2147483646!important;
  top:76px!important;
  left:50%!important;
  width:min(430px,calc(100% - 24px))!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  pointer-events:none!important;
}

.bbd-v90-toast{
  --toast-accent:var(--bbd-v90-navy);
  --toast-soft:#f3f5f7;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:64px!important;
  padding:9px 9px 9px 10px!important;
  border:1px solid color-mix(in srgb,var(--toast-accent) 18%,#e5e7eb)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
  pointer-events:auto!important;
  animation:bbd-v90-toast-in .22s cubic-bezier(.2,.78,.24,1) both!important;
}
.bbd-v90-toast.is-success{--toast-accent:var(--bbd-v90-green);--toast-soft:var(--bbd-v90-green-soft)}
.bbd-v90-toast.is-info{--toast-accent:#344054;--toast-soft:#f2f4f7}
.bbd-v90-toast.is-warning{--toast-accent:var(--bbd-v90-amber);--toast-soft:var(--bbd-v90-amber-soft)}
.bbd-v90-toast.is-error{--toast-accent:var(--bbd-v90-red);--toast-soft:var(--bbd-v90-red-soft)}
.bbd-v90-toast.is-progress{--toast-accent:#155eef;--toast-soft:#eff4ff}
.bbd-v90-toast.is-leaving{opacity:0!important;transform:translateY(-8px) scale(.985)!important;transition:.18s ease!important}
.bbd-v90-toast__icon{
  display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;
  background:var(--toast-soft)!important;color:var(--toast-accent)!important;
}
.bbd-v90-toast__icon svg{width:21px!important;height:21px!important}
.bbd-v90-toast__copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.bbd-v90-toast__copy strong{font-size:14px!important;line-height:1.18!important;font-weight:800!important;color:#101828!important;letter-spacing:-.01em!important}
.bbd-v90-toast__copy small{font-size:12px!important;line-height:1.35!important;font-weight:560!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bbd-v90-toast__close{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border:0!important;border-radius:11px!important;background:#f2f4f7!important;color:#667085!important;font-size:21px!important;line-height:1!important;padding:0!important}

@keyframes bbd-v90-toast-in{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}

/* --------------------------------------------------------------------------
   Media panel: clearly separate the user's upload from ready-made assets.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-panel{
  gap:14px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #e0e8e6!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(15,23,42,.035)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px 14px!important;
  border-bottom:1px solid #edf2f1!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__icon{
  display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;
  background:var(--bbd-v90-green-soft)!important;color:var(--bbd-v90-green)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__icon svg{
  width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head>span:nth-child(2){display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head strong{font-size:15px!important;line-height:1.18!important;font-weight:800!important;color:#101828!important;letter-spacing:-.015em!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head small{font-size:11.5px!important;line-height:1.35!important;font-weight:560!important;color:#667085!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head em{
  font-style:normal!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;
  padding:6px 8px!important;border-radius:999px!important;background:#f2f4f7!important;color:#667085!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section--upload .bbd-v90-media-section__head em{background:var(--bbd-v90-green-soft)!important;color:var(--bbd-v90-green)!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__body{padding:12px!important;min-width:0!important}

/* dev80 uploader becomes a compact app-grade action card, not a second heading. */
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section--upload .bbd-v80-uploader,
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section--upload #bbd-upload-dropzone{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:11px!important;
  border:1.5px dashed #bfd9d3!important;
  border-radius:18px!important;
  background:#f7fcfa!important;
  box-shadow:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-icon{
  display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:15px!important;background:#e6f6f1!important;color:var(--bbd-v90-green)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-icon svg{width:24px!important;height:24px!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-copy strong{font-size:14px!important;font-weight:800!important;color:#101828!important;line-height:1.2!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-copy small{font-size:11.5px!important;color:#667085!important;line-height:1.3!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-uploader>em{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 14px!important;
  border-radius:14px!important;background:var(--bbd-v90-green)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;font-style:normal!important;white-space:nowrap!important;
}

/* Remove the nested library heading; dev90 owns the hierarchy. */
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library>.bbd-v51-assets__head{display:none!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-assets__cats{
  margin:0 0 11px!important;padding:0 0 4px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-assets__cats::-webkit-scrollbar{display:none!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-assets__cats button{
  flex:0 0 auto!important;min-height:34px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid #dfe7e5!important;background:#fff!important;color:#667085!important;font-size:11px!important;font-weight:700!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-assets__cats button[aria-pressed="true"]{
  border-color:#9dcfc3!important;background:#eaf7f3!important;color:var(--bbd-v90-green)!important;box-shadow:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-assets__grid{gap:8px!important}
.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-assets-library .bbd-v51-asset-card{
  border-radius:16px!important;border:1px solid #e0e6e5!important;background:#fff!important;box-shadow:0 2px 6px rgba(15,23,42,.025)!important;overflow:hidden!important;
}

/* --------------------------------------------------------------------------
   Mobile sheet: opaque, shorter, draggable-looking, canvas remains visible.
   No transparency on content: readability wins. Direct visual choices auto-close.
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    left:8px!important;
    right:8px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    height:min(64dvh,590px)!important;
    min-height:min(360px,64dvh)!important;
    max-height:min(64dvh,590px)!important;
    border:1px solid rgba(215,225,223,.96)!important;
    border-radius:26px!important;
    background:#fff!important;
    box-shadow:0 -18px 50px rgba(15,23,42,.16),0 4px 16px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-mobile-sheet-bar{
    height:52px!important;min-height:52px!important;flex-basis:52px!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    padding:9px 10px 6px!important;
    border-bottom:1px solid #edf1f0!important;
    background:rgba(255,255,255,.98)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-mobile-sheet-grip{
    top:7px!important;width:36px!important;height:4px!important;border-radius:999px!important;background:#cbd5dc!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 #bbd-mobile-sheet-title{
    font-size:14px!important;font-weight:800!important;letter-spacing:-.01em!important;color:#101828!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 #bbd-mobile-sheet-close{
    width:34px!important;height:34px!important;border-radius:12px!important;background:#f2f4f7!important;color:#667085!important;font-size:21px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    padding:13px 14px 18px!important;
    gap:12px!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head{
    grid-template-columns:38px minmax(0,1fr) auto!important;padding:11px 12px!important;gap:9px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__icon{width:38px!important;height:38px!important;border-radius:13px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head strong{font-size:14px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__head small{font-size:10.8px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section__body{padding:10px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section--upload .bbd-v80-uploader,
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v90-media-section--upload #bbd-upload-dropzone{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:84px!important;padding:10px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-upload-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v80-uploader>em{
    grid-column:1/-1!important;width:100%!important;min-height:44px!important;margin-top:2px!important;
  }

  /* iOS-like dock: frosted container, active pill, larger readable labels. */
  .bbd-app.bbd-pro-workspace-v0230-dev90 > .bbd-v72-mobile-dock{
    left:8px!important;right:8px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;
    height:70px!important;min-height:70px!important;padding:5px!important;gap:2px!important;
    border:1px solid rgba(214,223,221,.88)!important;border-radius:23px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 34px rgba(15,23,42,.13),0 2px 8px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(18px) saturate(1.18)!important;-webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item{
    min-width:0!important;height:60px!important;gap:3px!important;border-radius:18px!important;color:#667085!important;background:transparent!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item.is-active,
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item[aria-current="page"]{
    color:#fff!important;background:linear-gradient(180deg,#10947e 0%,#0b7a6a 100%)!important;box-shadow:0 7px 16px rgba(11,122,106,.22)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-svg{
    width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-label{
    font-size:9.6px!important;font-weight:760!important;line-height:1.05!important;letter-spacing:0!important;
  }
}

@media (max-width:390px){
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev90 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    left:6px!important;right:6px!important;height:min(65dvh,570px)!important;max-height:min(65dvh,570px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-label{font-size:9px!important}
  .bbd-v90-toast__copy small{font-size:11.5px!important}
}

@media (min-width:761px){
  .bbd-app.bbd-pro-workspace-v0230-dev90 > .bbd-v90-toast-region{
    top:auto!important;left:auto!important;right:20px!important;bottom:20px!important;width:min(390px,calc(100% - 40px))!important;transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .bbd-v90-toast,.bbd-v90-toast.is-leaving,.bbd-app.bbd-pro-workspace-v0230-dev90 .bbd-v72-dock-item{animation:none!important;transition:none!important}
}