/**
 * 紫苹果品牌主题
 * 主色：紫色 #6c5ce7（科技紫）
 * 辅色：绿色 #00b894（自然绿）
 * 背景：浅灰白 #f5f7fb
 * 整体定位：稳重 + 现代
 *
 * 使用：在 meta.html 中追加 <link rel="stylesheet" href="__CDN__/assets/css/yqlcrm-theme.css"> 即可生效，不修改原框架样式。
 */

/* ============ 主色调系统 ============ */
:root {
    --brand-primary: #6c5ce7;       /* 紫苹果主色 */
    --brand-primary-dark: #5849c4;
    --brand-primary-light: #a29bfe;
    --brand-accent: #00b894;        /* 辅助绿 */
    --brand-accent-dark: #019875;
    --brand-warn: #fdcb6e;
    --brand-danger: #e17055;
    --brand-bg: #f5f7fb;
    --brand-card: #ffffff;
    --brand-text: #2d3436;
    --brand-text-muted: #636e72;
    --brand-border: #e8ecf3;
}

/* ============ 整体背景 & 字体 ============ */
body {
    background-color: var(--brand-bg) !important;
    color: var(--brand-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* ============ 顶栏 ============ */
/* 已回滚为 FastAdmin 默认样式，不再覆盖 */

/* ============ 侧边栏 ============ */
/* 已回滚为 FastAdmin 默认样式，不再覆盖 */

/* ============ 主按钮 ============ */
.btn-primary,
.btn-success.btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}
.btn-success {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
}
.btn-success:hover,
.btn-success:focus {
    background-color: var(--brand-accent-dark) !important;
    border-color: var(--brand-accent-dark) !important;
}

/* ============ 表单输入框 ============ */
.form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.12) !important;
}

/* ============ 表格头部 ============ */
.qd_table_color,
.table > thead > tr > th,
.bootstrap-table .table thead th {
    background: linear-gradient(180deg, #f8f9fc, #eef1f9) !important;
    color: var(--brand-text) !important;
    font-weight: 600 !important;
    border-bottom: 2px solid var(--brand-border) !important;
}
.table > tbody > tr:hover {
    background-color: rgba(108, 92, 231, 0.03) !important;
}

/* ============ 标签 / Tab ============ */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    font-weight: 600;
}
.nav-tabs > li > a:hover {
    color: var(--brand-primary) !important;
}

/* ============ 状态徽章 / Badge ============ */
.label-primary, .badge-primary {
    background-color: var(--brand-primary) !important;
}
.label-success, .badge-success {
    background-color: var(--brand-accent) !important;
}

/* ============ Panel & Box ============ */
.panel,
.box,
.panel-default {
    border: 1px solid var(--brand-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    background: #fff !important;
}
.panel-heading,
.box-header {
    border-bottom: 1px solid var(--brand-border) !important;
    background: #fff !important;
    border-radius: 12px 12px 0 0 !important;
}

/* ============ 仪表盘卡片美化 ============ */
.info-box,
.small-box,
.dashboard-card {
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
    border: 0 !important;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}
.info-box:hover,
.small-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(108, 92, 231, 0.12) !important;
}
.info-box-icon {
    border-radius: 0 !important;
}

/* 仪表盘四色渐变 */
.small-box.bg-aqua { background: linear-gradient(135deg, #6c5ce7, #a29bfe) !important; color: #fff !important; }
.small-box.bg-green { background: linear-gradient(135deg, #00b894, #55efc4) !important; color: #fff !important; }
.small-box.bg-yellow { background: linear-gradient(135deg, #fdcb6e, #ffeaa7) !important; color: #fff !important; }
.small-box.bg-red { background: linear-gradient(135deg, #e17055, #fab1a0) !important; color: #fff !important; }

/* ============ Tab 顶部统计卡片 ============ */
.qd_top_box,
.qd_stat_box {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
    background: #fff;
    padding: 16px 20px;
    transition: transform .2s;
}
.qd_top_box:hover {
    transform: translateY(-2px);
}

/* ============ 滚动条 ============ */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background: rgba(108, 92, 231, 0.3);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-primary);
}

/* ============ 加载态 ============ */
.bootstrap-table .fixed-table-loading {
    background-color: rgba(255,255,255,0.85) !important;
}

/* ============ 弹层 / Layer ============ */
.layui-layer-title {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark)) !important;
    color: #fff !important;
    border-bottom: 0 !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* ============ 分页 ============ */
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}
.pagination > li > a:hover {
    color: var(--brand-primary) !important;
}