/* ============================================================
   梦幻西游角色信息管理 - 公共样式（assets/css/app.css）
   依赖：Bootstrap 5.3（CDN 引入，本文件为自定义覆盖）
   设计令牌：现代清新 · 轻量 SaaS（靛蓝主色 #4F6EF7 / 绿 #10B981）
   ============================================================ */

body {
    background: #f6f8fa;
}

/* ===== 顶部导航（header.php 使用 navbar-light bg-white app-navbar） ===== */
.app-navbar {
    border-bottom: 1px solid #e4e7ee;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
}
.app-navbar .navbar-brand {
    font-weight: 700;
    color: #4f6ef7;
}
.app-navbar .navbar-brand .sect {
    color: #6c8bff;
}
.app-navbar .nav-link {
    color: #5b6472;
    border-radius: 8px;
    padding: 6px 12px;
    transition: color .15s, background .15s;
}
.app-navbar .nav-link:hover {
    color: #4f6ef7;
    background: #eef1fe;
}

/* ===== 卡片 ===== */
.card {
    border: 1px solid #e4e7ee;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
}
.card-header, .card-body { border-radius: inherit; }

/* ===== 表格 ===== */
.table th {
    background: #f4f6fb;
    color: #3b5bdb;
    font-weight: 600;
    white-space: nowrap;
}
.table-hover tbody tr:hover { background-color: #f7f9ff; }

/* ===== 按钮：Bootstrap 主色覆盖为靛蓝 ===== */
.btn-primary {
    --bs-btn-bg: #4f6ef7;
    --bs-btn-border-color: #4f6ef7;
    --bs-btn-hover-bg: #3b5bdb;
    --bs-btn-hover-border-color: #3b5bdb;
    --bs-btn-active-bg: #3350c4;
    --bs-btn-active-border-color: #3350c4;
    --bs-btn-disabled-bg: #a9b8f9;
    --bs-btn-disabled-border-color: #a9b8f9;
}
.btn-outline-primary {
    --bs-btn-color: #4f6ef7;
    --bs-btn-border-color: #4f6ef7;
    --bs-btn-hover-bg: #4f6ef7;
    --bs-btn-hover-border-color: #4f6ef7;
    --bs-btn-active-bg: #3b5bdb;
    --bs-btn-active-border-color: #3b5bdb;
}
.btn-success {
    --bs-btn-bg: #10b981;
    --bs-btn-border-color: #10b981;
    --bs-btn-hover-bg: #0ea271;
    --bs-btn-hover-border-color: #0ea271;
}
.btn { border-radius: 8px; }

/* ===== 表单控件 ===== */
.form-control, .form-select {
    border-radius: 8px;
    border-color: #d9dee8;
}
.form-control:focus, .form-select:focus {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, .12);
}

/* ===== 徽章 / 提示 ===== */
.badge { border-radius: 999px; }
.alert { border-radius: 10px; }

/* 表头排序链接 */
.sort-link {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.sort-link:hover {
    color: #4f6ef7;
}

/* 次要文字 */
.text-muted-sm {
    font-size: .85rem;
    color: #8a94a6;
}