@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap'); 

/* --- Global Theme & Romantic Background --- */
body {
background-color: #fffafc !important;
background-size: cover;
background-position: center;
background-attachment: fixed;
color: #330033;
font-weight: bold;
font-family: "Comfortaa", sans-serif;
margin: 0;
}

/* --- Hide Chatovod Branding --- */
a[href="https://chatovod.com"][target="_blank"] {
display: none !important;
visibility: hidden !important;
}

/* ? Modern Glossy Header */
.chatHeaderWrapper {
background: linear-gradient(135deg, #ff9a9e 0%, #ff0055 50%, #cc0044 100%) !important; 
position: relative;
color: #ffffff !important;
font-size: 16px;
border-bottom: 2px solid #ff0055;
overflow: hidden;
box-shadow: 0 4px 25px rgba(255, 0, 85, 0.4);
}

.chatHeaderWrapper::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url("https://gifsec.com/wp-content/uploads/2022/09/heart-gif-4.gif") repeat;
background-size: contain;
opacity: 0.4;
z-index: 0;
}

/* ? Aesthetic Tabs */
.chatTabs .tab, .chatUsersTabTitle {
background: linear-gradient(180deg, #ff85a2 0%, #ff0055 100%) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: none !important;
border-radius: 15px 15px 0 0 !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* --- ? CHAT MESSAGES - FLORAL THEME + RESTORED GLOW ? --- */
.chatMessagesWrapper {
background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), 
url("https://images.unsplash.com/photo-1518199266791-5375a83190b7?q=80&w=1000&auto=format&fit=crop") !important;
background-size: cover !important;
background-position: center !important;
border-radius: 12px;
font-size: 12.5px;
/* RESTORED FONT STYLE & BOLDED */
font-family: "Comfortaa", sans-serif !important;
font-weight: 700 !important;
border: 1px solid rgba(255, 0, 85, 0.3);
/* RESTORED GLOW EFFECT */
box-shadow: 0 8px 32px rgba(255, 0, 85, 0.25), 0 0 15px rgba(255, 133, 162, 0.2) !important;
}

/* Specific text bolding within messages */
.chatMessage {
font-family: "Comfortaa", sans-serif !important;
font-weight: 700 !important;
}

/* Pulsing Highlight for Mentions */
@keyframes pulse-border {
0% { border-left-color: #ff0055; box-shadow: -5px 0 10px rgba(255,0,85,0.2); }
50% { border-left-color: #ff85a2; box-shadow: -5px 0 15px rgba(255,133,162,0.4); }
100% { border-left-color: #ff0055; box-shadow: -5px 0 10px rgba(255,0,85,0.2); }
}

.chatMessage.hl {
background: linear-gradient(90deg, rgba(255, 230, 240, 0.8), rgba(255, 255, 255, 0.2));
border-left: 4px solid #ff0055;
animation: pulse-border 2s infinite ease-in-out;
}

/* ? USER LIST - TIMES NEW ROMAN ? */
.chatUsersTab {
background: rgba(255, 255, 255, 0.85);
background-image: url(https://i.pinimg.com/originals/87/0d/8e/870d8e4ebebdb53af3aae87198cdddf8.gif);
border: 1px solid rgba(255, 0, 85, 0.2);
border-radius: 12px;
font-family: "Times New Roman", Times, serif !important;
font-size: 14px !important;
}

.chatUsersTab .searchWrapper input {
border-radius: 20px;
border: 1px solid #ff85a2;
padding: 4px 10px;
background: rgba(255, 255, 255, 0.9);
font-family: cursive;
}

/* --- Input Area --- */
.chatSendControlsWrapper div.textareaWrapper textarea {
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 12px !important;
border: 2px solid #ffe6f0 !important;
font-family: "Comfortaa", sans-serif;
transition: all 0.3s ease;
}

.chatSendControlsWrapper div.textareaWrapper textarea:focus {
border-color: #ff0055 !important;
box-shadow: 0 0 12px rgba(255, 0, 85, 0.2);
}

/* ? SMILEY ICON - ORIGINAL DIMENSIONS */
.chatSendControlsWrapper div.textareaWrapper > i.smileys {
width: 18px;
height: 18px;
right: -5px;
top: 5px;
background-image: url("https://st1.chatovod.net/u/cs/2016/05_26/61/798561/1465049703_0.gif") !important;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
}

/* --- ? ICONS & USER STYLING - FULL RESTORATION ? --- */
.nickIcon, .nickIcon .filler, .nickIcon .mask, .nickIcon .status { background: none !important; border: none !important; }
.nickIcon { width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 3px !important; position: relative; z-index: 5; border-radius: 50%; overflow: hidden; }
.nickIcon .mask { width: 100%; height: 100%; display: block; background-size: cover !important; background-position: center !important; border-radius: 50%; border: 1px solid #ff0055; background-image: url("https://i.ibb.co/5gvHMNDQ/ezgif-48a8b572ff18e72f.jpg") !important; }

/* Role Overlays */
.admin .groupIcon { background-image: url("https://i.ibb.co/5W1tYQSk/b-VAz-Xe.gif") !important; }
.moderator .groupIcon { background-image: url("https://i.ibb.co/Y7QqC60L/4el8d1w.gif") !important; background-size: contain; }

/* Gender & VIP Specific Masks */
.is-owner .mask { background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsknOjkpFEGBl6KvWs_a02kxLZBO__Uz06Rw&s") !important; }
.vip.male .nickIcon[title="VIP"] .mask { background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS3UXWvE-kHMX9hJ4E_a9fQn0UpRwR_mop9avQ5U5Xjdg&s=10") !important; }
.vip.female .nickIcon[title="VIP"] .mask { background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJ-BzmzMUuyxMHN0vba4plVs7J9zaLyOgCovs-a6LYhw&s=10") !important; }
.admin.male .nickIcon .mask { background-image: url("https://i.ibb.co/yBSzf1rT/ezgif-36c44c4d2cd5e799.png") !important; }
.male.moderator .nickIcon .mask { background-image: url("https://i.ibb.co/LMjwkLT/ezgif-33bff606dddd04cd.png") !important; }
.male .nickIcon .mask { background-image: url("https://cdn-icons-png.flaticon.com/512/4128/4128349.png") !important; }
.admin.female .nickIcon .mask { background-image: url("https://i.ibb.co/N6n9SNTg/ezgif-531834e77816937e.png") !important; }
.female.moderator .nickIcon .mask { background-image: url("https://i.ibb.co/k6GHwQ1m/ezgif-690b487952a3c158.jpg") !important; }
.female .nickIcon .mask { background-image: url("https://cdn.vectorstock.com/i/500p/71/63/girl-icon-flat-style-vector-9137163.jpg") !important; }

/* ? USER COLORS & VIP EFFECTS */
.admin .chatUserName { color: #ff4500 !important; font-weight: 900 !important; text-transform: uppercase; }
.moderator .chatUserName { font-weight: bold; color: #ff69b4; }
.vip .chatUserName, a.user[title="H?????LPH??"], a.user[title="Pawan Rajput"] {
font-size: 18px; font-weight: 900; text-transform: uppercase; color: transparent !important;
background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
-webkit-background-clip: text; background-clip: text;
}

/* ? SEND BUTTON */
.sendMessageButton {
display: inline-block;
padding: 8px 25px;
font-size: 15px;
font-weight: bold;
color: #fff !important;
text-transform: uppercase;
border-radius: 50px;
background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
box-shadow: 0 4px 15px rgba(255, 65, 108, 0.4);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: none;
cursor: pointer;
}

.sendMessageButton:hover {
box-shadow: 0 8px 25px rgba(255, 65, 108, 0.6);
transform: translateY(-3px) scale(1.02);
}