/* Baskibu Designer 0.23.21 — stable typography + desktop right contextual inspector */

/* Desktop object information no longer sits on top of the artwork. */
@media (min-width:1180px){
  .bbd-app.bbd-release-02321 > .bbd-v92-selection-hud{
    display:none!important;
  }

  .bbd-app.bbd-release-02321 > .bbd-v2321-context-dock{
    position:fixed!important;
    z-index:9180!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
    overflow:auto!important;
    border:1px solid rgba(210,221,219,.98)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.975)!important;
    box-shadow:0 20px 56px rgba(15,23,42,.14),0 4px 14px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
    color:#1d2939!important;
    overscroll-behavior:contain!important;
  }
  .bbd-app.bbd-release-02321 > .bbd-v2321-context-dock[hidden]{display:none!important}

  .bbd-v2321-context-dock__head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:1px 1px 10px!important;
    border-bottom:1px solid #e8eeed!important;
  }
  .bbd-v2321-context-dock__head>div{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  .bbd-v2321-context-dock__head small,
  .bbd-v2321-context-dock__identity small,
  .bbd-v2321-context-dock__metrics small{
    color:#8a96a6!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
  }
  .bbd-v2321-context-dock__head strong{
    max-width:205px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#172033!important;
    font-size:17px!important;
    line-height:1.22!important;
    font-weight:850!important;
  }
  .bbd-v2321-context-dock__kind{
    flex:0 0 auto!important;
    min-height:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 9px!important;
    border:1px solid #cfe6df!important;
    border-radius:999px!important;
    background:#eff9f6!important;
    color:#0b7a6a!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  .bbd-v2321-context-dock__identity{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    padding:10px!important;
    border:1px solid #e5ecea!important;
    border-radius:15px!important;
    background:#fafcfc!important;
  }
  .bbd-v2321-context-dock__identity>div{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  .bbd-v2321-context-dock__identity strong{
    max-width:205px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12.5px!important;
    font-weight:800!important;
  }
  .bbd-v2321-context-dock__swatch{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border:3px solid #fff!important;
    border-radius:11px!important;
    box-shadow:0 0 0 1px #d8e2e0,0 3px 8px rgba(15,23,42,.08)!important;
  }

  .bbd-v2321-context-dock__metrics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bbd-v2321-context-dock__metrics>div{
    min-width:0!important;
    padding:9px 10px!important;
    border:1px solid #e4ebe9!important;
    border-radius:13px!important;
    background:#f8fbfa!important;
  }
  .bbd-v2321-context-dock__metrics>div.is-wide{grid-column:1/-1!important}
  .bbd-v2321-context-dock__metrics strong{
    display:block!important;
    margin-top:4px!important;
    color:#344054!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .bbd-v2321-context-dock__section{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .bbd-v2321-context-dock__section-title{
    padding:0 2px!important;
    color:#667085!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }

  /* Reuse the actual contextual toolbar — and therefore all existing click
     handlers — but render it as a normal two-column inspector section. */
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar,
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar:not([hidden]){
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar[hidden]{display:none!important}
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar>button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0 11px!important;
    border:1px solid #dfe7e5!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:none!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar>button:hover{
    border-color:#b8dcd4!important;
    background:#f1faf7!important;
    color:#0b7a6a!important;
  }
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar .bbd-context-label,
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar .bbd-context-label-short{
    display:inline!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar .bbd-context-label-short{
    display:none!important;
  }
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar svg,
  .bbd-v2321-context-dock .bbd-context-route-toolbar.bbd-v2321-docked-toolbar .bbd-context-icon{
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
  }

  .bbd-v2321-context-dock__hint{
    padding:10px 11px!important;
    border-radius:13px!important;
    background:#f6f8fa!important;
    color:#667085!important;
    font-size:10.5px!important;
    line-height:1.45!important;
    font-weight:600!important;
  }
}

/* Tablet/mobile keep the existing compact contextual behavior. The right dock
   never competes with a narrow canvas. */
@media (max-width:1179px){
  .bbd-app.bbd-release-02321 > .bbd-v2321-context-dock{display:none!important}
}