@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

* {
    font-family: 'Noto Sans TC', sans-serif;
}

.status-badge {
    @apply px-2 py-1 rounded-full text-xs font-medium;
}

.status-pending {
    @apply bg-yellow-100 text-yellow-800;
}

.status-in-progress {
    @apply bg-blue-100 text-blue-800;
}

.status-completed {
    @apply bg-green-100 text-green-800;
}

.status-cancelled {
    @apply bg-red-100 text-red-800;
}

.action-btn {
    @apply flex items-center justify-center p-2 rounded-full hover:bg-gray-100 transition-colors cursor-pointer;
}
.map-btn {
    @apply bg-primary-500 hover:bg-primary-600 text-white px-3 py-1.5 rounded-lg flex items-center gap-1 text-sm transition-colors;
}

.call-btn {
    @apply bg-secondary-500 hover:bg-secondary-600 text-white px-3 py-1.5 rounded-lg flex items-center gap-1 text-sm transition-colors;
}

/* For call options */
.relative:hover .absolute {
    display: flex !important;
}

.absolute {
    display: none;
}
.wrap-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Settings toggle switch */
.toggle-checkbox:checked {
    @apply right-0 border-blue-600;
    right: 0;
    border-color: #3b82f6;
}
.toggle-checkbox:checked + .toggle-label {
    @apply bg-blue-600;
    background-color: #3b82f6;
}