/* SMS Sync — custom styles */

/* Ensure Alpine.js [x-cloak] elements are hidden before Alpine initialises */
[x-cloak] {
    display: none !important;
}

/* Smooth scrollbar for the sidebar */
aside nav {
    scroll-behavior: smooth;
}

/* Custom truncation for message bodies */
.truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Transition for dropdown menus */
[x-show] {
    transition: opacity 0.15s ease-in-out;
}

/* Loading spinner animation */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 1s linear infinite;
}