/*
 * 交友后台全局样式 - 统一紫色主题
 */

/* 全局圆角 */
.panel { border-radius: 12px; border: none; box-shadow: 0 2px 12px rgba(139, 122, 232, 0.06); }
.panel-heading { border-radius: 12px 12px 0 0; }
.btn { border-radius: 6px; }
.form-control { border-radius: 8px; border-color: #E8E5F5; }
.form-control:focus { border-color: #8B7AE8; box-shadow: 0 0 0 2px rgba(139, 122, 232, 0.15); }

/* 按钮统一 */
.btn-primary, .btn-info { background-color: #8B7AE8 !important; border-color: #7E6DE0 !important; }
.btn-primary:hover, .btn-info:hover { background-color: #7A69D6 !important; border-color: #6E5DCE !important; }
.btn-success { background-color: #35C98F !important; border-color: #2DB87F !important; }
.btn-warning { background-color: #FFB547 !important; border-color: #F0A830 !important; }
.btn-danger { background-color: #FF4D6D !important; border-color: #E8405F !important; }

/* 表格 */
.table > thead > tr > th { background: #F9F7FF; color: #6B7089; font-weight: 600; border-bottom: 2px solid #E8E5F5; font-size: 13px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FDFCFF; }
.table > tbody > tr:hover { background-color: #F5F3FF !important; }
.table > tbody > tr > td { vertical-align: middle; border-top-color: #F0EDF8; }
.table { border: none; }
.table-bordered { border: none; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td { border-color: #F0EDF8; }

/* 工具栏按钮美化 */
.toolbar .btn { border-radius: 8px; font-size: 13px; padding: 7px 14px; }
.toolbar .btn-refresh,
.toolbar .btn.btn-primary.btn-refresh { 
    border-radius: 8px !important; 
    border: 1px solid #E8E5F5 !important; 
    background: #fff !important; 
    color: #8B7AE8 !important;
    box-shadow: none !important;
}
.toolbar .btn-refresh:hover {
    background: #F5F3FF !important;
}
.toolbar .btn-add { background: #fff !important; border: 1px solid #E8E5F5 !important; color: #1F1F33 !important; border-radius: 8px; }
.toolbar .btn-del { background: #fff !important; border: 1px solid #E8E5F5 !important; color: #6B7089 !important; border-radius: 8px; }

/* 右上角视图切换和导出按钮 */
.fixed-table-toolbar .columns .btn,
.fixed-table-toolbar .search .btn,
.fixed-table-toolbar .export .btn,
.fixed-table-toolbar .btn-group .btn { 
    border-radius: 8px !important; 
    border: 1px solid #E8E5F5 !important; 
    background: #fff !important; 
    color: #6B7089 !important;
    box-shadow: none !important;
}
.fixed-table-toolbar .columns .btn:hover,
.fixed-table-toolbar .search .btn:hover,
.fixed-table-toolbar .btn-group .btn:hover { 
    background: #F5F3FF !important; 
    color: #8B7AE8 !important; 
}
.fixed-table-toolbar .search input { border-radius: 8px !important; border-color: #E8E5F5 !important; }
.fixed-table-toolbar .search input:focus { border-color: #8B7AE8 !important; box-shadow: 0 0 0 2px rgba(139,122,232,.1) !important; }

/* 通用搜索面板 */
.commonsearch-table { background: #FDFCFF; border: 1px solid #F0EDF8; border-radius: 10px; padding: 16px 20px; margin-bottom: 16px; }
.commonsearch-table .form-control { border-radius: 8px; border-color: #E8E5F5; height: 34px; font-size: 13px; }
.commonsearch-table .form-control:focus { border-color: #8B7AE8; box-shadow: 0 0 0 2px rgba(139,122,232,.1); }
.commonsearch-table label { color: #6B7089; font-size: 13px; font-weight: 500; }
.commonsearch-table .btn-primary { background: #8B7AE8 !important; border-color: #8B7AE8 !important; border-radius: 8px; }
.commonsearch-table .btn-default { border-radius: 8px; border-color: #E8E5F5; }

/* 操作列按钮改为圆形图标 */
.btn-editone, .btn-delone, .btn-dragsort { 
    width: 30px; height: 30px; padding: 0; border-radius: 50% !important; 
    display: inline-flex; align-items: center; justify-content: center; 
    font-size: 13px; margin: 0 2px; border: none;
}
.btn-editone { background: #8B7AE8 !important; color: #fff !important; }
.btn-delone { background: #FF4D6D !important; color: #fff !important; }
.btn-editone:hover { background: #7A69D6 !important; }
.btn-delone:hover { background: #E8405F !important; }

/* 自定义操作按钮也圆角化 */
.btn-xs { border-radius: 6px; font-size: 12px; padding: 4px 10px; }

/* 分页美化 */
.fixed-table-pagination { border-top: 1px solid #F0EDF8; }
.fixed-table-pagination .pagination { margin: 8px 0; }
.fixed-table-pagination .pagination > li > a { border-radius: 6px; margin: 0 2px; border-color: #E8E5F5; color: #6B7089; }
.fixed-table-pagination .pagination > .active > a { background: #8B7AE8; border-color: #8B7AE8; color: #fff; }

/* panel 美化 */
.panel-intro { border: none; box-shadow: 0 2px 12px rgba(139,122,232,.04); border-radius: 12px; overflow: hidden; }
.panel-intro .panel-heading { background: #fff; border-bottom: 1px solid #F0EDF8; padding: 12px 20px; }
.panel-intro .panel-body { padding: 20px; }

/* 标签 */
.label-success { background-color: #35C98F; }
.label-warning { background-color: #FFB547; }
.label-danger  { background-color: #FF4D6D; }
.label-info    { background-color: #8B7AE8; }
.label-primary { background-color: #8B7AE8; }

/* 侧边栏 logo */
.main-header > .logo > .logo-lg { font-weight: 700; letter-spacing: 1px; }

/* 面包屑 */
.content-header > .breadcrumb > li > a { color: #8B7AE8; }

/* 分页 */
.pagination > li > a { color: #8B7AE8; }
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span { background-color: #8B7AE8 !important; border-color: #8B7AE8 !important; }

/* Tab 导航 */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #8B7AE8; border-bottom: 2px solid #8B7AE8; }

/* 链接 */
a { color: #8B7AE8; }
a:hover { color: #6E5DCE; }

/* 弹窗 */
.modal-header { border-bottom-color: #E8E5F5; }
.modal-content { border-radius: 12px; }

/* 搜索框 */
.form-commonsearch .btn-primary { background-color: #8B7AE8 !important; border-color: #8B7AE8 !important; }

/* 工具栏按钮 */
.toolbar .btn-primary { background-color: #8B7AE8 !important; border-color: #7E6DE0 !important; }
.toolbar .btn-success { background-color: #35C98F !important; border-color: #2DB87F !important; }

/* 开关 */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background-color: #8B7AE8; }

/* 顶部导航栏 */
.navbar-nav > li > a:hover { color: #8B7AE8 !important; }
.nav-addtabs > li.active > a { color: #8B7AE8 !important; border-bottom-color: #8B7AE8 !important; }