/**
 * 极简黑白主题（2026-09-19）
 * 设计原则：只有黑白灰 + 细边框 + 极少量强调；去掉渐变、阴影、圆角、彩色块。
 * 仅做视觉覆盖，不改变任何 DOM 结构与交互逻辑。
 * 例外：危险/失败状态保留最低限度的红色，避免误操作无法辨识。
 */

:root {
    --mk-ink: #111111;
    --mk-ink-2: #444444;
    --mk-ink-3: #767676;
    --mk-line: #e2e2e2;
    --mk-line-strong: #111111;
    --mk-bg: #ffffff;
    --mk-bg-soft: #fafafa;
    --mk-bg-hover: #f2f2f2;
    --mk-danger: #c81e1e;
}

/* ---------- 基础排版 ---------- */
body, .content, .wrapper-content {
    background: var(--mk-bg) !important;
    color: var(--mk-ink) !important;
    font-size: 13px;
}

/* 去掉装饰性阴影，改用细边框 */
.panel, .ibox, .stat-card, .chart-card, .data-table-card,
.filter-bar, .card, .box, .ocpx-guide-card, .ocpx-risk-board,
.welcome-message, .dropdown-menu, .modal-content {
    box-shadow: none !important;
    border: 1px solid var(--mk-line) !important;
    border-radius: 6px !important;
    background: var(--mk-bg) !important;
}

/* 统一圆角：能去就去 */
.btn, .form-control, .input-group-addon, .pagination > li > a,
.label, .badge, .nav-tabs > li > a, .select2-container .select2-choice {
    border-radius: 6px !important;
}

