/* Custom styles for rating scales */
@layer components {
    .rating-badge {
        @apply inline-flex items-center rounded-md border px-2.5 py-1 text-xs font-semibold;
        min-width: 1.75rem;
        justify-content: center;
    }
    
    /* Hover effects for table rows */
    tr {
        @apply transition-colors duration-150;
    }
    
    /* Custom shadow for cards */
    .shadow-xs {
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    }
    
    /* Animation for icons */
    [data-feather] {
        @apply transition-transform duration-200;
    }
    [data-feather]:hover {
        transform: scale(1.05);
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    table {
        @apply text-xs;
    }
    th, td {
        @apply px-2 py-2;
    }
}