/* Star rating component styles (extracted from mokhosh/filament-rating v2,
   utilities only — no Tailwind base reset). Used by app/Filament/Rating/*. */

/* Slate fallback color: not always defined by panel themes */
:root {
    --color-slate-300: oklch(86.9% 0.022 252.894);
}

@layer utilities {
    .\!hidden {
        display: none !important;
    }

    .pointer-events-none {
        pointer-events: none;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .w-full {
        width: 100%;
    }

    .gap-y-1 {
        row-gap: 0.25rem;
    }

    .px-3 {
        padding-inline: 0.75rem;
    }

    .py-4 {
        padding-block: 1rem;
    }

    .w-3 {
        width: 0.75rem;
    }

    .h-3 {
        height: 0.75rem;
    }

    .w-4 {
        width: 1rem;
    }

    .h-4 {
        height: 1rem;
    }

    .w-5 {
        width: 1.25rem;
    }

    .w-6 {
        width: 1.5rem;
    }

    .h-6 {
        height: 1.5rem;
    }

    .w-8 {
        width: 2rem;
    }

    .h-8 {
        height: 2rem;
    }

    .w-10 {
        width: 2.5rem;
    }

    .h-10 {
        height: 2.5rem;
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    /* Colors */
    .text-slate-300 {
        color: var(--color-slate-300);
    }

    .text-gray-500 {
        color: var(--color-gray-500);
    }

    .text-danger-500 {
        color: var(--color-danger-500);
    }

    .text-info-500 {
        color: var(--color-info-500);
    }

    .text-primary-500 {
        color: var(--color-primary-500);
    }

    .text-success-500 {
        color: var(--color-success-500);
    }

    .text-warning-500 {
        color: var(--color-warning-500);
    }

    /* Peer states (interactive field) */
    .peer-checked\:text-slate-300:is(:where(.peer):checked ~ *) {
        color: var(--color-slate-300);
    }

    .peer-hover\:\!text-slate-300:is(:where(.peer):hover ~ *) {
        color: var(--color-slate-300) !important;
    }

    /* Group hover states */
    .group-hover\:\!text-slate-300:is(:where(.group):hover *) {
        color: var(--color-slate-300) !important;
    }

    .group-hover\:\!text-gray-500:is(:where(.group):hover *) {
        color: var(--color-gray-500) !important;
    }

    .group-hover\:\!text-danger-500:is(:where(.group):hover *) {
        color: var(--color-danger-500) !important;
    }

    .group-hover\:\!text-info-500:is(:where(.group):hover *) {
        color: var(--color-info-500) !important;
    }

    .group-hover\:\!text-primary-500:is(:where(.group):hover *) {
        color: var(--color-primary-500) !important;
    }

    .group-hover\:\!text-success-500:is(:where(.group):hover *) {
        color: var(--color-success-500) !important;
    }

    .group-hover\:\!text-warning-500:is(:where(.group):hover *) {
        color: var(--color-warning-500) !important;
    }
}