/**
 * SaaS 主题覆盖层 - 商务科技会展风格
 *
 * 策略：通过 CSS 优先级覆盖 backend.min.css 和 skin-*.css 中的品牌色
 * 不修改任何框架 CSS 文件，删除此文件即可回滚
 *
 * 色值映射：
 *   #4e73df（皮肤紫）→ #1a3a6c（商务深蓝）
 *   #4a70de（皮肤紫亮）→ #14304b（深蓝深）
 *   #4397fd（浅蓝）→ #1a3a6c（商务深蓝）
 *   #1688f1（亮蓝）→ #4a90e2（科技亮蓝）
 *   #a4b7ef（淡紫）→ #4a90e2（科技亮蓝）
 *   #444c69（深灰蓝按钮）→ #1a3a6c（商务深蓝）
 *   #222d32（侧边栏深灰）→ #1a3a6c（商务深蓝）
 *   语义色（#f39c12/#18bc9c/#f75444）保持不变
 */

:root {
    --saas-primary: #1a3a6c;
    --saas-primary-dark: #14304b;
    --saas-accent: #4a90e2;
    --saas-text: #303133;
    --saas-text-regular: #606266;
    --saas-text-secondary: #909399;
    --saas-border: #dcdfe6;
    --saas-bg: #f5f7fa;
}

/* ========== 按钮主色覆盖 ========== */
.btn-primary {
    background-color: var(--saas-primary) !important;
    border-color: var(--saas-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: var(--saas-primary-dark) !important;
    border-color: var(--saas-primary-dark) !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: var(--saas-primary) !important;
    border-color: var(--saas-primary) !important;
}

/* info 按钮用科技亮蓝 */
.btn-info {
    background-color: var(--saas-accent) !important;
    border-color: var(--saas-accent) !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #3a7bc8 !important;
    border-color: #3a7bc8 !important;
}

/* ========== 链接色 ========== */
a {
    color: var(--saas-accent);
}
a:hover,
a:focus {
    color: #3a7bc8;
}

/* ========== 导航栏 ========== */
.navbar-nav > li > a {
    color: rgba(255,255,255,.8);
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
    background-color: rgba(0,0,0,.15) !important;
    color: #fff;
}

/* 顶部导航背景（skin-blue 被改为紫色，覆盖回深蓝） */
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.skin-blue .main-header li.user-header {
    background-color: var(--saas-primary) !important;
}
.skin-blue .main-header .logo {
    background-color: var(--saas-primary-dark) !important;
    color: #fff !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .navbar .sidebar-toggle:focus {
    background-color: var(--saas-primary-dark) !important;
}

/* ========== 侧边栏 ========== */
.skin-blue .main-sidebar {
    background-color: var(--saas-primary) !important;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar .sidebar-menu > li:hover > a,
.skin-blue .main-sidebar .sidebar-menu > li.active > a,
.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a {
    background-color: var(--saas-primary-dark) !important;
}
.skin-blue .main-sidebar .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}
.skin-blue .main-sidebar .sidebar-menu > li.active > a {
    border-left-color: var(--saas-accent) !important;
}
.skin-blue .sidebar a {
    color: rgba(255,255,255,.85);
}
.skin-blue .sidebar a:hover {
    color: #fff;
}

/* ========== 内容区 ========== */
.content-header {
    background: transparent;
}
.content-wrapper,
.right-side {
    background-color: var(--saas-bg) !important;
}

/* ========== 表格 ========== */
.table th {
    background-color: #f0f3f7;
    border-bottom: 2px solid var(--saas-primary);
    color: var(--saas-text);
}
.table-hover > tbody > tr:hover {
    background-color: #eef4fb !important;
}

/* ========== 表单输入框聚焦色 ========== */
.form-control:focus {
    border-color: var(--saas-accent) !important;
    box-shadow: 0 0 0 3px rgba(74,144,226,.15) !important;
}

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

/* ========== 面板/卡片 ========== */
.box {
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
    margin-bottom: 20px;
}
.box-header {
    border-bottom: 1px solid var(--saas-border);
}
.box-title {
    color: var(--saas-text);
    font-weight: 600;
}

/* ========== 小标签/徽章 ========== */
.label-primary {
    background-color: var(--saas-primary) !important;
}
.label-info {
    background-color: var(--saas-accent) !important;
}

/* ========== 进度条 ========== */
.progress-bar-primary {
    background-color: var(--saas-primary);
}
.progress-bar-info {
    background-color: var(--saas-accent);
}

/* ========== 登录页渐变背景 ========== */
body.skin-blue.login-page {
    background: linear-gradient(135deg, var(--saas-primary) 0%, var(--saas-primary-dark) 60%, #0a1f3d 100%) !important;
}
.login-logo a {
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 1px;
}
.login-box-body {
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0,0,0,.15);
}

/* ========== 后台顶部 logo 区 ========== */
.main-header .logo {
    font-weight: 700;
    letter-spacing: .5px;
}