@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
::-webkit-scrollbar {width: 5px;background-color: #eaeaea;border-left: 0px solid #0f3b77;}
::-webkit-scrollbar-thumb {background-color: #0a0111;}
::-webkit-scrollbar-thumb:hover {background-color: #212121;}
h1,h2,h3,h4,h5 {font-family: 'Poppins', sans-serif !important;}
a {font-family: 'Poppins', sans-serif !important;}
b {font-family: 'Poppins', sans-serif !important; font-style: normal;}
em {font-family: 'Poppins', sans-serif !important; font-style: normal;}
li {font-family: 'Poppins', sans-serif !important;}
ul {font-family: 'Poppins', sans-serif !important; list-style-type: none !important; }
.msg-line {font-family: 'Poppins', sans-serif !important;}
.btn {font-family: 'Poppins', sans-serif !important; font-style: normal;}
body, html {font-family: 'Poppins', sans-serif !important;}
body {background: #fff;color: #1e293b;}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(0.35rem * var(--tw-space-x-reverse)) !important;margin-left: calc(0.35rem * calc(1 - var(--tw-space-x-reverse))) !important;}
.left-20 {left: 8rem !important;}
.msg-line {word-break: break-all;white-space: pre-wrap;}
.truncate-line {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#mobileMenu {color:#414141}
#userList::-webkit-scrollbar {width: 6px;}
#userList::-webkit-scrollbar-thumb {background: #414141;border-radius: 3px;}
#userList::-webkit-scrollbar-thumb:hover {background: #7fa9d7;}
header {background:radial-gradient(circle,rgba(72, 85, 105, 1) 0%, rgba(54, 59, 76, 1) 65%); color:#fff;border-bottom:1px solid #fff; padding-left:2px !important}
.kanallar-listesi {background: radial-gradient(circle,rgba(72, 85, 105, 1) 0%, rgba(54, 59, 76, 1) 65%);}
#userNickname {color:#fff}
#nickChangeBtn {color:#fff; text-decoration:none}
.kanallar-ad {float:left;}
.kanallar-ad i {float:left !important; margin-right:3px}
#topicBar {border-bottom: 1px solid #ece9e9;background: #fff;min-width: 0; padding-left:4px;}
.formu {padding-top: 0.35rem;padding-bottom: 0.25rem;}
#topicText {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.topic-text {font-size:13px}
.logo-ic {font-weight: 700; padding: 10px;display: block;}
.header-avatar-alan {text-align:right;}
.header-avatar-alan span {float:left}
.header-avatar-alan p {float:right;padding:10px}
.header-avatar img {width: 25px;height: 25px;border: 1px solid #fff;padding: 1px;border-radius: 50%;margin-right: 2px;}
.font-bold {font-weight: 600 !important;}
.header-nick {font-weight: 600;margin-right: 55px;vertical-align: middle;margin-top: 2px;}
.chan-btn {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #454b60;padding: 3px 10px;cursor: pointer;font-size: 12px;color: #fff;transition: all 0.5s;}
.chan-btn:hover {border-bottom: 1px solid #06a729;color: #06a729;transition: all 0.5s;}
.chan-btn.active {border-bottom: 1px solid #00902e;color: #57e976;transition: all 0.5s;}
.chan-btn span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 22px);display: inline-block;vertical-align: middle;}
.chan-close {font-weight: 500;font-size: 15px;margin-left: 6px;color: #fff;flex-shrink: 0;}
.chan-close:hover {color: #57e976;}
#messages {  overflow-y: auto;overflow-x: hidden;word-break: break-word;padding-bottom: 40px !important;box-sizing: border-box;}
.msg-line {max-width: 100%;overflow-wrap: anywhere;white-space: normal !important;}
.msg-line span {max-width: 100%;display: inline;word-break: break-word;overflow-wrap: anywhere; font-weight:600}
#loginScreen {background: #74ebd5;background: -webkit-linear-gradient(to right, #ACB6E5, #74ebd5);background: linear-gradient(to right, #ACB6E5, #74ebd5);}
.logo {margin-bottom:30px}
.form-control {height: 60px; margin-bottom:10px; padding:15px; font-weight: 600; color: #005eea !important; border-color: #7f6cae;border-radius: 40px;border:none !important;font-family: 'Poppins', sans-serif !important; }
.btn-baglan {background: #005eea; color: #fff; padding: 15px; border-radius: 40px; font-size: 18px; font-weight: 700;}
.btn-baglan:hover {background-color: rgb(0 183 249); color: #fff;}
.userlist-user span {width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:12px;font-weight:500}
.userlist-user {transition: all 0.5s;}
.userlist-user:hover {opacity:0.6;transition: all 0.5s;}
.kanal-sayi {background:#ff9800; color:#fff; padding:5px; border-radius:4px}
.chan-btn {font-weight:500}
#toggleNicklist {transition: all 0.3s ease;}
#mobileTopBar {flex-wrap: wrap;gap: 0;font-size: 11px;padding: 0;background:#363b4c !important;}
.mobile-chan-btn {display: inline-flex;align-items: center;background: #f8fafc;color: #414141;font-weight:500;border: 1px solid #bdbdbd;border-radius: 3px;padding: 1px;margin: 2px;white-space: nowrap;transition: background 0.2s;}
#mobileTopBar .mobile-chan-btn + .mobile-chan-btn {margin-left:1px;}
.mobile-chan-btn.active {background: #06a729;color:#fff; border-color:#06a729;}
.mobile-chan-btn.active .close {color:#fff}
.mobile-chan-btn .close {margin-left: 3px;cursor: pointer;color: #64748b;font-size: 10px;}
.mobile-chan-btn.unread {color: #dc2626;font-weight: 600;}
.mobile-chan-btn.mention {color: #16a34a;font-weight: 600;}
.profile-cover {height: auto !important;object-fit: contain !important;}
.msg-nick {cursor: pointer;}
#msg {position: relative;z-index: 1;}
#emojiBtn,svg[data-lucide="smile"] {position: absolute !important;z-index: 999999 !important;pointer-events: auto !important;cursor: pointer !important;background: #f1f1f1 !important;  border-radius: 4px;}
.chanlist-table {width: 100%;border-collapse: collapse;font-size: 13px;margin-top: 6px;background: #f9fafb;border-radius: 6px;overflow: hidden;}
.chanlist-table thead {background: #06a729;color: #fff;}
.chanlist-table th,
.chanlist-table td {padding: 6px 8px;border-bottom: 1px solid #e5e7eb;text-align: left;vertical-align: top;}
.chanlist-table tr:hover {background: #e6f4ea;cursor: pointer;}
.chanlist-table td:nth-child(1) {font-weight: 600;color: #0a5b0a;}
.chanlist-table td:nth-child(2) {text-align: center;color: #333;font-weight: 500;width: 60px;}
@media (max-width: 768px) {
.text-xs {font-size: 10px !important;line-height: 1rem;}
.user-list-user span {font-size:10px !important; margin-left:2px !important}
.user-list-avatar {width:19px !important; height:16px !important; border-radius:4px; background:#33394a;}
.user-list-avatar-img img {width:19px !important; height:16px !important; border-radius:4px; !important; background:#33394a; !important}
.msg-line {font-size:10px !important;}
.mobile-chan-btn {font-size:9px !important}
.header-alani {padding-left:0px !important;}
.picmo__picker .picmo__emojiCategory {position: relative;background: #fff;}
.chanlist-table td:nth-child(1) {font-weight: 600; color: #0a5b0a;font-size: 11px;}
.chanlist-table th, .chanlist-table td {font-size: 11px; padding: 6px 4px;}
tr{overflow: auto;text-overflow: ellipsis;white-space: nowrap;}


}