/**
 * 宝塔风格全局样式
 */

/* 基础样式重置 */
body {
    @apply bt-panel;
}

/* 滚动条样式 - 宝塔风格 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* 侧边栏样式 */
#sidebar {
    @apply bg-dark text-gray-200;
}

#sidebar .text-gray-500 {
    @apply text-gray-400;
}

#sidebar a {
    @apply text-gray-300 hover:bg-dark-light transition-all-300;
}

#sidebar .sidebar-active {
    @apply bg-primary/90 text-white;
}

/* 顶部导航栏 */
header {
    @apply bg-white border-b border-gray-200 shadow-none;
}

/* 按钮样式重写 */
.btn-primary {
    @apply bg-primary hover:bg-secondary text-white;
}

.btn-success {
    @apply bg-success hover:bg-success/90 text-white;
}

.btn-danger {
    @apply bg-danger hover:bg-danger/90 text-white;
}

.btn-secondary {
    @apply bg-gray-200 hover:bg-gray-300 text-gray-800;
}

/* 卡片样式 */
.card-hover {
    @apply transition-all duration-200 hover:shadow-md hover:-translate-y-0;
}

/* 表单元素 */
input, select, textarea {
    @apply border-gray-300 focus:border-primary focus:ring focus:ring-primary/20;
}

/* 标题样式 */
h1, h2, h3, h4 {
    @apply text-dark font-semibold;
}

/* 徽章样式调整 */
.badge {
    @apply text-xs px-2 py-1;
}

.badge-primary {
    @apply bg-primary/10 text-primary;
}

.badge-success {
    @apply bg-success/10 text-success;
}

.badge-danger {
    @apply bg-danger/10 text-danger;
}