@media (min-width: 1101px) {
  #app-shell .exo-workbench[data-size=compact] > :is(#pilot-chat-home, .exo-side-right) {
    --cs-gap: var(--bridge-gap, 10px);                       
    --cs-spill: 10px;                                        
    --cs-gold-core: #e6c47ad9;                               
    --cs-gold-halo: #d6b15c33;                               
    --cs-red-peak: #de3e627a;                                
    --cs-red-mid:  #de3e6233;
    --cs-red-none: #de3e6200;
  }

  #app-shell .exo-workbench[data-size=compact] > :is(#pilot-chat-home, .exo-side-right)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--cs-gap) - var(--cs-spill));        
    width: calc(var(--cs-gap) + 2 * var(--cs-spill));
    z-index: 2;                                              
    pointer-events: none;
    background:
      linear-gradient(var(--cs-gold-core), var(--cs-gold-core)) center / 2px 100% no-repeat,
      linear-gradient(var(--cs-gold-halo), var(--cs-gold-halo)) center / 6px 100% no-repeat,
      radial-gradient(ellipse 50% 50% at 50% 50%, var(--cs-red-peak), var(--cs-red-mid) 50%, var(--cs-red-none) 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
            mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
    opacity: min(1, var(--exo-seam, 1));                     
    transition: none;
  }
}

@media (forced-colors: active) {
  #app-shell .exo-workbench > :is(#pilot-chat-home, .exo-side-right)::before { display: none; }
}
@media print {
  #app-shell .exo-workbench > :is(#pilot-chat-home, .exo-side-right)::before { display: none; }
}