/* Platform-specific colored borders for conversation list */
/* Clean design - border only, no backgrounds */

/* ============================================
   LTR: Border on LEFT side
   ============================================ */

/* WhatsApp - Green */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="wa"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="whatsapp"] {
    border-left: 4px solid #25D366 !important;
}

/* WhatsApp Direct - Teal Green */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="wd"] {
    border-left: 4px solid #128C7E !important;
}

/* Facebook - Dark Blue */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="fb"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="facebook"] {
    border-left: 4px solid #1877F2 !important;
}

/* Messenger - Light Blue */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="messenger"] {
    border-left: 4px solid #0084FF !important;
}

/* Telegram - Blue */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tg"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="telegram"] {
    border-left: 4px solid #0088cc !important;
}

/* Instagram - Orange/Pink */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="inst"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="ig"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="instagram"] {
    border-left: 4px solid #E4405F !important;
}

/* Email - Orange */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="em"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="email"] {
    border-left: 4px solid #FFA500 !important;
}

/* Text Message - Purple */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tm"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="sms"] {
    border-left: 4px solid #8B4FFF !important;
}

/* TikTok - Black */
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tt"],
.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tiktok"] {
    border-left: 4px solid #010101 !important;
}

/* ============================================
   RTL: Border on RIGHT side
   ============================================ */

/* WhatsApp - Green */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="wa"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="whatsapp"] {
    border-left: none !important;
    border-right: 4px solid #25D366 !important;
}

/* WhatsApp Direct - Teal Green */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="wd"] {
    border-left: none !important;
    border-right: 4px solid #128C7E !important;
}

/* Facebook - Dark Blue */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="fb"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="facebook"] {
    border-left: none !important;
    border-right: 4px solid #1877F2 !important;
}

/* Messenger - Light Blue */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="messenger"] {
    border-left: none !important;
    border-right: 4px solid #0084FF !important;
}

/* Telegram - Blue */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tg"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="telegram"] {
    border-left: none !important;
    border-right: 4px solid #0088cc !important;
}

/* Instagram - Orange/Pink */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="inst"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="ig"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="instagram"] {
    border-left: none !important;
    border-right: 4px solid #E4405F !important;
}

/* Email - Orange */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="em"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="email"] {
    border-left: none !important;
    border-right: 4px solid #FFA500 !important;
}

/* Text Message - Purple */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tm"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="sms"] {
    border-left: none !important;
    border-right: 4px solid #8B4FFF !important;
}

/* TikTok - Black */
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tt"],
.tk-rtl .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source="tiktok"] {
    border-left: none !important;
    border-right: 4px solid #010101 !important;
}

/* ============================================
   TikTok Stickers/Emojis - Size Control
   ============================================ */

/* Stickers and emojis - smaller size */
.tk-sticker,
.tk-sticker img,
.tk-image[data-url*="ibyteimg"],
.tk-image[data-url*="ibyteimg"] img,
.tk-image[data-url*="sticker"],
.tk-image[data-url*="sticker"] img {
    max-width: 100px !important;
    max-height: 100px !important;
    width: auto !important;
    height: auto !important;
}

/* Alternative selector for any sticker class */
.sb-image-sticker,
.sb-image-sticker img {
    max-width: 100px !important;
    max-height: 100px !important;
}

/* Admin panel sticker/emoji sizing */
.tk-cnt .tk-sticker img,
.tk-message .tk-sticker img {
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain !important;
}