/* Стили для сообщений */
#global-chat-messages .message {
 display: flex;
 margin-bottom: 8px;
 animation: fadeIn 0.2s ease-out;
}
#global-chat-messages .message-own {
 justify-content: flex-end;
}
#global-chat-messages .message-content {
 max-width: 80%;
 padding: 8px 12px;
 border-radius: 12px;
 font-size: 13px;
 line-height: 1.4;
 word-wrap: break-word;
}
#global-chat-messages .message-own .message-content {
 background: #FF4444;
 color: white;
 border-bottom-right-radius: 4px;
}
#global-chat-messages .message-other .message-content {
 background: rgba(255,255,255,0.1);
 color: white;
 border-bottom-left-radius: 4px;
}
#global-chat-messages .message-time {
 font-size: 10px;
 color: rgba(255,255,255,0.4);
 margin-top: 2px;
 text-align: right;
}
#global-chat-messages .message-other .message-time {
 text-align: left;
}

/* Минимизированное состояние */
#global-chat-modal.minimized #global-chat-messages-container,
#global-chat-modal.minimized #global-chat-input-container {
 display: none;
}
#global-chat-modal.minimized .minimize-icon {
 transform: rotate(180deg);
}

@keyframes fadeIn {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
}

/* Кастомный скроллбар */
.custom-scrollbar::-webkit-scrollbar {
 width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
 background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
 background: rgba(255,255,255,0.1);
 border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
 background: rgba(255,255,255,0.2);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
 body { 
 background: #0D0D0F; 
 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
 color: white; 
 min-height: 100vh;
 position: relative;
 overflow-x: hidden;
 }
 .fixed { position: fixed; }
 .absolute { position: absolute; }
 .relative { position: relative; }
 .bottom-4 { bottom: 1rem; }
 .right-4 { right: 1rem; }
 .bottom-16 { bottom: 4rem; }
 .right-0 { right: 0; }
 .z-[10000] { z-index: 10000; }
 .z-[9999] { z-index: 9999; }
 .w-80 { width: 20rem; }
 .w-11 { width: 2.75rem; }
 .h-11 { height: 2.75rem; }
 .sm\:w-14 { width: 3.5rem; }
 .sm\:h-14 { height: 3.5rem; }
 .w-10 { width: 2.5rem; }
 .h-10 { height: 2.5rem; }
 .w-8 { width: 2rem; }
 .h-8 { height: 2rem; }
 .w-4 { width: 1rem; }
 .h-4 { height: 1rem; }
 .w-5 { width: 1.25rem; }
 .h-5 { height: 1.25rem; }
 .w-3 { width: 0.75rem; }
 .h-3 { height: 0.75rem; }
 .w-2 { width: 0.5rem; }
 .h-2 { height: 0.5rem; }
 .max-h-96 { max-height: 24rem; }
 .h-9 { height: 2.25rem; }
 .h-\[350px\] { height: 350px; }
 .max-h-\[350px\] { max-height: 350px; }
 .bg-\[\#1a1a1c\] { background: #1a1a1c; }
 .bg-\[\#0D0D0F\] { background: #0D0D0F; }
 .bg-\[\#131315\] { background: #131315; }
 .bg-\[\#FF4444\] { background: #FF4444; }
 .hover\:bg-\[\#FF5555\]:hover { background: #FF5555; }
 .bg-white\/5 { background: rgba(255,255,255,0.05); }
 .bg-white\/10 { background: rgba(255,255,255,0.1); }
 .bg-white\/\[0\.02\] { background: rgba(255,255,255,0.02); }
 .bg-gradient-to-r { background: linear-gradient(to right, var(--tw-gradient-stops)); }
 .from-purple-500\/20 { --tw-gradient-from: rgba(168,85,247,0.2); }
 .to-pink-500\/20 { --tw-gradient-to: rgba(236,72,153,0.2); }
 .from-\[\#1A1A1C\] { --tw-gradient-from: #1A1A1C; }
 .to-\[\#1f1f22\] { --tw-gradient-to: #1f1f22; }
 .border { border: 1px solid; }
 .border-2 { border-width: 2px; }
 .border-white\/10 { border-color: rgba(255,255,255,0.1); }
 .border-white\/5 { border-color: rgba(255,255,255,0.05); }
 .border-t { border-top-width: 1px; }
 .border-b { border-bottom-width: 1px; }
 .rounded-2xl { border-radius: 1rem; }
 .rounded-xl { border-radius: 0.75rem; }
 .rounded-lg { border-radius: 0.5rem; }
 .rounded-full { border-radius: 9999px; }
 .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }
 .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
 .overflow-hidden { overflow: hidden; }
 .overflow-y-auto { overflow-y: auto; }
 .px-4 { padding-left: 1rem; padding-right: 1rem; }
 .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
 .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
 .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
 .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
 .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
 .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
 .p-1 { padding: 0.25rem; }
 .p-1\.5 { padding: 0.375rem; }
 .p-2\.5 { padding: 0.625rem; }
 .pl-9 { padding-left: 2.25rem; }
 .pr-3 { padding-right: 0.75rem; }
 .mt-1 { margin-top: 0.25rem; }
 .mb-6 { margin-bottom: 1.5rem; }
 .gap-2 { gap: 0.5rem; }
 .gap-3 { gap: 0.75rem; }
 .gap-1 { gap: 0.25rem; }
 .gap-1\.5 { gap: 0.375rem; }
 .flex { display: flex; }
 .items-center { align-items: center; }
 .justify-between { justify-content: space-between; }
 .justify-center { justify-content: center; }
 .flex-col { flex-direction: column; }
 .flex-1 { flex: 1; }
 .grid { display: grid; }
 .grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
 .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
 .lg\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
 .text-white { color: white; }
 .text-white\/60 { color: rgba(255,255,255,0.6); }
 .text-white\/40 { color: rgba(255,255,255,0.4); }
 .text-white\/30 { color: rgba(255,255,255,0.3); }
 .text-\[\#FF4444\] { color: #FF4444; }
 .text-green-400 { color: #4ade80; }
 .text-red-400 { color: #f87171; }
 .text-xs { font-size: 0.75rem; }
 .text-sm { font-size: 0.875rem; }
 .font-bold { font-weight: 700; }
 .font-medium { font-weight: 500; }
 .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .object-cover { object-fit: cover; }
 .cursor-pointer { cursor: pointer; }
 .hover\:bg-white\/5:hover { background: rgba(255,255,255,0.05); }
 .hover\:bg-white\/10:hover { background: rgba(255,255,255,0.1); }
 .hover\:text-white:hover { color: white; }
 .hover\:text-white\/60:hover { color: rgba(255,255,255,0.6); }
 .group:hover .group-hover\:text-\[\#FF4444\] { color: #FF4444; }
 .transition-colors { transition: all 0.2s; }
 .transition-all { transition: all 0.2s; }
 .duration-300 { transition-duration: 0.3s; }
 .animate-slide-up { animation: slide-up 0.2s ease-out; }
 .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
 .pointer-events-none { pointer-events: none; }
 .disabled\:bg-white\/10:disabled { background: rgba(255,255,255,0.1); }
 .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
 .focus\:outline-none:focus { outline: none; }
 .focus\:border-purple-500\/50:focus { border-color: rgba(168,85,247,0.5); }
 .focus\:border-\[\#FF4444\]\/50:focus { border-color: rgba(255,68,68,0.5); }
 .placeholder\:text-white\/30::placeholder { color: rgba(255,255,255,0.3); }

 @keyframes slide-up {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
 }
 @keyframes pulse {
 0%, 100% { opacity: 1; }
 50% { opacity: 0.5; }
 }
 .custom-scrollbar::-webkit-scrollbar {
 width: 6px;
 }
 .custom-scrollbar::-webkit-scrollbar-track {
 background: transparent;
 }
 .custom-scrollbar::-webkit-scrollbar-thumb {
 background: rgba(255,255,255,0.1);
 border-radius: 3px;
 }
 .custom-scrollbar::-webkit-scrollbar-thumb:hover {
 background: rgba(255,255,255,0.2);
 }
 
 /* Стили для сообщений чата */
 .message {
 display: flex;
 margin-bottom: 8px;
 animation: fadeIn 0.2s ease-out;
 }
 .message-own {
 justify-content: flex-end;
 }
 .message-content {
 max-width: 80%;
 padding: 8px 12px;
 border-radius: 12px;
 font-size: 13px;
 line-height: 1.4;
 word-wrap: break-word;
 }
 .message-own .message-content {
 background: #FF4444;
 color: white;
 border-bottom-right-radius: 4px;
 }
 .message-other .message-content {
 background: rgba(255,255,255,0.1);
 color: white;
 border-bottom-left-radius: 4px;
 }
 .message-time {
 font-size: 10px;
 color: rgba(255,255,255,0.4);
 margin-top: 2px;
 text-align: right;
 }
 .message-other .message-time {
 text-align: left;
 }
 @keyframes fadeIn {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
 }