/* Only demo boundaries. Layout, tables and components come from app/static. */
.demo-website-exit{position:fixed;bottom:14px;left:16px;z-index:1600;padding:9px 14px;background:#17263d;color:#dbeafe;border:1px solid #3b5375;border-radius:7px;text-decoration:none;font:13px system-ui}
.public-cabinet-demo [aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.public-cabinet-demo .sidebar{padding-bottom:65px}
@media(max-width:700px){.demo-website-exit{bottom:8px;left:8px;font-size:11px;padding:7px 10px}}
/* Preserve the source icons after replacing their href-based routes. */
.public-cabinet-demo .nav-item::before{-webkit-mask-image:var(--ico-items);mask-image:var(--ico-items)}
.public-cabinet-demo .nav-item[href*="shipment"]::before{-webkit-mask-image:var(--ico-outbound);mask-image:var(--ico-outbound)}
.public-cabinet-demo .nav-item[href*="receiving"]::before{-webkit-mask-image:var(--ico-inbound);mask-image:var(--ico-inbound)}
.public-cabinet-demo .nav-item[href*="report"]::before{-webkit-mask-image:var(--ico-report);mask-image:var(--ico-report)}
.public-cabinet-demo .nav-item[href*="dashboard"]::before{-webkit-mask-image:var(--ico-dashboard);mask-image:var(--ico-dashboard)}
.public-cabinet-demo .nav-item[href*="trip"]::before{-webkit-mask-image:var(--ico-trips);mask-image:var(--ico-trips)}
.public-cabinet-demo .nav-item[href*="sku"]::before{-webkit-mask-image:var(--ico-sku);mask-image:var(--ico-sku)}
.public-cabinet-demo .nav-item[href*="billing"]::before{-webkit-mask-image:var(--ico-billing);mask-image:var(--ico-billing)}
.public-cabinet-demo .nav-item[href*="ozon"]::before{-webkit-mask-image:var(--ico-market);mask-image:var(--ico-market)}
.public-cabinet-demo .sidebar{top:var(--demo-banner-height,36px);height:calc(100dvh - var(--demo-banner-height,36px))}
.public-cabinet-demo .topbar{top:var(--demo-banner-height,36px)}
/* Honor the source controllers' hidden state despite component display rules. */
.public-cabinet-demo [hidden]{display:none!important}
.public-cabinet-demo .demo-guide-highlight{outline:2px solid #ba97ef;outline-offset:3px}
.cabinet-is-embedded .demo-website-exit{background:#3c2154;border-color:#9470b5}

/* The outer site dialog already labels the demo and owns the only close control. */
.cabinet-is-embedded{--demo-banner-height:0px!important}
.cabinet-is-embedded #demo-runtime-banner,.cabinet-is-embedded .demo-website-exit{display:none!important}
.cabinet-is-embedded .public-cabinet-demo .sidebar{padding-bottom:12px}