/* WINNER ROYAL — dedicated full-viewport support console.
 * No global CASH layout changes outside #live-support route. The :has()
 * guard ensures the normal CASH sidebar/workspace returns on navigation.
 */
body:has(#wrSupportWorkstation) #app.app{
  height:100dvh!important;
  min-height:0!important;
  grid-template-rows:52px minmax(0,1fr)!important;
  overflow:hidden!important;
}
body:has(#wrSupportWorkstation) #app>.global-header{
  min-height:52px!important;
  height:52px!important;
  grid-row:1!important;
  z-index:20!important;
}
body:has(#wrSupportWorkstation) #app>#domainBar{
  display:none!important;
}
body:has(#wrSupportWorkstation) #app>.workspace{
  grid-row:2!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;min-height:0!important;
  height:100%!important;overflow:hidden!important;
  position:relative!important;
}
body:has(#wrSupportWorkstation) #app>.workspace>.side-nav{
  display:none!important;
}
body:has(#wrSupportWorkstation) #app>#quickDock{
  display:none!important;
}
body:has(#wrSupportWorkstation) #app>.workspace>.main{
  grid-column:1!important;grid-row:1!important;
  width:100%!important;height:100%!important;min-width:0!important;
  min-height:0!important;overflow:hidden!important;
  background:#edf3ee!important;
}
body:has(#wrSupportWorkstation) #app>.workspace>.main>#pageMount{
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:100%!important;min-height:0!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  max-width:none!important;
}
body:has(#wrSupportWorkstation) #pageMount>#siteScopeStrip{
  display:none!important;
}
/* Preserve inspector functionality as a right-hand overlay if opened. */
body:has(#wrSupportWorkstation) #app>.workspace>#inspector:not(.hidden){
  position:absolute!important;z-index:50!important;top:0!important;
  right:0!important;bottom:0!important;overflow:auto!important;
  width:min(460px,95vw)!important;max-width:95vw!important;
  background:var(--surface,#fff)!important;
  box-shadow:-10px 0 35px rgba(0,0,0,.14)!important;
}

#pageMount #wrSupportWorkstation{
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:100%!important;min-height:0!important;
  max-height:100%!important;overflow:hidden!important;
  margin:0!important;padding:8px 9px 9px!important;
  gap:6px!important;box-sizing:border-box!important;
  background:#eef3ef!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero{
  height:58px!important;min-height:58px!important;max-height:58px!important;
  flex:0 0 58px!important;
  padding:7px 14px!important;gap:12px!important;
  border-radius:9px!important;box-shadow:none!important;
  align-items:center!important;flex-direction:row!important;
  border:1px solid #235541!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero::after{
  opacity:.3!important;right:10px!important;top:-130px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-left{
  flex:1 1 auto!important;min-width:0!important;gap:11px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-logo-shape{
  width:35px!important;height:35px!important;flex:0 0 35px!important;
  border-radius:8px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-logo-shape svg{width:21px!important;height:21px!important}
#pageMount #wrSupportWorkstation .wr-desk-hero-eyebrow{
  font-size:8px!important;line-height:1!important;letter-spacing:.13em!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero h1{
  margin:5px 0 0!important;color:#fff!important;
  font-size:18px!important;line-height:1.1!important;letter-spacing:-.03em!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero p{
  display:none!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-right{
  flex-direction:row!important;align-items:center!important;gap:11px!important;
  width:auto!important;flex:0 0 auto!important;
}
#pageMount #wrSupportWorkstation .wr-desk-online-marker{
  font-size:9px!important;white-space:nowrap!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-actions{
  flex-wrap:nowrap!important;justify-content:flex-end!important;gap:5px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-actions .btn,
#pageMount #wrSupportWorkstation .wr-desk-hero-actions .wr-focus-exit{
  height:31px!important;min-height:31px!important;max-height:31px!important;
  padding:6px 10px!important;border-radius:6px!important;
  font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-actions .wr-focus-exit{
  color:#e9f5ec!important;background:transparent!important;
  border:1px solid rgba(229,244,228,.25)!important;
  font-weight:750!important;margin-right:3px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-hero-actions .wr-focus-exit:hover{
  background:rgba(255,255,255,.13)!important;
}
/* KPIs are a single compact instrument strip, not six large dashboard cards. */
#pageMount #wrSupportWorkstation .wr-desk-kpis{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  flex:0 0 49px!important;height:49px!important;min-height:49px!important;
  padding:0!important;margin:0!important;gap:5px!important;box-shadow:none!important;
}
#pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item{
  flex:1 1 auto!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:space-between!important;
  height:49px!important;min-height:49px!important;max-height:49px!important;
  gap:5px!important;padding:8px 12px!important;margin:0!important;
  border-radius:7px!important;background:#fff!important;
  border:1px solid #d8e8dc!important;box-shadow:none!important;
  transform:none!important;
}
#pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item .wr-kpi-label{
  font-size:9px!important;letter-spacing:.03em!important;line-height:1.15!important;
  color:#657f6c!important;text-align:left!important;max-width:100px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item .wr-kpi-num{
  font-size:22px!important;font-variant-numeric:tabular-nums!important;
  min-width:20px!important;text-align:right!important;color:#124a35!important;
}
#pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item.warn{
  background:#fff9f0!important;border-color:#efdfc4!important;
}
#pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item.warn .wr-kpi-num{
  color:#b36923!important;
}
/* Routing strip remains useful but costs only a narrow status row. */
#pageMount #wrSupportWorkstation #wr-support-dispatch-strip{
  min-height:30px!important;max-height:30px!important;height:30px!important;
  flex:0 0 30px!important;padding:3px 11px!important;
  margin:0!important;gap:8px!important;overflow:hidden!important;
  white-space:nowrap!important;border-radius:6px!important;
  font-size:10px!important;box-shadow:none!important;
}
#pageMount #wrSupportWorkstation #wr-support-dispatch-strip .wr-route-brief{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;
}
#pageMount #wrSupportWorkstation #wr-support-dispatch-strip .wr-route-brief strong,
#pageMount #wrSupportWorkstation #wr-support-dispatch-strip .wr-route-brief small{
  font-size:10px!important;white-space:nowrap!important;
}
#pageMount #wrSupportWorkstation #wr-support-dispatch-strip .wr-route-mode{
  margin-left:auto!important;white-space:nowrap!important;
}
/* One permanent operator workspace fills ALL remaining height. */
#pageMount #wrSupportWorkstation .wr-desk-grid.master-detail.support-layout{
  display:grid!important;
  grid-template-columns:minmax(270px,318px) minmax(0,1fr) minmax(263px,308px)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:7px!important;
  flex:1 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  align-items:stretch!important;
}
#pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-queue-pane,
#pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-chat-pane,
#pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-side-pane{
  height:100%!important;min-height:0!important;max-height:100%!important;
  border-radius:8px!important;overflow:hidden!important;box-shadow:none!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-head{
  padding:12px 14px 10px!important;min-height:56px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-head h2{
  margin-top:5px!important;font-size:15px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-controls{padding:7px 8px!important}
#pageMount #wrSupportWorkstation .wr-desk-queue-controls .command-bar{
  gap:5px!important;border:0!important;margin:0!important;padding:0!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-controls :is(input,select){
  min-height:31px!important;height:31px!important;padding:5px 9px!important;
  font-size:10px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-list.chat-list{
  height:auto!important;min-height:0!important;flex:1 1 auto!important;
  overflow:auto!important;padding:2px 6px!important;gap:2px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-list .support-thread{
  min-height:66px!important;padding:8px 7px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-queue-foot{
  padding:7px 11px!important;min-height:29px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-chat-head{
  min-height:63px!important;max-height:76px!important;flex-shrink:0!important;
  padding:9px 12px!important;gap:9px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-contact-avatar{
  width:37px!important;height:37px!important;flex:0 0 37px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-chat-head h2{font-size:15px!important}
#pageMount #wrSupportWorkstation .wr-desk-chat-head-actions .btn{
  min-height:30px!important;max-height:31px!important;
  font-size:10px!important;padding:6px 9px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-conversation-meta{
  padding:6px 12px!important;font-size:9px!important;min-height:28px!important;
  flex:0 0 28px!important;
}
#pageMount #wrSupportWorkstation #supportChatLog.chat-log.wr-desk-timeline{
  flex:1 1 auto!important;height:auto!important;max-height:none!important;
  min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding:15px 17px!important;gap:10px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-composer-wrap{
  min-height:0!important;max-height:160px!important;
  flex-shrink:0!important;
}
#pageMount #wrSupportWorkstation #r17SupportComposer.chat-composer{
  min-height:64px!important;padding:9px 11px 2px!important;
  margin:0!important;flex:0 0 auto!important;
}
#pageMount #wrSupportWorkstation #r17SupportComposer textarea{
  min-height:48px!important;height:48px!important;max-height:130px!important;
  padding:8px 11px!important;
}
#pageMount #wrSupportWorkstation #r17SupportComposer button{
  min-height:48px!important;max-height:48px!important;
  align-self:flex-end!important;
}
#pageMount #wrSupportWorkstation .wr-desk-compose-hint{
  padding:0 12px 6px!important;min-height:23px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-side-top{
  padding:11px 13px!important;flex:0 0 62px!important;
  min-height:62px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-side-top h2{
  font-size:15px!important;margin:4px 0 0!important;
}
#pageMount #wrSupportWorkstation .wr-desk-side-top p{display:none!important}
#pageMount #wrSupportWorkstation .wr-desk-side-scroll{
  flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;padding:8px!important;gap:7px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-side-card{
  padding:10px!important;margin:0!important;border-radius:8px!important;
}
#pageMount #wrSupportWorkstation .wr-desk-side-card-title{margin-bottom:8px!important}
#pageMount #wrSupportWorkstation .wr-desk-mobile-tabs{display:none!important}
@media(min-width:980px) and (max-width:1250px){
  #pageMount #wrSupportWorkstation .wr-desk-grid.master-detail.support-layout{
    grid-template-columns:260px minmax(0,1fr) 260px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-queue-pane,
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-chat-pane,
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-side-pane{display:flex!important}
  #pageMount #wrSupportWorkstation .wr-desk-mobile-tabs{display:none!important}
}
@media(max-width:979px){
  #pageMount #wrSupportWorkstation .wr-desk-hero{
    height:72px!important;min-height:72px!important;max-height:72px!important;
    flex-basis:72px!important;flex-wrap:wrap!important;gap:4px!important;
    padding:8px 10px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-hero-right{
    width:100%!important;justify-content:space-between!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-hero .wr-desk-online-marker{display:none!important}
  #pageMount #wrSupportWorkstation .wr-desk-hero-actions .btn,
  #pageMount #wrSupportWorkstation .wr-desk-hero-actions .wr-focus-exit{
    padding:4px 7px!important;font-size:9px!important;height:27px!important;
    min-height:27px!important;max-height:27px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-kpis{
    height:66px!important;min-height:66px!important;flex-basis:66px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,31px)!important;gap:3px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item{
    height:31px!important;min-height:31px!important;max-height:31px!important;
    padding:4px 8px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item .wr-kpi-label{font-size:8px!important}
  #pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item .wr-kpi-num{font-size:16px!important}
  #pageMount #wrSupportWorkstation #wr-support-dispatch-strip{
    height:26px!important;min-height:26px!important;max-height:26px!important;flex-basis:26px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-mobile-tabs{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:3px!important;padding:3px!important;margin:0!important;
    flex:0 0 36px!important;height:36px!important;border-radius:7px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-mobile-tabs button{
    font-size:10px!important;padding:5px!important;min-height:29px!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-grid.master-detail.support-layout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-height:0!important;height:auto!important;max-height:none!important;
  }
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-queue-pane,
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-chat-pane,
  #pageMount #wrSupportWorkstation .wr-desk-grid>.wr-desk-side-pane{display:none!important}
  #pageMount #wrSupportWorkstation[data-pane="inbox"] .wr-desk-grid>.wr-desk-queue-pane,
  #pageMount #wrSupportWorkstation[data-pane="chat"] .wr-desk-grid>.wr-desk-chat-pane,
  #pageMount #wrSupportWorkstation[data-pane="profile"] .wr-desk-grid>.wr-desk-side-pane{display:flex!important}
}
@media(max-width:540px){
  body:has(#wrSupportWorkstation) #app.app{grid-template-rows:49px minmax(0,1fr)!important}
  body:has(#wrSupportWorkstation) #app>.global-header{height:49px!important;min-height:49px!important}
  #pageMount #wrSupportWorkstation{padding:5px!important;gap:4px!important}
  #pageMount #wrSupportWorkstation .wr-desk-hero{height:70px!important;min-height:70px!important;max-height:70px!important;flex-basis:70px!important}
  #pageMount #wrSupportWorkstation .wr-desk-hero h1{font-size:16px!important}
  #pageMount #wrSupportWorkstation .wr-desk-hero-eyebrow{font-size:7px!important}
  #pageMount #wrSupportWorkstation .wr-desk-kpis{flex-basis:63px!important;height:63px!important;min-height:63px!important;grid-template-rows:repeat(2,30px)!important}
  #pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item{height:30px!important;min-height:30px!important;max-height:30px!important;padding:3px 5px!important}
  #pageMount #wrSupportWorkstation #wr-support-dispatch-strip .wr-route-mode{display:none!important}
  #pageMount #wrSupportWorkstation .wr-desk-chat-head{min-height:57px!important;max-height:96px!important;padding:7px!important}
  #pageMount #wrSupportWorkstation #supportChatLog.chat-log.wr-desk-timeline{padding:10px!important;gap:8px!important}
  #pageMount #wrSupportWorkstation .wr-desk-conversation-meta{padding:4px 9px!important}
  #pageMount #wrSupportWorkstation .wr-desk-composer-wrap{max-height:115px!important}
  #pageMount #wrSupportWorkstation #r17SupportComposer.chat-composer{min-height:56px!important;padding:6px!important}
  #pageMount #wrSupportWorkstation #r17SupportComposer textarea{height:44px!important;min-height:44px!important;max-height:96px!important}
  #pageMount #wrSupportWorkstation #r17SupportComposer button{min-height:44px!important;max-height:44px!important}
}
@media(max-height:680px) and (min-width:980px){
  #pageMount #wrSupportWorkstation .wr-desk-hero{height:50px!important;min-height:50px!important;max-height:50px!important;flex-basis:50px!important}
  #pageMount #wrSupportWorkstation .wr-desk-kpis{height:42px!important;min-height:42px!important;flex-basis:42px!important}
  #pageMount #wrSupportWorkstation .wr-desk-kpis .wr-kpi-item{height:42px!important;min-height:42px!important;max-height:42px!important}
  #pageMount #wrSupportWorkstation #wr-support-dispatch-strip{height:26px!important;min-height:26px!important;max-height:26px!important;flex-basis:26px!important}
}

/* Nightshift rails are independently mounted grid items with z-index 20.
 * When the standard sidebar is hidden, the rail otherwise expands across
 * the single full-width column and masks the entire support workstation. */
body.cash-nightshift-r2:has(#wrSupportWorkstation) #app #nsRail,
body.cash-nightshift-r2:has(#wrSupportWorkstation) #app #nsSidebar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}