/* =========================================================
 * 灵蛇CRM 现代化覆盖皮肤（modern-skin.css）
 * 加载顺序：bootstrap → style(若依) → ry-ui → flatly → 本文件
 * 只做视觉微调，不改变任何布局结构与组件行为
 * ========================================================= */

/* ---------- 基础 ---------- */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    background-color: #f5f7fa;
    font-size: 13px;
}

/* ---------- 按钮：统一圆角、去渐变、轻悬浮反馈 ---------- */
.btn {
    border-radius: 4px;
    transition: all .15s ease-in-out;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
}
.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(44, 62, 80, .15);
}
.btn:active {
    transform: translateY(0);
    box-shadow: none;
}
/* 若依表格操作列小按钮，去掉过宽的内边距 */
.btn-xs,
.btn-mini {
    border-radius: 3px;
}
.btn .fa {
    margin-right: 2px;
}

/* ---------- 表格：斑马纹 + 悬浮高亮 + 浅分隔线 ---------- */
.table {
    border-radius: 4px;
}
.table > thead > tr > th {
    background-color: #f0f3f6;
    border-bottom: 2px solid #dce3e8;
    color: #34495e;
    font-weight: 600;
    padding: 10px 12px;
    white-space: nowrap;
}
.table > tbody > tr > td {
    border-top: 1px solid #ecf0f2;
    padding: 9px 12px;
    color: #5a6b7b;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafbfc;
}
.table-hover > tbody > tr:hover {
    background-color: #eef4f8;
}
.table > tbody > tr.selected > td {
    background-color: #e1f3f8;
}

/* bootstrap-table 固定表头容器边框 */
.fixed-table-container {
    border-radius: 4px;
}
.fixed-table-body .table td,
.fixed-table-body .table th {
    outline: none;
}
.bootstrap-table .table {
    border-bottom: 1px solid #ecf0f2;
    margin-bottom: 0;
}
/* bootstrap-table 分页条 */
.pagination > li > a,
.pagination > li > span {
    border-radius: 3px;
    min-width: 30px;
    text-align: center;
}
.pagination > li.active > a,
.pagination > li.active > span {
    border-color: #2c3e50;
}

/* ---------- 表单控件：柔和边框、聚焦主题色 ---------- */
.form-control,
select.form-control,
.input-sm,
.input-group-addon {
    border-radius: 3px;
}
.form-control:focus,
select.form-control:focus {
    border-color: #2c3e50;
    box-shadow: 0 0 0 2px rgba(44, 62, 80, .08);
}
/* 若依搜索区 */
.select-list li {
    margin-bottom: 2px;
}
.select-list input,
.select-list select {
    border-radius: 3px;
}
.select-list input:focus,
.select-list select:focus {
    border-color: #2c3e50;
    outline: none;
    box-shadow: 0 0 0 2px rgba(44, 62, 80, .08);
}

/* ---------- 面板/卡片：轻阴影 + 圆角 ---------- */
.panel {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(44, 62, 80, .06);
    border-color: #ecf0f2;
}
.panel-heading {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.container-div .col-sm-12.search-collapse {
    margin-bottom: 6px;
}
/* 搜索折叠面板 */
.search-collapse {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(44, 62, 80, .05);
    border: 1px solid #ecf0f2;
    padding: 12px 8px 4px;
}

/* ---------- 弹窗（layer/bootstrap modal） ---------- */
.modal-content {
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(44, 62, 80, .18);
    border: none;
}
.modal-header {
    border-bottom: 1px solid #ecf0f2;
    padding: 14px 18px;
}
.modal-body {
    padding: 18px;
}
.modal-footer {
    border-top: 1px solid #ecf0f2;
    padding: 12px 18px;
}
/* layer 弹窗标题栏同步深色主题 */
.layui-layer-title {
    background: #2c3e50 !important;
    color: #fff !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0 0;
}
.layui-layer {
    border-radius: 5px !important;
    box-shadow: 0 8px 30px rgba(44, 62, 80, .2) !important;
}
.layui-layer-btn a {
    border-radius: 3px !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
}

/* ---------- 链接与杂项 ---------- */
a {
    transition: color .15s;
}
.pagination > .active > a {
    background-color: #2c3e50;
}
/* 工具提示/徽章圆角统一 */
.badge,
.label {
    border-radius: 10px;
}
/* 滚动条美化（WebKit） */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: #c4ccd4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8b2bd;
}
::-webkit-scrollbar-track {
    background: transparent;
}