.admin-table { width: 100%; border-collapse: collapse; }
        .admin-table th, .admin-table td { padding: 12px; border: 1px solid #e2e8f0; text-align: left; font-size: 0.875rem; vertical-align: middle; }
        .admin-table th { background-color: #f8fafc; font-weight: 600; }
        .admin-table tr:nth-child(even) { background-color: #f1f5f9; }
        .admin-table input, .admin-table select, .admin-table textarea { width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1; }
        .admin-table .action-button { padding: 6px 12px; border-radius: 6px; font-weight: 500; transition: all 0.2s; }

        #toast-container .toast { transition: opacity 0.5s ease, transform 0.5s ease; transform: translateX(0); }
 
        #order-notes {
    animation: fadeIn 0.5s ease-out forwards;
}


.collapsible-container {
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    max-height: 0px;
}
.collapsible-container.open {
    max-height: 500px; 
}

.collapsible-toggle.open .feather-chevron-down {
    transform: rotate(180deg);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

        #map, #minimap, #signupMap, #editProfileMap, #customerEditOrderMap { height: 250px; border-radius: 0.75rem; z-index: 10; width: 100%; border: 1px solid #e2e8f0; }
        #minimap { height: 150px; }
        #customerEditOrderMap { height: 200px; }

        .customer-sidebar a.active { background-color: #DBEAFE; color: #1E40AF; font-weight: 600; }

        /* [BARU] Menambahkan panah kecil di bawah tooltip WhatsApp */
.whatsapp-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 20px;
    border-width: 6px;
    border-style: solid;
    border-color: #1e293b transparent transparent transparent; /* #1e293b adalah warna bg-slate-800 */
}

/* [BARU] Style untuk mengubah kursor saat tombol WA digeser */
#whatsapp-float-button.dragging {
    cursor: grabbing;
    transform: scale(1.1); /* Sedikit membesar saat digeser */
    opacity: 0.8;
}
        /* Revisi: Style untuk feedback form dengan teks */
        #feedbackForm label { display: inline-block; }
        #feedbackForm input[type="radio"].peer { display: none; }
        #feedbackForm .feedback-option {
            padding: 0.5rem 1rem;
            border: 1px solid #cbd5e1;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            font-size: 0.875rem;
        }
        #feedbackForm .peer:checked + .feedback-option {
            background-color: #dbeafe;
            border-color: #3b82f6;
            color: #1e40af;
            font-weight: 600;
        }
       
        .user-location-pulse {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3b82f6; /* blue-500 */
    cursor: pointer;
    box-shadow: 0 0 0 rgba(59, 130, 246, 0.4);
    animation: pulse 2s infinite;
}