/*
 * ==========================================================
 * PROFILE LIST LAYOUT IMPROVEMENTS
 * ==========================================================
 *
 * Improves the existing profile list layout without changing size
 */

/* Keep same size but improve layout - Apply to both conversation and regular profile lists */
.tk-profile-list.tk-profile-list-conversation,
.tk-profile-list {
    background: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    margin: 10px 0 !important;
}

.tk-profile-list.tk-profile-list-conversation ul,
.tk-profile-list ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.tk-profile-list.tk-profile-list-conversation ul li,
.tk-profile-list ul li {
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    min-height: 28px !important;
}

.tk-profile-list.tk-profile-list-conversation ul li:hover,
.tk-profile-list ul li:hover {
    background: #f8fafc !important;
}

.tk-profile-list.tk-profile-list-conversation ul li:last-child,
.tk-profile-list ul li:last-child {
    border-bottom: none !important;
}

/* Flex layout for icons, spans, and labels */
.tk-profile-list.tk-profile-list-conversation ul li i,
.tk-profile-list.tk-profile-list-conversation ul li img,
.tk-profile-list ul li i,
.tk-profile-list ul li img {
    flex-shrink: 0 !important;
    width: 24px !important;
    height: auto !important;
    margin: 0 8px 0 8px !important;
    text-align: center !important;
    color: #667eea !important;
    font-size: 12px !important;
}

.tk-profile-list.tk-profile-list-conversation ul li img,
.tk-profile-list ul li img {
    display: none !important;
}

.tk-profile-list.tk-profile-list-conversation ul li span,
.tk-profile-list ul li span {
    flex: 0 0 100px !important;
    padding-right: 10px !important;
    font-weight: 500 !important;
    color: #4a5568 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.tk-profile-list.tk-profile-list-conversation ul li label,
.tk-profile-list ul li label {
    flex: 1 !important;
    color: #2d3748 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    word-break: break-word !important;
    line-height: 1.2 !important;
    padding-right: 8px !important;
}

/* Subtle improvements for specific data types */
.tk-profile-list.tk-profile-list-conversation ul li[data-id="email"] label,
.tk-profile-list.tk-profile-list-conversation ul li[data-id="current_url"] label,
.tk-profile-list.tk-profile-list-conversation ul li[data-id="token"] label,
.tk-profile-list ul li[data-id="email"] label,
.tk-profile-list ul li[data-id="current_url"] label,
.tk-profile-list ul li[data-id="token"] label {
    font-family: monospace !important;
    font-size: 10px !important;
    color: #667eea !important;
}

.tk-profile-list.tk-profile-list-conversation ul li[data-id="user_type"] label,
.tk-profile-list ul li[data-id="user_type"] label {
    color: #667eea !important;
    font-weight: 600 !important;
}

.tk-profile-list.tk-profile-list-conversation ul li[data-id="ip"] label,
.tk-profile-list ul li[data-id="ip"] label {
    font-family: monospace !important;
    font-weight: 600 !important;
}

/* Clean layout adjustments */
.tk-profile-list.tk-profile-list-conversation ul li:last-child {
    border-bottom: none !important;
}

/* Hide token and language data */
.tk-profile-list.tk-profile-list-conversation ul li[data-id="token"],
.tk-profile-list.tk-profile-list-conversation ul li[data-id="language"],
.tk-profile-list ul li[data-id="token"],
.tk-profile-list ul li[data-id="language"] {
    display: none !important;
}

/* Force LTR layout for profile list */
.tk-profile-list.tk-profile-list-conversation,
.tk-profile-list {
    direction: ltr !important;
    text-align: left !important;
}

.tk-profile-list.tk-profile-list-conversation ul,
.tk-profile-list ul {
    direction: ltr !important;
}

.tk-profile-list.tk-profile-list-conversation ul li,
.tk-profile-list ul li {
    direction: ltr !important;
    text-align: left !important;
}

.tk-profile-list.tk-profile-list-conversation ul li span,
.tk-profile-list.tk-profile-list-conversation ul li label,
.tk-profile-list ul li span,
.tk-profile-list ul li label {
    direction: ltr !important;
    text-align: left !important;
}