/* Winner Royal CASH operator workflow polish, scoped to support workstation only. */
#wrSupportWorkstation .wr-desk-composer-wrap{position:relative}
#wrSupportWorkstation .wr-compose-tools{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%
}
#wrSupportWorkstation .wr-quick-replies-button{
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#196e4e!important;font-size:10px!important;font-weight:760!important;
  padding:1px 4px!important;min-height:20px!important;height:auto!important;
  display:inline-flex!important;gap:5px!important;align-items:center!important;white-space:nowrap!important
}
#wrSupportWorkstation .wr-quick-replies-button::before{
  content:"";display:block;width:12px;height:12px;flex:0 0 12px;
  background:currentColor;opacity:.75;
  clip-path:polygon(6% 0%,94% 0%,94% 58%,60% 58%,40% 88%,40% 58%,6% 58%)
}
#wrSupportWorkstation .wr-quick-replies-button:hover{text-decoration:underline!important;color:#0a5139!important}
#wrSupportWorkstation .wr-draft-indicator{
  font-size:9px!important;font-weight:680!important;color:#aa793c!important;
  line-height:1.3;white-space:nowrap
}
#wrSupportWorkstation .wr-draft-indicator:empty{display:none}
#wrSupportWorkstation .wr-draft-badge{
  display:inline-flex!important;align-items:center!important;
  border:1px solid rgba(224,182,97,.35)!important;background:rgba(231,190,96,.14)!important;
  border-radius:4px!important;color:#f1d395!important;font-size:9px!important;
  font-weight:750!important;line-height:1.2!important;padding:2px 5px!important;
  white-space:nowrap!important
}
#wrSupportWorkstation .wr-quick-panel{
  position:absolute;left:12px;right:12px;bottom:calc(100% + 3px);
  z-index:40;border:1px solid #bcdac5;border-radius:12px;
  background:#fff;color:#243f2f;box-shadow:0 18px 55px rgba(7,40,25,.25);
  display:flex;flex-direction:column;gap:8px;padding:12px;max-height:min(50dvh,355px);
  min-height:140px;overflow:hidden
}
#wrSupportWorkstation .wr-quick-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
#wrSupportWorkstation .wr-quick-toolbar strong{font-size:13px!important;font-weight:800!important;color:#144936}
#wrSupportWorkstation .wr-quick-close{
  border:1px solid #d7e6da!important;border-radius:6px!important;background:#f4faf5!important;
  color:#406452!important;padding:5px 9px!important;font-size:10px!important;font-weight:680!important
}
#wrSupportWorkstation .wr-quick-search{
  box-sizing:border-box!important;display:block!important;width:100%!important;min-height:37px!important;
  font-size:11px!important;color:#294435!important;background:#f7faf8!important;
  border:1px solid #cfddcf!important;border-radius:7px!important;padding:9px 11px!important
}
#wrSupportWorkstation .wr-quick-search::placeholder{color:#7b9a86}
#wrSupportWorkstation .wr-quick-results{
  min-height:55px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;
  flex:1 1 auto;scrollbar-width:thin;padding-right:3px;font-size:11px
}
#wrSupportWorkstation .wr-quick-item{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  width:100%!important;border:1px solid #e2ece5!important;border-radius:8px!important;
  background:#fbfdfb!important;padding:10px 11px!important;min-height:50px!important;
  text-align:left!important;gap:6px!important;box-shadow:none!important
}
#wrSupportWorkstation .wr-quick-item:hover{background:#edf8f0!important;border-color:#b6dec5!important}
#wrSupportWorkstation .wr-quick-head{display:flex;align-items:center;gap:8px;min-width:0}
#wrSupportWorkstation .wr-quick-head strong{
  color:#126d4b!important;background:#e3f5e9;border:1px solid #cce8d6;
  padding:3px 5px;border-radius:4px;font-weight:800;font-size:10px;flex:0 0 auto
}
#wrSupportWorkstation .wr-quick-head span{
  color:#2a503c!important;font-size:11px!important;font-weight:720!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
#wrSupportWorkstation .wr-quick-item small{
  color:#809687!important;font-size:10px!important;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%
}
#wrSupportWorkstation .wr-quick-empty{
  color:#829787;font-size:11px;line-height:1.55;padding:12px 5px;margin:0
}
#wrSupportWorkstation .wr-quick-footer{
  padding-top:8px;border-top:1px solid #e5eee7;flex:0 0 auto;
  display:flex;justify-content:flex-end
}
#wrSupportWorkstation .wr-quick-manage{
  color:#1c7751!important;border:0!important;background:transparent!important;
  font-size:10px!important;font-weight:700!important;padding:2px!important;text-decoration:underline
}
@media(max-width:500px){
  #wrSupportWorkstation .wr-quick-panel{
    left:6px;right:6px;padding:9px;bottom:calc(100% + 2px);
    max-height:min(38dvh,275px);min-height:120px
  }
  #wrSupportWorkstation .wr-quick-item{padding:7px 8px!important;min-height:44px!important}
  #wrSupportWorkstation .wr-quick-head{gap:4px}
  #wrSupportWorkstation .wr-desk-compose-hint{flex-wrap:wrap;gap:5px}
}

/* Viewport-contained quick reply sheet on tablets and phones.
   The chat pane intentionally clips scrolling content; a fixed panel avoids
   hiding search, title and close controls above the chat header. */
@media(max-width:1250px){
  #wrSupportWorkstation .wr-quick-panel{
    position:fixed!important;inset:auto auto 58px max(100px,calc(50vw - 260px))!important;
    width:min(520px,calc(100vw - 112px))!important;
    height:min(50dvh,400px)!important;max-height:min(50dvh,400px)!important;
    z-index:850!important;border-radius:12px!important;
    box-shadow:0 20px 80px rgba(9,34,24,.35)!important
  }
}
@media(max-width:500px){
  #wrSupportWorkstation .wr-quick-panel{
    height:min(51dvh,420px)!important;max-height:min(51dvh,420px)!important;
    bottom:57px!important;padding:10px!important
  }
}