/* ---------- 按钮：白底黑字黑边，主按钮黑底白字 ---------- */
.btn {
    border: 1px solid var(--mk-ink) !important;
    background: #fff !important;
    color: var(--mk-ink) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
}
.btn:hover, .btn:focus { background: var(--mk-bg-hover) !important; color: var(--mk-ink) !important; }
.btn:active { background: var(--mk-ink) !important; color: #fff !important; }

/* 主操作：阿里橙 */
.btn-primary,
.table .btn-primary,
.bootstrap-tree-table .btn-primary,
.ocpx-action-cell .btn-primary {
    background: #FF6A00 !important;
    color: #fff !important;
    border-color: #FF6A00 !important;
}
.btn-primary:hover,
.table .btn-primary:hover,
.bootstrap-tree-table .btn-primary:hover,
.ocpx-action-cell .btn-primary:hover {
    background: #E85D00 !important; color: #fff !important;
}

/* 成功按钮：绿 */
.btn-success,
.table .btn-success,
.bootstrap-tree-table .btn-success,
.ocpx-action-cell .btn-success {
    background: #16a34a !important;
    color: #fff !important;
    border-color: #16a34a !important;
}
.btn-success:hover,
.table .btn-success:hover,
.bootstrap-tree-table .btn-success:hover,
.ocpx-action-cell .btn-success:hover {
    background: #15803d !important; color: #fff !important;
}

/* 信息按钮：深灰 */
.btn-info,
.table .btn-info,
.bootstrap-tree-table .btn-info,
.ocpx-action-cell .btn-info {
    background: #475569 !important;
    color: #fff !important;
    border-color: #475569 !important;
}
.btn-info:hover,
.table .btn-info:hover,
.bootstrap-tree-table .btn-info:hover,
.ocpx-action-cell .btn-info:hover {
    background: #334155 !important; color: #fff !important;
}

/* 警告按钮：琥珀 */
.btn-warning,
.table .btn-warning,
.bootstrap-tree-table .btn-warning,
.ocpx-action-cell .btn-warning {
    background: #d97706 !important;
    color: #fff !important;
    border-color: #d97706 !important;
}
.btn-warning:hover,
.table .btn-warning:hover,
.bootstrap-tree-table .btn-warning:hover,
.ocpx-action-cell .btn-warning:hover {
    background: #b45309 !important; color: #fff !important;
}

/* 危险操作：红底白字 */
.btn-danger,
.table .btn-danger, .bootstrap-tree-table .btn-danger, .ocpx-action-cell .btn-danger {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}
.btn-danger:hover,
.table .btn-danger:hover, .bootstrap-tree-table .btn-danger:hover, .ocpx-action-cell .btn-danger:hover {
    background: #b91c1c !important; color: #fff !important;
}

/* 次要按钮弱化描边 */
.btn-default, .btn-white,
.table .btn-default, .table .btn-white,
.bootstrap-tree-table .btn-default, .bootstrap-tree-table .btn-white,
.ocpx-action-cell .btn-default, .ocpx-action-cell .btn-white {
    border-color: var(--mk-line) !important;
    color: var(--mk-ink-2) !important;
    background: #fff !important;
}
.btn-default:hover, .btn-white:hover,
.table .btn-default:hover, .table .btn-white:hover,
.bootstrap-tree-table .btn-default:hover, .bootstrap-tree-table .btn-white:hover,
.ocpx-action-cell .btn-default:hover, .ocpx-action-cell .btn-white:hover {
    border-color: var(--mk-ink) !important; color: var(--mk-ink) !important; background: var(--mk-bg-hover) !important;
}

/* ---------- 表单 ---------- */
.form-control, .input-group-addon, select, textarea {
    border: 1px solid var(--mk-line) !important;
    background: #fff !important;
    color: var(--mk-ink) !important;
    box-shadow: none !important;
}
.form-control:focus {
    border-color: var(--mk-line-strong) !important;
    outline: none !important;
    box-shadow: none !important;
}
.help-block, .form-control-static { color: var(--mk-ink-3) !important; font-size: 12px; }
label, .control-label { color: var(--mk-ink) !important; font-weight: 500; }

/* ---------- 表格 ---------- */
.table > thead > tr > th {
    background: var(--mk-bg-soft) !important;
    color: var(--mk-ink) !important;
    border-bottom: 1px solid var(--mk-line-strong) !important;
    font-weight: 600;
}
.table > tbody > tr > td { border-top: 1px solid var(--mk-line) !important; color: var(--mk-ink-2) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: var(--mk-bg-soft) !important; }
.table-hover > tbody > tr:hover { background: var(--mk-bg-hover) !important; }
.fixed-table-container { border: 1px solid var(--mk-line) !important; }

/* ---------- 标签/徽标：灰阶 + 描边 ---------- */
.label, .badge, .ocpx-pill, .media-status-badge, .ocpx-guide-tag, .ocpx-step-index {
    background: #fff !important;
    color: var(--mk-ink-2) !important;
    border: 1px solid var(--mk-line) !important;
    border-radius: 6px !important;
    font-weight: 400;
}
.label-primary, .label-success, .label-info, .badge-primary,
.table .label-primary, .table .label-success, .table .label-info,
.bootstrap-tree-table .label-primary, .bootstrap-tree-table .label-success, .bootstrap-tree-table .label-info {
    background: var(--mk-ink) !important; color: #fff !important; border-color: var(--mk-ink) !important;
}
.label-danger, .label-warning, .badge-danger,
.table .label-danger, .table .label-warning,
.bootstrap-tree-table .label-danger, .bootstrap-tree-table .label-warning {
    background: #fff !important; color: var(--mk-danger) !important; border-color: var(--mk-danger) !important;
}
.label-light, .table .label-light, .bootstrap-tree-table .label-light {
    background: var(--mk-bg-soft) !important; color: var(--mk-ink-3) !important; border-color: var(--mk-line) !important;
}

/* ---------- 侧边导航：白底黑字，选中反色 ---------- */
.navbar-default.navbar-static-side, .navbar-static-side {
    background: var(--mk-bg-soft) !important;
    border-right: 1px solid var(--mk-line) !important;
}
.nav > li > a { color: var(--mk-ink-2) !important; }
.nav > li > a:hover, .nav > li > a:focus { background: var(--mk-bg-hover) !important; color: var(--mk-ink) !important; }
.nav > li.active > a, .nav-second-level li.active a {
    background: var(--mk-ink) !important; color: #fff !important;
}
.nav-second-level { background: var(--mk-bg) !important; }
.sidebar-collapse .nav > li > a { border-left: 2px solid transparent; }
.sidebar-collapse .nav > li.active > a { border-left-color: var(--mk-ink); }

/* 顶栏 */
.navbar-static-top, .navbar-default { background: #fff !important; border-bottom: 1px solid var(--mk-line) !important; }
.user-menu > a, .navbar-top-links a { color: var(--mk-ink) !important; }

/* ---------- 页签 ---------- */
.content-tabs { border-bottom: 1px solid var(--mk-line) !important; background: #fff !important; }
.menuTabs .menuTab { color: var(--mk-ink-3) !important; border: 1px solid transparent !important; }
.menuTabs .menuTab.active { background: var(--mk-ink) !important; color: #fff !important; border-color: var(--mk-ink) !important; }
.page-tabs-content a { border-radius: 6px !important; }

/* 导航页签（页面内 tab） */
.nav-tabs { border-bottom: 1px solid var(--mk-line) !important; }
.nav-tabs > li > a { color: var(--mk-ink-3) !important; border: 1px solid transparent !important; background: transparent !important; }
.nav-tabs > li.active > a {
    color: var(--mk-ink) !important;
    border-bottom: 2px solid var(--mk-ink) !important;
    background: transparent !important;
    font-weight: 600;
}

/* ---------- 弹窗（layer） ---------- */
.layui-layer { border: 1px solid var(--mk-ink) !important; border-radius: 6px !important; box-shadow: none !important; }
.layui-layer-title {
    background: #fff !important; color: var(--mk-ink) !important;
    border-bottom: 1px solid var(--mk-line) !important; font-weight: 600;
}
.layui-layer-btn { background: var(--mk-bg-soft) !important; border-top: 1px solid var(--mk-line) !important; }
.layui-layer-btn a {
    background: #fff !important; color: var(--mk-ink) !important;
    border: 1px solid var(--mk-ink) !important; border-radius: 6px !important;
}
.layui-layer-btn .layui-layer-btn0 { background: var(--mk-ink) !important; color: #fff !important; }

/* ---------- 提示条 ---------- */
.alert { border-radius: 6px !important; box-shadow: none !important; border-width: 1px !important; }
.alert-success, .alert-info { background: #fff !important; border-color: var(--mk-ink) !important; color: var(--mk-ink) !important; }
.alert-warning, .alert-danger { background: #fff !important; border-color: var(--mk-danger) !important; color: var(--mk-danger) !important; }

/* ---------- 去掉引导/提示面板的花哨底色 ---------- */
.ocpx-guide-panel, .ocpx-guide-card, .ocpx-risk-board, .ocpx-risk-card,
.hint-card, .params-section-tip, .ocpx-field-note, .ocpx-guide-subtitle {
    background: var(--mk-bg) !important;
    border: 1px solid var(--mk-line) !important;
    border-left: 3px solid var(--mk-ink) !important;
    border-radius: 6px !important;
    color: var(--mk-ink-2) !important;
    /* 加了边框就必须有内边距，否则提示文字顶着边框线，
       在表单里看起来像和输入框重叠（用户反馈过） */
    padding: 5px 10px !important;
}
.ocpx-risk-card-primary, .ocpx-risk-card-info, .ocpx-risk-card-warning,
.ocpx-risk-card-danger, .ocpx-risk-card-neutral,
.stat-card.primary, .stat-card.success, .stat-card.warning, .stat-card.danger {
    background: #fff !important;
    border: 1px solid var(--mk-line) !important;
}
.stat-card .stat-value, .ocpx-risk-card strong { color: var(--mk-ink) !important; }

/* ---------- 登录页 ---------- */
.signin { background: #fff !important; }
.signinpanel { background: #fff !important; border: 1px solid var(--mk-line) !important; box-shadow: none !important; }
.signin-info h1, .logopanel h1 { color: var(--mk-ink) !important; }
#signupForm h4, .signin-info h4 { color: var(--mk-ink) !important; }
.signup-footer { color: var(--mk-ink-3) !important; }

/* ---------- 杂项：干掉残留彩色渐变 ---------- */
.gray-bg, .dashbard-1 { background: #fff !important; }
.ibox-title, .panel-heading { background: #fff !important; border-bottom: 1px solid var(--mk-line) !important; color: var(--mk-ink) !important; }
a { color: var(--mk-ink) !important; }
a:hover { color: #000 !important; text-decoration: underline; }