/* Simple Icon Updates - Global Application */

/* Replace ALL tk-icon classes with Font Awesome icons */
.tk-icon-download::before,
i.tk-icon-download::before {
    content: "\f019" !important; /* download icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.tk-icon-chat::before,
i.tk-icon-chat::before {
    content: "\f075" !important; /* comment icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.tk-icon-envelope::before,
i.tk-icon-envelope::before {
    content: "\f0e0" !important; /* envelope icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.tk-icon-sms::before,
i.tk-icon-sms::before {
    content: "\f7cd" !important; /* sms icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.tk-icon-social-wa::before,
i.tk-icon-social-wa::before {
    content: "\f232" !important; /* whatsapp icon */
    font-family: "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
    color: #25d366;
}

.tk-icon-delete::before,
i.tk-icon-delete::before {
    content: "\f2ed" !important; /* trash icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* Improve Add New User button */
.tk-area-users .tk-new-user {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.25) !important;
}

.tk-area-users .tk-new-user:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important;
}

.tk-area-users .tk-new-user i::before,
.tk-area-users .tk-new-user .tk-icon-user::before {
    content: "\f067" !important; /* plus icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    display: inline-block !important;
}

/* Fix spacing for the new user button */
.tk-area-users .tk-new-user {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.tk-area-users .tk-new-user i {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}

/* Better styling for action buttons */
.tk-menu-mobile .tk-btn-icon {
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.tk-menu-mobile .tk-btn-icon:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    transform: scale(1.1) !important;
}

.tk-menu-mobile .tk-btn-icon.tk-btn-red:hover {
    background: rgba(220, 53, 69, 0.1) !important;
}

/* Update search icon - Global */
.tk-icon-search::before,
i.tk-icon-search::before,
.tk-search-btn .tk-icon-search::before {
    content: "\f002" !important; /* search icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* Update hamburger menu icon - Global */
.tk-icon-menu::before,
i.tk-icon-menu::before {
    content: "\f0c9" !important; /* bars icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* User icon - Global */
.tk-icon-user::before,
i.tk-icon-user::before {
    content: "\f007" !important; /* user icon */
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* Add Font Awesome icons to filter menu items */
.tk-menu-users ul li[data-type]::before {
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 8px;
    font-size: 14px;
    opacity: 0.7;
}

.tk-menu-users ul li[data-type="all"]::before {
    content: "\f0ac"; /* globe */
}

.tk-menu-users ul li[data-type="user"]::before {
    content: "\f007"; /* user */
}

.tk-menu-users ul li[data-type="lead"]::before {
    content: "\f0e0"; /* envelope */
}

.tk-menu-users ul li[data-type="visitor"]::before {
    content: "\f017"; /* clock */
}

.tk-menu-users ul li[data-type="online"]::before {
    content: "\f111"; /* circle (dot) */
    color: #28a745;
    font-size: 8px;
}

.tk-menu-users ul li[data-type="agent"]::before {
    content: "\f509"; /* user-shield */
}

/* Simple improvements for table headers */
.tk-table-users th[data-field]::before {
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 5px;
    opacity: 0.6;
    font-size: 12px;
}

.tk-table-users th[data-field="first_name"]::before {
    content: "\f2c2"; /* id-card */
}

.tk-table-users th[data-field="email"]::before {
    content: "\f0e0"; /* envelope */
}

.tk-table-users th[data-field="user_type"]::before {
    content: "\f02b"; /* tag */
}

.tk-table-users th[data-field="last_activity"]::before {
    content: "\f017"; /* clock */
}

.tk-table-users th[data-field="creation_time"]::before {
    content: "\f073"; /* calendar */
}