/* ---------- Заголовок чата: иконка + текст по центру ---------- */
.chatTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    width: 75%;
    margin: 0 auto;
    line-height: 1;
    min-height: 25px;
    transform: translateY(-4px);  /* поднимите выше */
}

.chatTitle::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("https://icons.iconarchive.com/icons/lyle-zapato/archaeologicons/32/Ziggurat-icon.png") 0 0 no-repeat;
    background-size: contain;
    flex-shrink: 0;
    vertical-align: middle;
    transition: transform 0.0s ease;
}

.chatHeader:hover .chatTitle::before {
    transform: scale(1.0);
}

.chatUsersCount::before {
    content: " Храма ";
    color: white;
    right: 0px;
}

/* ---------- Ссылки в сообщениях ---------- */
.chatMessage a {
    color: #50C878 !important;
}

/* ---------- Сообщения: отступы, интервалы и анимация ---------- */
.chatMessage {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.2 !important;
    animation: fadeIn 0.3s ease forwards !important;
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ---------- Время сообщения: стиль как кнопка ---------- */
.chatMessage .chatMessageTime,
.chatMessage .chatTime,
.chatMessage .time {
    display: inline-block;
    padding: 2px 6px;
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    color: #42aaff;
    transition: background 0.2s;
}

.chatMessage .chatMessageTime:hover {
    background: rgba(255,215,0,0.3);
}

/* ---------- Дополнительное правило для времени (если нужно) ---------- */
.chatMessage [class*="time"] {
    display: block !important;
    text-align: center !important;
}

/* ---------- Иконки в панели ссылок ---------- */
.chatSendLinksPanel a.chatLinkSmiles {
    background: transparent url("https://smiles.su/smiles/kto_est_kto/kto_est_kto_1012.gif") no-repeat scroll 0 0;
    background-size: contain;
    padding-left: 17px;
}

.chatSendLinksPanel .chatLinkImage {
    background: transparent url("https://i.pinimg.com/736x/f9/b4/30/f9b4309b0704be51ba688b2ec6ea9ccf.jpg") no-repeat scroll 0 0;
    background-size: contain;
    padding-left: 27px;
}

.chatLinkProfile {
    background: transparent url("https://png.pngtree.com/png-vector/20241114/ourmid/pngtree-shiny-gold-face-sculpture-png-image_14421691.png") no-repeat scroll 0 0;
    background-size: contain;
    padding-left: 17px;
}

.chatLinkGold {
    background: transparent url("https://smiles.su/smiles/inventar/inventar_484.gif") no-repeat scroll 0 0;
    background-size: contain;
    padding-left: 17px;
}

.chatLinkVip {
    background: transparent url("https://static.vecteezy.com/system/resources/thumbnails/055/243/410/small_2x/golden-laurel-wreath-isolated-on-transparent-png.png") no-repeat scroll 0 0;
    background-size: contain;
    padding-left: 5px;
}

.chatLinkModerate {
    background: transparent url("https://smiles.su/smiles/inventar/inventar_401.gif") no-repeat scroll 0 0;
    background-size: contain;
    width: 21px !important;   /* исправлено: important! → !important */
    height: 21px;
    flex-shrink: 0;
    vertical-align: middle;
    transition: transform 0.0s ease;
    padding-left: 5px;
}

.chatLinkMore {
    background: transparent url("https://smiles.su/smiles/inventar/inventar_363.gif") no-repeat 0 0;
    background-size: contain;
    padding-left: 17px;
}

/* ---------- Стилизация ссылок на популярные сервисы ---------- */
.chatMessage a[href*="youtu.be"] {
    color: #ff0000 !important;
}
.chatMessage a[href*="youtube.com"] {
    color: #ff0000 !important; 
} 
.chatMessage a[href*="suno.com"] {
    color: #ff7700 !important;
}
.chatMessage a[href*="yandex.ru"] {
    color: #3b83bd !important;
}


/* ---------- Статус онлайн/офлайн в списке пользователей ---------- */
.chatPeopleList > li {
    position: relative !important;
    padding-left: 22px !important;
    list-style: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Кружок по умолчанию — зелёный (онлайн) */
.chatPeopleList > li::before {
    content: " ● " !important;
    color: #2ecc71 !important;
    font-size: 16px !important;
    position: absolute !important;
    left: 2px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-block !important;
    text-shadow: 0 0 8px rgba(46, 204, 113, 0.5) !important;
}

/* Статус "Отошел" — серый кружок */
.chatPeopleList > li[title="Отошел"]::before {
    content: " ○ " !important;
    color: #95a5a6 !important;
    text-shadow: none !important;
}

/* Статус "Не беспокоить" — красный кружок */
.chatPeopleList > li[title="Не беспокоить"]::before {
    content: " ● " !important;
    color: #ff6b6b !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.5) !important;
}

/* Если пользователь не в чате (офлайн) — серый кружок */
.chatPeopleList > li[title="Офлайн"]::before {
    content: " ○ " !important;
    color: #95a5a6 !important;
    text-shadow: none !important;
}

/* Сброс для ссылок внутри */
.chatPeopleList > li a {
    display: inline !important;
    white-space: nowrap !important;
}

/* Скрываем кружок в выпадающих меню */
.chatPeopleList ul li::before {
    content: none !important;
    display: none !important;
}
.chatPeopleList ul li {
    padding-left: 0 !important;
}

.chatPeopleList .chatUserGiftsCount {
    display: none !important;
}

/* ---------- Отключаем затемнение для "Не беспокоить" и "Свой статус" ---------- */

.chatPeopleList > li[title="Не беспокоить"] .chatUser {
    opacity: 1 !important;
}
.chatPeopleList > li[title="Не беспокоить"] {
    opacity: 1 !important;
}

/* ---------- Замена иконки модератора на администраторскую для Тедди ---------- */
/* Скрываем стандартную иконку модератора */
.chatPeopleList a.chatUser[rel="1992095"] + img.user-icon.mod-icon {
    display: none !important;
}

/* Добавляем новую иконку администратора после ника */
.chatPeopleList a.chatUser[rel="1992095"]::after {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background: transparent url("https://st1.chatovod.ru/i/widget/admin.png") no-repeat scroll 0 0 !important;
    background-size: contain !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
}

/* ---------- Отступ после кружка статуса ---------- */
.chatPeopleList > li::before {
    margin-right: 9px !important;
    left: 6px !important;
}
.chatPeopleList > li {
    padding-left: 24px !important;
}