/* Updated: Force refresh - Fix for client names in tables - prevent overlapping */
.client-name, 
td .text-sm.font-medium,
.text-sm.font-medium.text-gray-900 {
    max-width: 200px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

/* Fix for table cells to prevent content overlap */
td {
    padding: 12px 16px !important;
    vertical-align: top !important;
    min-width: 120px !important;
    position: relative !important;
}

th {
    padding: 12px 16px !important;
    vertical-align: top !important;
}

/* Fix for whitespace-nowrap causing overlap */
.whitespace-nowrap {
    white-space: normal !important;
}

/* Specific fix for borrower names in tables */
td .text-sm.font-medium.text-gray-900,
td .text-sm.font-medium {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 180px !important;
}

/* Fix for phone numbers */
td .text-sm.text-gray-500 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 150px !important;
}

/* Fix for image display */
.profile-image, 
img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}

/* Specific fix for client table images */
td img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #e5e7eb !important;
}

/* Fix for client name container */
.flex.items-center {
    align-items: center !important;
    gap: 1rem !important;
}

/* Ensure proper spacing in client info */
.ml-4 {
    margin-left: 1rem !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* Fix for table layout */
.table-responsive {
    overflow-x: auto !important;
}

table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* Fix for notification icons and content */
.notification-item .flex-shrink-0 {
    min-width: 40px !important;
}

.notification-item .ml-4 {
    min-width: 0 !important;
    flex: 1 !important;
}

/* Ensure proper spacing in notification cards */
.notification-item {
    overflow: hidden !important;
}

.notification-item h3 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}