/* Winner Royal CASH live support - external stylesheet.
   Inline styles are blocked by CSP. Keep all selectors inside the support screen. */
.master-detail.support-layout{min-width:0!important}
.support-layout>.section:last-child{min-width:0!important}
.support-layout .support-conversation-head{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:8px!important;min-width:0!important;max-width:100%!important
}
.support-layout .support-conversation-person{min-width:160px!important;flex:1 1 225px!important}
.support-layout .support-conversation-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;min-width:0!important;max-width:100%!important}
.support-layout #r17SupportFileInput{display:none!important}
.support-layout .support-ops-bridge-bar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;max-width:100%!important;padding:8px 12px!important;margin:0 0 8px!important;border:1px solid var(--line,#334155)!important;border-radius:8px!important}
.support-layout .support-attach-tray{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 gap:8px!important;min-width:0!important;max-width:100%!important;
 width:100%!important;max-height:82px!important;overflow-x:auto!important;
 overflow-y:hidden!important;flex-wrap:nowrap!important;box-sizing:border-box!important;
 padding:7px 10px!important;margin:0 0 8px!important;border:1px solid var(--line,#334155)!important;
 border-radius:8px!important
}
.support-layout .support-attach-tray>.attach-chip{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 gap:7px!important;padding:7px!important;max-height:62px!important;min-width:0!important;
 max-width:220px!important;border:1px solid var(--line,#334155)!important;
 border-radius:7px!important;overflow:hidden!important
}
.support-layout .support-attachment-icon{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 34px!important;min-width:34px!important;width:34px!important;height:34px!important;
 max-width:34px!important;max-height:34px!important;border-radius:7px!important;
 background:rgba(45,129,117,.14)!important;font-size:18px!important
}
.support-layout .support-attach-tray>.attach-chip>div{min-width:0!important;max-width:156px!important;overflow:hidden!important}
.support-layout .support-attach-tray>.attach-chip img{display:none!important}
.support-layout #supportChatLog.chat-log{
 flex:1 1 0%!important;min-height:120px!important;min-width:0!important;
 overflow:auto!important;max-height:none!important;overscroll-behavior:contain!important
}
.support-layout #supportChatLog .support-attachment-card{
 max-width:300px!important;min-width:0!important;display:flex!important;
 flex-direction:column!important;gap:7px!important;padding:8px!important;
 border-radius:8px!important;border:1px solid var(--line,#334155)!important
}
.support-layout #supportChatLog .support-attachment-card img{display:none!important}
.support-layout #supportChatLog .support-attachment-open{
 display:inline-flex!important;width:max-content!important;max-width:100%!important;
 font-size:12px!important;color:#67d8eb!important;font-weight:700!important
}
.support-layout .chat-message,.support-layout .chat-message>div{min-width:0!important;overflow-wrap:anywhere!important}
@media(max-width:800px){
 .master-detail.support-layout{grid-template-columns:minmax(0,1fr)!important;height:auto!important}
 .support-layout>.section:first-child{max-height:250px!important}
 .support-layout>.section:last-child{min-height:500px!important;height:calc(100dvh - 170px)!important}
}