/* ============================================================
 *  Button Enhance - 按钮样式优化
 *  仅优化按钮，不影响其他 UI 元素
 * ============================================================ */

/* ── 基础按钮样式 ── */
.btn {
    border-radius: 6px !important;
    font-weight: 500 !important;
    padding: 6px 14px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
}
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important;
}
.btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.08) !important;
}

/* ── 主要按钮（蓝） ── */
.btn-primary {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
}

/* ── 成功按钮（绿） ── */
.btn-success {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #fff !important;
}
.btn-success:hover {
    background: linear-gradient(135deg, #059669, #047857) !important;
}

/* ── 警告按钮（橙） ── */
.btn-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #fff !important;
}
.btn-warning:hover {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
}

/* ── 危险按钮（红） ── */
.btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #fff !important;
}
.btn-danger:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
}

/* ── 信息按钮（青） ── */
.btn-info {
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important;
    color: #fff !important;
}
.btn-info:hover {
    background: linear-gradient(135deg, #0891b2, #0e7490) !important;
}

/* ── 默认/次要按钮 ── */
.btn-default {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
}
.btn-default:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
}

/* ── 小按钮 ── */
.btn-sm {
    padding: 4px 10px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
}

/* ── 迷你按钮 ── */
.btn-xs {
    padding: 2px 6px !important;
    font-size: 11px !important;
    border-radius: 3px !important;
}

/* ── 按钮组间距 ── */
.btn-group .btn {
    margin-right: 2px !important;
}

/* ── 表格内操作按钮 ── */
.table .btn {
    padding: 3px 8px !important;
    font-size: 12px !important;
}

/* ── 禁用状态 ── */
.btn.disabled, .btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}