@layer workspace {
html body .budget-condition-menu[data-control-menu]>.condition-options{animation:none!important;transform-origin:top center}
html body #detail-dialog .purchase-segments[data-moving-segment]{position:relative;isolation:isolate}
html body #detail-dialog .purchase-segments[data-moving-segment]::before{content:"";position:absolute;z-index:0;inset-block:4px;left:4px;width:calc((100% - 8px - (var(--segment-count) - 1) * 4px) / var(--segment-count));box-sizing:border-box;border:1px solid #d4dbe2;border-radius:9px;background:#fff;box-shadow:0 2px 7px #1c27340e;transform:translateX(calc(var(--segment-index) * (100% + 4px)));transition:transform 220ms cubic-bezier(.2,.7,.3,1);pointer-events:none}
html body #detail-dialog .purchase-segments[data-moving-segment]>label{z-index:1}
html body #detail-dialog :is(#panel-conditions,#inventory-panel-conditions) .purchase-segments[data-moving-segment] input:checked+span{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}
/* Keep the white consultation panel solid from the first frame; fade only the dim layer. */
html body .quick-mobile-modal:not([hidden]){background:transparent!important;animation:none!important;isolation:isolate}
html body .quick-mobile-modal:not([hidden])::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,28,34,.5);animation:control-consult-dim 180ms ease-out both;pointer-events:none}
html body .quick-mobile-modal:not([hidden])>.quick-mobile-dialog{opacity:1!important;animation:control-consult-enter 200ms cubic-bezier(.2,.7,.3,1)!important}
@keyframes control-consult-dim{from{opacity:0}to{opacity:1}}
@keyframes control-consult-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html body #detail-dialog .purchase-segments[data-moving-segment]::before{transition:none!important}html body .quick-mobile-modal:not([hidden])::before,html body .quick-mobile-modal:not([hidden])>.quick-mobile-dialog{animation:none!important}}
html[data-input-modality=keyboard] body #detail-dialog .purchase-segments[data-moving-segment]::before{transition:none!important}
