/* General Style */
body {margin: 0px;font: 12px/16px 'Arial';color: #333;text-align: center;}
td, input, select, textarea {font: 12px 'Arial';}
body a {color: #407ab2;;text-decoration: none;}
body a:hover {text-decoration: none;}
* {}
#body{} 
::-webkit-scrollbar{width: 6px;height: 5px;background:#fff;} 
::-webkit-scrollbar-track-piece{-webkit-border-radius: 0px;} 
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #666;} 
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #666;}
::-webkit-scrollbar-thumb:hover {background:#333}
@media screen and (min-width: 700px) {
 .cMessage{font-size:15px;padding: 1px 0;line-height: 1.3;}
 .chat_time{text-align:left;font-size: 14px;}
 .chat_linia{padding:4px !important}
 .cMessage img{max-width:100% !important}
 @media (min-width: 800px) {
 body {width:700px;margin:20px auto}
 .chatprofil img, .chat_ava{width:60px !important;height:60px !important;}
 .cMessage{margin-left: 80px !important;border-radius: 20px !important;padding: 6px 12px !important;font-size: 20px !important;}
 .chat_linia{margin:15px 0 !important}
 .chat_ava{line-height:60px !important;font-size:30px !important}
 .otvet{display:none !important}
}
}
slesh {
 width: 1px;
 height: 11px;
 display: inline-block;
 position: relative;
 background: rgb(204, 204, 204);
 margin: 0px 10px -1px;
}
.otvet{display:none;color:#616370;margin-left:5px}
.cMessage:hover .otvet{display:inline}
.chat_time{color: gray;text-align: left;}
.cMessage{text-align:left !important;margin-left:39px;background: #f0f1f3;color: #000;padding: 3px 6px;overflow: hidden;text-overflow: ellipsis;border: 1px solid #ddd;}
.admess{background: #00ff0042 !important;border: 1px solid #009a00 !important;}
.modermess{background: #0000ff29 !important;border: 1px solid #0000ff6e !important;}
.minichat{text-decoration:none}
 .minichat:hover{text-decoration:underline}
.cMessage i{color:gray !important;text-transform: capitalize;font-style: normal;}
.chat_linia{padding:2px;margin: 4px 0;}
.chatprofil img{width:30px;height:30px;float: left;margin: 2px 7px 2px 2px;border-radius: 50%;}
.chat_ava {float:left;margin: 2px 5px 2px 2px;background: #5db847;color:#fff;font-size:15px;text-align: center;width: 30px;height: 30px;border-radius: 50%;line-height:30px;font-weight: bold;text-transform: capitalize;text-shadow: 2px 2px 5px rgba(0,0,0,0.2);border:1px solid}
.color_ava0 {background: #3A539B}
.color_ava1 {background: #1abc9c}
.color_ava2 {background: #2ecc71}
.color_ava3 {background: #3498db}
.color_ava4 {background: #9b59b6}
.color_ava5 {background: #f1c40f}
.color_ava6 {background: #e67e22}
.color_ava7 {background: #e74c3c}
.color_ava8 {background: #d35400}
.color_ava9 {background: #f39c12}

/* --- Стили мини-чата с поддержкой светлой/темной темы --- */
.cMessage {
 text-align: left !important;
 margin-left: 39px;
 background: var(--bg-elevated) !important;
 color: var(--text-main) !important;
 padding: 4px 8px;
 overflow: hidden;
 text-overflow: ellipsis;
 border: 1px solid var(--border);
 border-radius: 4px;
}
.admess { background: rgba(0, 255, 0, 0.15) !important; border: 1px solid #009a00 !important; }
.modermess { background: rgba(0, 0, 255, 0.15) !important; border: 1px solid #0000ff6e !important; }
.minichat { text-decoration: none; }
.minichat:hover { text-decoration: underline; }
.chat_time { color: var(--text-muted); text-align: left; font-size: 11px; margin-top: 2px; }
.chat_linia { padding: 3px 2px; margin: 4px 0; }
.chatprofil img { width: 30px; height: 30px; float: left; margin: 2px 7px 2px 2px; border-radius: 50%; object-fit: cover; }
.chat_ava { float: left; margin: 2px 5px 2px 2px; background: #5db847; color: #fff; font-size: 15px; text-align: center; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-weight: bold; text-transform: capitalize; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); border: 1px solid var(--border); }