/* Loading feedback for the tree expand/collapse chevron
   (kisame76/filament-tree-table). The plugin's chevron is a bare
   `wire:click="toggleRowExpansion(...)"` button with no busy state, and the
   server re-renders every visible row on each toggle — so a large subtree can
   take a moment. While the round-trip runs, the chevron SVG is swapped for a
   spinning ring (class added by tree-toggle-spinner.js). B4b #3.

   Theme note: like our other panel assets, Filament doesn't scan this file for
   Tailwind, so it's plain CSS on the plugin's own `.ftt-chevron` class. */
.ftt-chevron--loading {
    cursor: wait;
    pointer-events: none;
}

.ftt-chevron--loading > svg {
    display: none;
}

.ftt-chevron--loading::after {
    content: '';
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 9999px;
    animation: ftt-chevron-spin 0.6s linear infinite;
}

@keyframes ftt-chevron-spin {
    to {
        transform: rotate(360deg);
    }
}