/* VeggieERP — кастомные стили (только то, что не покрывает Tailwind) */
/* Именование классов: kebab-case, утилитарный стиль, аналогично Tailwind */

/* Скрываем <option> внутри search-select до инициализации компонента */
search-select > option { display: none; }

/* Focus Ring */
*:focus-visible {
    outline: 2px solid rgba(15, 136, 63, 0.35);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(15, 136, 63, 0.20);
}

/* Переходы для кнопок и ссылок */
button, a[class*="bg-primary"], a[class*="bg-red"] {
    transition: all 180ms cubic-bezier(0.2, 0, 0, 1);
}

/* Переходы для строк таблицы и пунктов навигации */
tr, nav a {
    transition: all 180ms cubic-bezier(0.2, 0, 0, 1);
}

/* Переходы для таб-навигации */
nav a[class*="border-b-2"] {
    transition: all 180ms cubic-bezier(0.2, 0, 0, 1);
}

/* KPI-карточки: свечение (дашборд) */
.shadow-glow-primary {
    box-shadow:
        0 8px 24px -8px rgba(16, 24, 40, 0.10),
        0 18px 48px -18px rgba(15, 136, 63, 0.18);
}

.shadow-glow-blue {
    box-shadow:
        0 8px 24px -8px rgba(16, 24, 40, 0.10),
        0 18px 48px -18px rgba(37, 129, 252, 0.16);
}

.shadow-glow-purple {
    box-shadow:
        0 8px 24px -8px rgba(16, 24, 40, 0.10),
        0 18px 48px -18px rgba(143, 30, 222, 0.16);
}

.shadow-glow-orange {
    box-shadow:
        0 8px 24px -8px rgba(16, 24, 40, 0.10),
        0 18px 48px -18px rgba(255, 103, 0, 0.16);
}

/* Неактивные элементы форм */
button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Плавный скролл */
html {
    scroll-behavior: smooth;
}

/* Скроллбар (webkit) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f6fafa;
}

::-webkit-scrollbar-thumb {
    background: #bdc6c6;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #92999b;
}