/* Common chat only: message/API contracts stay unchanged. */
.c90-modern .portal-chat-block { min-width:0; }
.c90-modern .portal-chat-block .chat-block-head { margin-bottom:12px; padding-bottom:12px; }
.c90-modern .portal-chat-block .chat-block-head h2 { gap:8px; font-size:17px; line-height:24px; }
.c90-modern .portal-chat-block .chat-block-head h2 > svg { width:18px; height:18px; color:#91bfb5; }

.c90-modern .portal-chat-block .topic-chat-pin {
    display:flex; align-items:center; gap:10px; min-width:0; min-height:48px;
    margin:0 0 10px; padding:7px 10px; border:0; border-left:2px solid #c7b47c;
    border-radius:0; background:#20241f; box-shadow:none;
}
.c90-modern .portal-chat-block .topic-pin-symbol { display:flex; align-items:center; justify-content:center; flex:none; width:24px; height:24px; border:0; border-radius:0; background:none; color:#cbb985; }
.c90-modern .portal-chat-block .topic-pin-symbol > svg { width:17px; height:17px; }
.c90-modern .portal-chat-block .topic-pin-copy { display:flex; align-items:baseline; flex-wrap:wrap; flex:1; gap:2px 10px; min-width:0; }
.c90-modern .portal-chat-block .topic-promo-label { margin:0; color:#c0af82; font-size:10px; line-height:18px; letter-spacing:0; font-weight:600; text-transform:none; }
.c90-modern .portal-chat-block .topic-pin-title { margin:0; min-width:0; color:#e0e4d9; font-size:12px; line-height:18px; font-weight:650; overflow-wrap:anywhere; }
.c90-modern .portal-chat-block .topic-pin-title:hover { color:#f1d697; }
.c90-modern .portal-chat-block .topic-pin-open { display:flex; align-items:center; justify-content:center; flex:none; width:30px; height:30px; color:#c5ba97; border-radius:4px; }
.c90-modern .portal-chat-block .topic-pin-open:hover { color:#f2e1b5; background:#30352b; }
.c90-modern .portal-chat-block .topic-pin-open > svg { width:16px; height:16px; }

.c90-modern .portal-chat-block #chat { border:1px solid #344044; border-radius:6px; background:#191f21; }
.c90-modern .portal-chat-block #chat [hidden] { display:none !important; }
.c90-modern .portal-chat-block #chat #chat_messages {
    height:440px; padding:3px 14px; background:#191f21; font-family:inherit;
    overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
    scrollbar-gutter:stable; scrollbar-color:#4e6266 #191f21; scrollbar-width:thin;
}
.c90-modern .portal-chat-block #chat #chat_messages:focus-visible { outline:2px solid #80b9ac; outline-offset:-3px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message {
    display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:10px;
    min-width:0; min-height:0; margin:0; padding:8px 0; border:0; border-bottom:1px solid #2b3538;
    border-radius:0; background:transparent;
}
.c90-modern .portal-chat-block #chat #chat_messages .chat_message:hover { background:#1e2729; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message > a { display:block; float:none; width:32px; height:32px; min-width:0; margin:3px 0 0; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message > a img { display:block; box-sizing:border-box; width:32px; height:32px; margin:0; border:1px solid #394447; border-radius:50%; object-fit:cover; background:#293235; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message .message { min-width:0; width:auto; margin:0; padding:0; float:none; font-family:inherit; font-size:14px; line-height:20px; color:#dce4e5; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message .info { display:flex; flex-wrap:nowrap; align-items:center; gap:5px; min-width:0; min-height:20px; margin:0 0 2px; padding:0; line-height:18px; border:0; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message .info .author { display:inline-flex; align-items:center; flex:0 1 auto; min-width:0; max-width:100%; margin:0; padding:0; float:none; font-family:inherit; font-size:12px; font-weight:750; line-height:18px; letter-spacing:0; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message .info .portal-presence-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c90-modern .portal-chat-block #chat #chat_messages .chat_message .info .date { order:1; flex:none; margin:0 0 0 auto; padding:0 0 0 6px; float:none; color:#92a5ad; font-family:inherit; font-size:10px; font-variant-numeric:tabular-nums; line-height:18px; white-space:nowrap; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-add { order:2; flex:none; width:24px; height:24px; margin:-2px 0; padding:3px; border-radius:4px; color:#95a9af; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-add > svg { width:16px; height:16px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-add:hover,
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-add[aria-expanded="true"] { border-color:#5c716b; color:#a6d5c5; background:#293b35; }
.c90-modern .portal-chat-block #chat #chat_messages .info .dell_message,
.c90-modern .portal-chat-block #chat #chat_messages .info .edit_message { order:3; display:inline-flex; align-items:center; justify-content:center; flex:none; width:24px; height:24px; margin:-2px 0; padding:3px; float:none; border-radius:4px; color:#95a9af; font-size:14px; line-height:18px; cursor:pointer; }
.c90-modern .portal-chat-block #chat #chat_messages .info .dell_message:hover { color:#f1a39c; background:#3a2a2a; }
.c90-modern .portal-chat-block #chat #chat_messages .info .edit_message:hover { color:#b5d7cc; background:#293b35; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code { min-width:0; max-width:100%; margin:0; padding:0; color:#dce4e5; font-family:inherit; font-size:13px; line-height:20px; overflow-wrap:anywhere; word-break:normal; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code p { margin:0 0 4px; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code p:last-child { margin-bottom:0; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code img { max-width:100%; max-height:200px; object-fit:contain; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code pre { max-width:100%; overflow:auto; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code a { color:#a8cfc6; text-decoration:underline; text-underline-offset:2px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reactions { min-width:0; margin-top:5px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reactions:not([hidden]) { display:flex; align-items:center; flex-wrap:wrap; gap:3px 10px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-chips { gap:4px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-chip { min-width:40px; min-height:24px; padding:1px 6px; border-color:#3c4b4e; border-radius:4px; background:#222d2f; font-family:inherit; font-size:11px; line-height:20px; gap:4px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-chip[aria-pressed="true"] { border-color:#649e85; background:#2a3d33; color:#c1ebd1; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-emoji { font-size:14px; line-height:20px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-people { min-width:0; margin:0; gap:2px; font-size:10px; line-height:18px; }
.c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-who { min-height:24px; padding:0 3px; }

.c90-modern .portal-chat-block #chat .input-group { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:stretch; gap:8px; margin:0; padding:10px; border-top:1px solid #344044; background:#1d2527; border-radius:0 0 6px 6px; }
.c90-modern .portal-chat-block #chat .input-group .smile_input { position:relative; width:100%; min-width:0; height:42px; margin:0; }
.c90-modern .portal-chat-block #chat .input-group #message_input { box-sizing:border-box; width:100%; min-width:0; height:42px; margin:0; padding:10px 44px 10px 12px; border:1px solid #3c4a4d; border-radius:4px; background:#151c1e; color:#e5edef; font-family:inherit; font-size:13px; line-height:20px; }
.c90-modern .portal-chat-block #chat .input-group #message_input::placeholder { color:#91a3ab; }
.c90-modern .portal-chat-block #chat .input-group #message_input:focus,
.c90-modern .portal-chat-block #chat .input-group #message_input:focus-visible { border-color:#86b8ab !important; outline:0 !important; outline-offset:0 !important; box-shadow:0 0 0 2px #86b8ab26 !important; }
.c90-modern .portal-chat-block #chat .input-group #smile_btn { position:absolute; top:4px; right:4px; display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0; padding:6px; border:0; border-radius:4px; background:none; color:#9eafb6; cursor:pointer; }
.c90-modern .portal-chat-block #chat .input-group #smile_btn::before,
.c90-modern .portal-chat-block #chat .input-group #smile_btn::after { display:none; content:none; }
.c90-modern .portal-chat-block #chat .input-group #smile_btn > svg { display:block; width:19px; height:19px; }
.c90-modern .portal-chat-block #chat .input-group #smile_btn:hover { color:#bee1d5; background:#2b3a37; }
.c90-modern .portal-chat-block #chat .input-group > .input-group-btn { display:flex; width:42px; height:42px; margin:0; padding:0; }
.c90-modern .portal-chat-block #chat .input-group #send_button { display:flex; align-items:center; justify-content:center; flex:none; box-sizing:border-box; width:42px; min-width:42px; height:42px; min-height:42px; margin:0; padding:10px; border:1px solid #ee7e72; border-radius:4px; background:#f47769; color:#171d1e; line-height:20px; box-shadow:none; }
.c90-modern .portal-chat-block #chat .input-group #send_button > span { display:none; }
.c90-modern .portal-chat-block #chat .input-group #send_button > svg { display:block; width:20px; height:20px; color:inherit; }
.c90-modern .portal-chat-block #chat .input-group #send_button:hover { background:#ff9485; border-color:#ff9485; }
.c90-modern .portal-chat-block #chat .input-group #send_button:disabled { opacity:.5; cursor:wait; }
.c90-modern .portal-chat-block #chat .portal-chat-guest { display:flex; margin:0; padding:8px 10px; border-top:1px solid #344044; }
.c90-modern .portal-chat-block #chat .portal-chat-guest > .btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:36px; min-height:36px; padding:7px 10px; border:1px solid #3b4c4e; border-radius:4px; color:#bdd2cf; background:#202b2d; font-size:12px; line-height:20px; }
.c90-modern .portal-chat-block #chat .portal-chat-guest > .btn:hover { border-color:#719b90; color:#e3efeb; background:#2a3935; }
.c90-modern .portal-chat-block #chat .portal-chat-guest svg { width:16px; height:16px; }
.c90-modern .portal-chat-block #chat #chat-client-status { padding:7px 10px; font-size:12px; line-height:18px; }
.c90-modern .portal-chat-block #chat button:focus-visible,
.c90-modern .portal-chat-block .topic-pin-open:focus-visible { outline:2px solid #9dcbbb; outline-offset:2px; }

@media (hover:hover) and (pointer:fine) {
    .c90-modern .portal-chat-block #chat #chat_messages .info .dell_message,
    .c90-modern .portal-chat-block #chat #chat_messages .info .edit_message { opacity:0; }
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message:hover .info .dell_message,
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message:hover .info .edit_message,
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message:focus-within .info .dell_message,
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message:focus-within .info .edit_message { opacity:1; }
}
@media (max-width:767px) {
    .c90-modern .portal-chat-block #chat #chat_messages { height:400px; padding:3px 10px; }
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message { grid-template-columns:28px minmax(0,1fr); gap:8px; }
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message > a,
    .c90-modern .portal-chat-block #chat #chat_messages .chat_message > a img { width:28px; height:28px; }
    .c90-modern .portal-chat-block .topic-pin-copy { display:block; }
    .c90-modern .portal-chat-block .topic-pin-copy > .topic-promo-label { display:block; font-size:9px; line-height:14px; }
    .c90-modern .portal-chat-block .topic-pin-title { display:block; font-size:12px; line-height:18px; }
    .c90-modern .portal-chat-block #chat .input-group { padding:8px; }
    .c90-modern .portal-chat-block #chat .input-group #message_input { font-size:16px; }
    .c90-modern .portal-chat-block #chat #chat_messages .with_code { font-size:13px; }
}
@media (hover:none), (pointer:coarse) {
    .c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-add,
    .c90-modern .portal-chat-block #chat #chat_messages .info .dell_message,
    .c90-modern .portal-chat-block #chat #chat_messages .info .edit_message { width:30px; height:30px; margin:-5px 0; opacity:1; }
    .c90-modern .portal-chat-block #chat #chat_messages .chat-reaction-chip { min-height:30px; }
}
.c90-modern .portal-chat-block #chat .chat-mention-options {
    position:absolute; bottom:calc(100% + 8px); left:0; z-index:1050;
    width:360px; max-width:100%; max-height:280px; overflow:auto;
    padding:5px; border:1px solid #48575c; border-radius:6px;
    background:#1b2428; box-shadow:0 8px 28px #0005; text-align:left;
}
.c90-modern .portal-chat-block #chat .chat-mention-caption {
    padding:5px 8px; color:#a8bac3; font-size:11px; line-height:18px;
}
.c90-modern .portal-chat-block #chat .chat-mention-option {
    display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:9px;
    width:100%; min-height:42px; margin:0; padding:6px 8px; border:0; border-radius:4px;
    background:transparent; color:#e9f1f4; text-align:left; font:inherit; font-size:13px;
}
.c90-modern .portal-chat-block #chat .chat-mention-option:hover,
.c90-modern .portal-chat-block #chat .chat-mention-option[aria-selected="true"] { background:#2d4144; }
.c90-modern .portal-chat-block #chat .chat-mention-avatar {
    position:relative; display:grid; place-items:center; width:30px; height:30px;
    overflow:hidden; border-radius:50%; background:#354448; color:#a7dfcd; font-size:13px;
}
.c90-modern .portal-chat-block #chat .chat-mention-avatar img { position:absolute; inset:0; width:30px; height:30px; object-fit:cover; }
.c90-modern .portal-chat-block #chat .chat-mention-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.c90-modern .portal-chat-block #chat .chat-mention-option small { color:#92a8b2; font-size:10px; }
.c90-modern .portal-chat-block #chat #chat_messages .with_code a.chat-mention {
    color:#a7e6d3; background:#233a36; border-radius:3px; padding:1px 3px;
    text-decoration:none; overflow-wrap:anywhere;
}
.c90-modern .portal-chat-block #chat #chat_messages .with_code a.chat-mention:hover { color:#dcfff3; text-decoration:underline; }