@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap");

/* HUN? RADYO ? masaüstü temas? yede?i */
html, body, .chat { background:#eef4f8 !important; color:#1d2b38 !important; font-family:"Exo 2","Trebuchet MS","Segoe UI",Tahoma,Arial,sans-serif !important; }
.chatHeaderWrapper, .goog-menubar { background-color:#155e75 !important; border-color:#104d60 !important; }
.chatHeaderWrapper .menuItem, .chatHeaderWrapper .menuItem .text, .chatHeaderWrapper .title .text { color:#fff !important; font-weight:700 !important; }
.chatHeaderWrapper .menuItem:hover, .chatHeaderWrapper .goog-menu-button-hover { background-color:#0f4c5c !important; }
.chatRoomsWrapper, .leftBlock, .chatRooms, .chatRoom { background-color:#dbeaf0 !important; border-color:#b9d4de !important; }
.chatRoom, .chatRoom .nick, .chatRoom .cnt { color:#31586a !important; }
.chatRoom.active { background-color:#fff !important; border-color:#40a6bf !important; }
.chatRoom.active, .chatRoom.active .nick, .chatRoom.active .cnt { color:#12647b !important; font-weight:700 !important; }
.chatMessagesWrapper, .chatMessagesTab, .chatMessages { background-color:transparent !important; background-image:none !important; }
.chatMessagesContainer { background-color:#f7fafc !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='300' viewBox='0 0 180 300'%3E%3Ctext x='22' y='48' font-family='Arial' font-size='22' fill='%23155e75' fill-opacity='.11'%3E%E2%99%AA%3C/text%3E%3Ctext x='125' y='105' font-family='Arial' font-size='17' fill='%23087b9b' fill-opacity='.09'%3E%E2%99%AB%3C/text%3E%3Ctext x='66' y='184' font-family='Arial' font-size='25' fill='%23155e75' fill-opacity='.08'%3E%E2%99%AC%3C/text%3E%3Ctext x='142' y='265' font-family='Arial' font-size='19' fill='%23087b9b' fill-opacity='.10'%3E%E2%99%AA%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 50% 25%,rgba(22,125,152,.07),transparent 34%),repeating-linear-gradient(0deg,transparent 0,transparent 26px,rgba(21,94,117,.04) 27px,transparent 28px) !important; background-size:180px 300px,auto,auto !important; background-position:0 -300px,center 25%,center top !important; background-repeat:repeat,no-repeat,repeat !important; animation:radyo-notalari 22s linear infinite !important; }
@keyframes radyo-notalari { from { background-position:0 -300px,center 25%,center top; } to { background-position:0 300px,center 25%,center top; } }
.chatMessage { background-color:transparent !important; color:#1f313e !important; }
.chatMessage .from, .chatMessage .nick { color:#0d718b !important; font-weight:700 !important; text-decoration:none !important; }
.chatMessage .text, .chatMessage p { color:#1d2b38 !important; }
.chatMessage .time, .chatMessage .info, .chatMessage .check { color:#6f8793 !important; }
.chatMessage:not(.msg-minor):not(.chatErrorMessage) .text { display:inline-block !important; max-width:calc(100% - 28px) !important; box-sizing:border-box !important; margin:3px 0 7px !important; padding:8px 12px !important; background-color:#fff !important; border:1px solid #c8dce4 !important; border-radius:5px 14px 14px 14px !important; box-shadow:0 2px 6px rgba(35,73,89,.10) !important; }
.chatMessage:not(.msg-minor):not(.chatErrorMessage) .text p { margin:0 !important; }
.chatMessage .from-line + a.msg-avatar[style*="8744686"] + .text, .chatMessage .from-line + a.msg-avatar[style*="7852749"] + .text { background-color:#edf9fc !important; border-color:#62a9bc !important; box-shadow:0 2px 7px rgba(24,105,125,.16) !important; }
.chatMessage .from-line + a.msg-avatar[style*="8744646"] + .text { background:linear-gradient(135deg,#fffdf4,#f8f1d9) !important; border-color:#d7a52e !important; box-shadow:0 2px 8px rgba(165,113,15,.20) !important; }
.chatMessage.msg-minor, .chatMessage.msg-minor .text, .chatMessage.chatErrorMessage { color:#687f8b !important; }
.chatUsersAndFilter, .chatUsersWrapper, .chatUsersTab, .chatUsersContainer, .chatUsersHeaderWrapper { background-color:#e6f0f4 !important; border-color:#bdd4de !important; }
.chatUsers .nick, .chatUsers a, .chatUsersContainer a { color:#31586a !important; }
.chatUsers .nick:hover, .chatUsers a:hover { color:#087b9b !important; }
.chatUsersFilter input { background-color:#fff !important; color:#20323e !important; border-color:#9fc4d1 !important; }
.chatUsersFilter input::placeholder { color:#77919d !important; }
.chatUsersContainer { background-image:url("https://mavihuydurbende.com/wp-content/uploads/2026/01/unnamed-6-Photoroom.png") !important; background-position:right 12px bottom 12px !important; background-repeat:no-repeat !important; background-size:72px auto !important; }
.chatSendControlsWrapper, .toolbar2Wrapper, .textareaWrapper { background-color:#e6f0f4 !important; border-color:#bdd4de !important; }
.textareaWrapper textarea, .textareaWrapper [contenteditable="true"] { background-color:#fff !important; color:#1d2b38 !important; border-color:#9fc4d1 !important; }
.goog-toolbar, .goog-toolbar-button, .goog-toolbar-menu-button { background-color:#f7fafc !important; border-color:#bdd4de !important; color:#244857 !important; }
.goog-toolbar-button-hover, .goog-toolbar-menu-button-hover { background-color:#d3ebf2 !important; }
.sendMessageButton, a.sendMessageButton, a.sendMessageButton:visited, a.sendMessageButton:active, .sendMessageButton:hover, a.sendMessageButton:hover, .sendMessageButton:focus, a.sendMessageButton:focus { background:#f7fafc !important; background-image:none !important; color:#155e75 !important; border:1px solid #9fc4d1 !important; text-shadow:none !important; font-weight:700 !important; }
.goog-menu, .goog-menuitem, .goog-menuitem-content { background-color:#fff !important; color:#263b47 !important; border-color:#c4dbe4 !important; }
.goog-menuitem-highlight, .goog-menuitem:hover { background-color:#d9eff4 !important; color:#0c6179 !important; }
.chatAPanel { background-color:#dbeaf0 !important; color:#68818c !important; border-color:#bdd4de !important; }
.chat a { color:#087b9b !important; }
@media (prefers-reduced-motion:reduce) { .chatMessagesContainer { animation:none !important; } }