#messagesIndicator{position:relative;display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-right:5px;padding:3px 5px;color:#9baec3;background:transparent;border:1px solid transparent}
#messagesIndicator svg{width:12px;height:9px;fill:currentColor;stroke:#24374c;stroke-width:1.5}
#messagesIndicator.hasUnread{color:#ffe15a;border-color:#b49a40;background:#55441c;box-shadow:0 0 8px #ffd84c66}
#messagesUnread{font-size:10px;font-weight:bold}
#screen-messages{display:flex;flex-direction:column;padding:16px;overflow:hidden;color:#dbe9f4;background:#112137}
#screen-messages>.battleHead{flex-shrink:0;gap:12px}
#messagesTitle{font-size:16px;margin:0}
#messagesContent{display:flex;flex-direction:column;flex:1;min-height:0}
#messageRecipientForm{display:flex;align-items:end;gap:8px;margin:10px 0;flex-shrink:0}
#messageRecipientForm label{display:grid;gap:5px;min-width:0}
#messageRecipient,#messageBody{background:#081728;color:#e5eff9;border:1px solid #526f8b;padding:8px}
#messageRecipient{max-width:100%}
#messagesError{color:#ffd293;font-size:12px;min-height:16px;margin:4px 0 8px;flex-shrink:0}
.messagesLayout{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0;gap:12px}
#messageThreads{overflow:auto;border-right:1px solid #425a73;padding-right:8px}
.messageThread{display:block;text-align:left;width:100%;padding:10px;margin-bottom:5px}
.messageThread strong{overflow-wrap:anywhere}
.messageThread small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px;color:#adbed0}
.messageThread.active{border-color:#7ce6ff;background:#234258}
.messageThread.unread strong,.messageUnreadCount{color:#ffe15a}
.messageUnreadCount{float:right}
.messageConversation{display:flex;flex-direction:column;min-height:0;min-width:0;margin:0}
#messagePeer{font-size:13px;margin:0 0 8px;overflow-wrap:anywhere}
#messageHistory{flex:1;overflow:auto;min-height:0;padding:6px;background:#09182a}
.messageBubble{padding:8px;margin:0 20px 8px 0;background:#1e3249;border:1px solid #3b526d;overflow-wrap:anywhere}
.messageBubble.sent{margin:0 0 8px 20px;background:#173d49}
.messageBubble div{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}
.messageBubble time{font-size:10px;color:#a6b9ca}
.messageBubble p{white-space:pre-wrap;font-size:12px;margin:6px 0 0}
#messageCompose{display:flex;gap:6px;margin-top:8px;align-items:end;flex-shrink:0}
#messageBody{flex:1;min-width:0;resize:none}
#messageSubmit{font-size:11px;padding:8px}
#messagesDisabled{line-height:1.6}
@media(max-width:1000px){.messagesLayout{grid-template-columns:150px minmax(0,1fr);gap:8px}#screen-messages{padding:10px}.messageThread{padding:6px}.messageBubble{margin-right:5px}.messageBubble.sent{margin-left:5px}}
@media(max-width:650px){.messagesLayout{grid-template-columns:110px minmax(0,1fr);gap:6px}#messageCompose{flex-direction:column;align-items:stretch}#messageBody{width:100%}#messagesTitle{font-size:13px}}