/* TabManager Component Styles */

.wpuf-tab-manager {
    @apply wpuf-w-full;
}

.wpuf-tab-list {
    @apply wpuf-space-y-2;
}

.wpuf-tab-item {
    @apply wpuf-bg-white wpuf-border wpuf-border-gray-200 wpuf-rounded-[6px] wpuf-shadow-sm wpuf-transition-all wpuf-duration-200;
}

.wpuf-tab-item:hover {
    @apply wpuf-border-gray-300 wpuf-shadow-md;
}

.wpuf-tab-item.wpuf-editing {
    @apply wpuf-border-blue-500 wpuf-shadow-lg;
}

.wpuf-tab-item.wpuf-tab-disabled {
    @apply wpuf-opacity-60 wpuf-bg-gray-50;
}

.wpuf-tab-item.wpuf-dragging {
    @apply wpuf-opacity-50 wpuf-rotate-1 wpuf-scale-105;
}

.wpuf-tab-item-content {
    @apply wpuf-flex wpuf-items-center wpuf-gap-3 wpuf-p-3;
}

.wpuf-tab-drag-handle {
    @apply wpuf-cursor-move wpuf-text-gray-400 hover:wpuf-text-gray-600 wpuf-transition-colors;
}

.wpuf-tab-drag-handle .dashicons {
    @apply wpuf-w-4 wpuf-h-4;
}

.wpuf-tab-info {
    @apply wpuf-flex-1 wpuf-min-w-0;
}

.wpuf-tab-label {
    @apply wpuf-flex wpuf-items-center wpuf-justify-between wpuf-gap-2;
}

.wpuf-tab-label > span {
    @apply wpuf-text-sm wpuf-font-medium wpuf-text-gray-900 wpuf-truncate;
}

.wpuf-tab-edit-form {
    @apply wpuf-space-y-2;
}

.wpuf-tab-edit-actions {
    @apply wpuf-flex wpuf-gap-2;
}

.wpuf-tab-toggle {
    @apply wpuf-flex-shrink-0;
}

.wpuf-tab-summary {
    @apply wpuf-mt-4 wpuf-pt-3 wpuf-border-t wpuf-border-gray-200;
}

/* Drag and drop visual feedback */
.wpuf-tab-item:not(.wpuf-dragging):hover {
    @apply wpuf-border-gray-300;
}

.wpuf-tab-item.wpuf-dragging {
    @apply wpuf-z-10;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .wpuf-tab-item-content {
        @apply wpuf-p-2;
    }
    
    .wpuf-tab-edit-actions {
        @apply wpuf-flex-col;
    }
}

/* Focus states for accessibility */
.wpuf-tab-item:focus-within {
    @apply wpuf-ring-2 wpuf-ring-blue-500 wpuf-ring-offset-2;
}

.wpuf-tab-drag-handle:focus {
    @apply wpuf-outline-none wpuf-ring-2 wpuf-ring-blue-500 wpuf-ring-offset-2 wpuf-rounded;
}
