/* Aero pane polish: wide, full-height, easy-to-hit collapse edges + dbl-click to close. */

/* The bundle ends with `.main{flex-direction:column!important}`, which beats the
   plain `.main.swapped{flex-direction:column-reverse}` - so the "Move Positions /
   Option Chain to top (⇅)" toggle applied the class but never changed the layout.
   Re-assert the swap with higher specificity + !important. */
.main.swapped{flex-direction:column-reverse!important}

/* Watchlist edge: thin 1px divider line (same look as the basket edge), with a
   wider invisible hit area so it is still easy to grab. Glows blue on hover
   as a thin line, not a thick solid bar. */
.watch-split{right:0!important;width:12px!important;top:0!important;bottom:0!important;
  z-index:40!important;background:transparent!important;opacity:1!important}
.watch-split::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;
  background:var(--k-border);transition:background .12s ease}
.watch-split:hover,.watch-split.aero-force{background:transparent!important;opacity:1!important}
.watch-split:hover::after,.watch-split.aero-force::after{background:var(--k-blue)}

/* Basket (right) full-height collapse edge: same thin-line treatment. */
.drawer{position:relative}
.drawer-edge{position:absolute;top:0;bottom:0;left:0;width:12px;z-index:40;cursor:pointer;
  background:transparent;transition:background .12s ease}
.drawer-edge::after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;
  background:var(--k-border);transition:background .12s ease}
.drawer-edge:hover,.drawer-edge.aero-force{background:transparent;opacity:1}
.drawer-edge:hover::after,.drawer-edge.aero-force::after{background:var(--k-blue)}
.drawer.collapsed .drawer-edge,.drawer.float .drawer-edge{display:none}

/* Basket resize handle (.bk-split, left edge of the drawer): same thin 1px line
   as the watch side. The bundle widens it to 6-10px and paints a blue block on
   hover; keep a wide invisible hit area but draw only the thin line. */
.bk-split{left:0!important;top:0!important;bottom:0!important;width:12px!important;
  background:transparent!important;z-index:40!important;cursor:col-resize!important}
.bk-split::after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;
  background:var(--k-border);transition:background .12s ease}
.bk-split:hover,.bk-split:active{background:transparent!important}
.bk-split:hover::after,.bk-split:active::after{background:var(--k-blue)}

/* Collapsed strips: whole strip clickable + full glow. */
.watch.collapsed,.drawer.collapsed{cursor:pointer}
.watch.collapsed:hover,.drawer.collapsed:hover{background:#dbeafe;box-shadow:inset 0 0 0 1px #93c5fd}
.watch.collapsed .watch-vlabel,.drawer.collapsed .drawer-vlabel{pointer-events:none}