.crm-table tbody tr {
    transition: background-color 0.15s ease;
}

#search-input {
    transition: border-color 0.15s ease;
}

.crm-table tbody tr:hover {
    background-color: #F7F6F3 !important;
}

.crm-table tbody tr.inline-editing:hover {
    background-color: #EEF3F8 !important;
}

.crm-edit,
.crm-delete,
.inline-save,
.inline-cancel {
    transition: all 0.15s ease;
    border-radius: 4px;
    padding: 4px;
}

.crm-edit:hover {
    background-color: #EEF3F8;
}

.crm-delete:hover {
    background-color: #FEE2E2;
}

.inline-save:hover {
    background-color: #DCFCE7;
}

.inline-cancel:hover {
    background-color: #FEE2E2;
}

.table-wrap { overflow-x: auto; position: relative; overflow-anchor: none; }
.table-wrap::-webkit-scrollbar { display: block; height: 4px; }
.table-wrap::-webkit-scrollbar-track { background: #F7F6F3; }
.table-wrap::-webkit-scrollbar-thumb { background: #E5E5E5; border-radius: 2px; }
.crm-table { border-collapse: separate; border-spacing: 0; }
.crm-table thead th { position: sticky; top: 0; z-index: 10; background: #F7F6F3; }
.crm-table thead th:last-child { z-index: 15; }
.crm-table td:last-child,
.crm-table th:last-child { position: sticky; right: 0; background: #F7F6F3; border-left: 1px solid #D9D9D9; box-shadow: -1px 0 0 #D9D9D9; }
.crm-table th:last-child { z-index: 20; }
.crm-table td:last-child { background: white; z-index: 5; }
.crm-table tbody tr:hover td:last-child { background-color: #F7F6F3 !important; }
tr.selected-row td:last-child { background-color: #EEF3F8 !important; }
.crm-table tbody tr.inline-editing:hover td:last-child { background-color: #EEF3F8 !important; }
.crm-table td { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }
#gemstones-table td, #gemstones-table th { white-space: nowrap; }
.crm-table td:last-child { white-space: nowrap; }
.crm-table .inline-input,
.crm-table .inline-select,
.crm-table .inline-multiselect { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
tr.selected-row { background-color: #EEF3F8 !important; }
.inline-multiselect { position: relative; width: 100%; }
.inline-multiselect-trigger { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border: 1px solid #d1d5db; border-radius: 0; background: white; cursor: pointer; font-size: 13px; min-height: 32px; }
.inline-multiselect-trigger:hover { border-color: #9ca3af !important; }
.inline-multiselect-trigger:active { border-color: #0F3B66 !important; }
.inline-multiselect-trigger:focus { border-color: #0F3B66 !important; }
.inline-multiselect-values { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inline-multiselect-dropdown { position: fixed; background: white; border: 1px solid #d1d5db; border-radius: 0; z-index: 1000; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.inline-multiselect-option { display: flex; align-items: center; gap: 8px; padding: 6px 8px; cursor: pointer; font-size: 13px; }
.inline-multiselect-option:hover { background: #f3f4f6; }
.inline-multiselect-chevron { flex-shrink: 0; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.inline-input { background: white; border: 1px solid #d1d5db; border-radius: 0; padding: 6px 8px; font-size: 13px; width: 100%; outline: none; transition: border-color 0.15s ease; }
.inline-input:hover { border-color: #9ca3af; }
.inline-input:active { border-color: #0F3B66 !important; }
.inline-input:focus { border-color: #0F3B66 !important; }
.inline-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-color: white; border: 1px solid #d1d5db; border-radius: 0; padding: 6px 8px; padding-right: 32px; font-size: 13px; outline: none; transition: border-color 0.15s ease; }
.inline-select:hover { border-color: #9ca3af; }
.inline-select:active { border-color: #0F3B66 !important; }
.inline-select:focus { border-color: #0F3B66 !important; }
.inline-searchable-select { position: relative; width: 100%; }
.inline-search-trigger { appearance: none; -webkit-appearance: none; background: white; border: 1px solid #d1d5db; border-radius: 0; padding: 6px 8px; font-size: 13px; width: 100%; outline: none; cursor: pointer; transition: border-color 0.15s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; padding-right: 32px; }
.inline-search-trigger:hover { border-color: #9ca3af !important; }
.inline-search-trigger:active { border-color: #0F3B66 !important; }
.inline-search-trigger:focus { border-color: #0F3B66 !important; }
.inline-search-dropdown { position: fixed; background: white; border: 1px solid #d1d5db; border-radius: 0; z-index: 1000; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); max-width: 420px; }
.inline-search-input { border: none; border-bottom: 1px solid #e5e7eb; outline: none; padding: 8px; font-size: 13px; width: 100%; box-sizing: border-box; }
.inline-search-input:focus { border-bottom-color: #9ca3af; }
.filter-search-options { max-height: 220px; overflow-y: auto; }
.filter-search-option { padding: 6px 8px; cursor: pointer; font-size: 13px; white-space: nowrap; transition: background-color 0.15s ease; }
.filter-search-option:hover { background-color: #EEF3F8; }
.filter-search-input { padding: 8px; font-size: 13px; width: 100%; box-sizing: border-box; }
.filter-search-input:focus { border-bottom-color: #9ca3af; }
.inline-search-option { padding: 7px 10px; cursor: pointer; font-size: 13px; white-space: nowrap; color: #1f2937; }
.inline-search-option:hover { background-color: #EEF3F8; }
.crm-filter { min-width: 160px; }
.filter-search-trigger { appearance: none; -webkit-appearance: none; background: white; border: 1px solid #d1d5db; border-radius: 0; padding: 6px 8px; font-size: 13px; width: 100%; outline: none; cursor: pointer; transition: border-color 0.15s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; padding-right: 32px; }
.filter-search-trigger:hover { border-color: #9ca3af !important; }
.filter-search-trigger:active { border-color: #0F3B66 !important; }
.filter-search-trigger:focus { border-color: #0F3B66 !important; }
.crm-modal select[name="country"],
.crm-modal select[name="preferred_contact_method"],
.crm-modal select[name="source"],
.crm-modal select[name="is_verified"] {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 32px;
    border-radius: 0;
    transition: border-color 0.15s ease;
}
.crm-modal select[name="country"]:hover,
.crm-modal select[name="preferred_contact_method"]:hover,
.crm-modal select[name="source"]:hover,
.crm-modal select[name="is_verified"]:hover {
    border-color: #9ca3af !important;
}
.crm-modal select[name="country"]:focus,
.crm-modal select[name="preferred_contact_method"]:focus,
.crm-modal select[name="source"]:focus,
.crm-modal select[name="is_verified"]:focus {
    border-color: #0F3B66 !important;
}

.crm-modal input[type="text"],
.crm-modal input[type="email"],
.crm-modal input[type="tel"],
.crm-modal textarea {
    transition: border-color 0.15s ease;
}

.crm-modal input[type="text"]:hover,
.crm-modal input[type="email"]:hover,
.crm-modal input[type="tel"]:hover,
.crm-modal textarea:hover {
    border-color: #9ca3af !important;
}
.crm-modal [data-modal-field] .filter-search-trigger,
#auth-column [data-modal-field] .filter-search-trigger {
    font-size: 14px !important;
    height: 42px !important;
}

#auth-column form input[type="text"],
#auth-column form input[type="tel"],
#auth-column form input[type="email"],
#auth-column form select,
#auth-column form .landing-multiselect-trigger {
    height: 42px !important;
}

#auth-column form input[type="text"],
#auth-column form input[type="tel"],
#auth-column form input[type="email"] {
    transition: border-color 0.15s ease;
}

#auth-column form input[type="text"]:hover,
#auth-column form input[type="tel"]:hover,
#auth-column form input[type="email"]:hover {
    border-color: #9ca3af;
}

.inline-country-code {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
    padding-right: 20px;
    border-radius: 0;
}

.no-spinner {
    -moz-appearance: textfield;
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

@media (max-width: 799px) {
    .filter-bar-item > label {
        margin-bottom: 4px;
    }
}
