/* esc-leftstack.css - Corey, 2026-10-21 (late): the Requests + Lobby stack moves
   to the LEFT hand side. Both drawers and their edge tabs mirror from the right
   edge to the left; the Desk (#escOpsShelf) stays on the right. Pure geometry:
   no behaviour changes - tabs, open/close logic and the Desk's lobby-hide poll
   all key off the same IDs. Loaded late + !important so it wins over the
   modules' own injected base styles. */

#escChatTab {
  left: 0 !important;
  right: auto !important;
  border-left: 0 !important;
  border-right: 1px solid var(--gold, #d4af37) !important;
  border-radius: 0 10px 10px 0 !important;
}
#escReqTab {
  left: 0 !important;
  right: auto !important;
  border-left: 0 !important;
  border-right: 1px solid var(--gold, #d4af37) !important;
  border-radius: 0 10px 10px 0 !important;
}

/* Lobby shelf + panel hug the left edge, opening rightward. */
#escChatShelf {
  left: 0 !important;
  right: auto !important;
}
#escChatPanel {
  border-left: 0 !important;
  border-right: 1px solid var(--gold, #d4af37) !important;
  border-radius: 0 14px 14px 0 !important;
  box-shadow: 12px 0 40px rgba(0, 0, 0, .45) !important;
}

/* Requests panel: was right:36px (clear of the right-edge tabs);
   now left:36px, clear of the same tabs on their new side. */
#escReqPanel {
  left: 36px !important;
  right: auto !important;
  border-left: 0 !important;
  border-right: 1px solid var(--gold, #d4af37) !important;
  border-radius: 0 12px 12px 0 !important;
}

/* Panel-overlap audit (2026-10-23): 36px was measured against the retired
   34px edge tabs. The ui4 rail is wider -- left:36 put the panel ON the rail,
   covering its entries (Corey's screenshot: rail icons half-buried under the
   Requests panel). On desktop buckets the panel now docks at the rail's
   measured right edge, like every other surface. Narrow/short layouts keep
   the legacy offset (their own media rules own the geometry there). */
@media (min-width: 821px) and (min-height: 501px) {
  #escReqPanel {
    left: var(--esc-bar-right, 94px) !important;
  }
}