/* 自定义样式 */
.form-group {
    @apply mb-4;
}

/* 树形菜单样式 */
.tree-menu {
    @apply text-sm;
}

.menu-item {
    @apply mb-1;
}

.menu-header {
    @apply py-2 px-3 rounded hover:bg-gray-700 transition-colors duration-200;
}

.menu-content {
    @apply mt-1;
}

/* 表格样式优化 */
table {
    @apply border-collapse;
}

th {
    @apply sticky top-0 z-10;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-100;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-400 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-500;
}

/* 输入框和下拉框样式 */
input, select {
    @apply border border-gray-300 rounded-md shadow-sm;
}

input:focus, select:focus {
    @apply outline-none ring-2 ring-blue-500 border-blue-500;
}

/* 按钮悬停效果 */
button {
    @apply transition-colors duration-200;
}

/* 表格内容过长时的省略号显示 */
.truncate {
    @apply overflow-hidden text-ellipsis whitespace-nowrap;
}

/* 响应式布局调整 */
@media (max-width: 768px) {
    .grid-cols-3 {
        @apply grid-cols-1;
    }
}

/* 必填项标记样式 */
.required::after {
    content: '*';
    @apply text-red-500 ml-1;
}

/* 提示框动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

#toast {
    animation: fadeIn 0.3s ease-out;
}

/* ABC-XYZ分类下拉框样式 */
#abcxyzDropdown {
    max-height: 300px;
    overflow-y: auto;
}

#abcxyzDropdown label {
    @apply block;
}

#abcxyzDropdown label:hover {
    @apply bg-gray-50;
}

/* 长文本显示样式 */
.whitespace-pre-wrap {
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 400px;
}