/* L2CHECK Stage23 — private support chat only.
   Intentionally scoped to .l2-support-chat to avoid conflicts with other site sections. */

.l2-support-chat .l2-chat-launcher-copy small{color:#86a9bf}
.l2-support-chat .l2-chat-panel{width:390px;height:min(590px,74vh)}
.l2-support-chat .l2-chat-head{background:linear-gradient(90deg,rgba(16,55,78,.72),rgba(9,27,39,.38))}
.l2-support-private-note{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid rgba(55,100,128,.22);background:rgba(10,35,50,.66)}
.l2-support-private-note>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(72,137,176,.35);border-radius:9px;background:#092131;font-size:14px}
.l2-support-private-note>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.l2-support-private-note b{font-size:10px;color:#c8dce8}
.l2-support-private-note small{color:#7294aa;font-size:9px;line-height:1.35}

.l2-support-chat .l2-chat-empty{display:flex;flex-direction:column;gap:6px}
.l2-support-chat .l2-chat-empty b{font:700 15px Georgia,serif;color:#dfeaf0}
.l2-support-chat .l2-chat-empty span{color:#7191a5;font-size:10px;line-height:1.45}

.l2-support-chat .l2-chat-message{max-width:88%;margin-right:auto}
.l2-support-chat .l2-chat-message.is-mine{margin-left:auto;margin-right:0;border-color:rgba(54,126,170,.38);background:linear-gradient(135deg,rgba(13,53,76,.92),rgba(8,34,50,.92))}
.l2-support-chat .l2-chat-message.is-mine .l2-chat-message-name{color:#8ccaf0}
.l2-support-chat .l2-chat-message.is-moderator{margin-right:auto;border-color:rgba(223,170,66,.42);background:linear-gradient(135deg,rgba(48,36,16,.72),rgba(8,26,39,.95))}
.l2-support-chat .l2-chat-message.is-system{max-width:100%;margin-left:0;margin-right:0;border-style:dashed;background:rgba(10,26,37,.55);text-align:center}
.l2-support-chat .l2-chat-message.is-system .l2-chat-message-head{display:none}
.l2-support-chat .l2-chat-message.is-system .l2-chat-message-body{color:#7896a8;font-size:10px}

.l2-support-chat .l2-chat-community-link{display:none!important}
.l2-support-chat .l2-chat-name{width:170px}
.l2-support-chat .l2-chat-status{margin-left:auto}
.l2-support-chat .l2-chat-send{min-width:88px}

@media(max-width:720px){
  .l2-support-chat .l2-chat-panel{width:auto;height:min(650px,86vh)}
  .l2-support-chat .l2-chat-message{max-width:92%}
}