/* ============================================================
   问题管理 · 统一配色 + 层次（纯边框/底色，无阴影）
   ============================================================ */

:root {
    --c-blue: #1677ff;
    --c-blue-light: #e6f4ff;
    --c-blue-dark: #0958d9;
    --c-green: #52c41a;
    --c-green-light: #f6ffed;
    --c-orange: #faad14;
    --c-orange-light: #fffbe6;
    --c-red: #ff4d4f;
    --c-red-light: #fff2f0;
    --c-purple: #597ef7;
    --c-purple-light: #f0f5ff;
    --c-cyan: #13c2c2;
    --c-cyan-light: #e6fffb;

    --c-bg: #eceef3;
    --c-bg-muted: #f6f7f9;
    --c-bg-subtle: #fafbfc;
    --c-card: #ffffff;
    --c-text: #262626;
    --c-text2: #595959;
    --c-text3: #8c8c8c;

    --c-border-inner: #eef0f4;
    --c-border: #dfe2e8;
    --c-border2: #cfd4dc;
    --c-border-accent: #b8d4ff;

    --shadow-1: none;
    --shadow-2: none;

    --wt-primary: #1677ff;
    --wt-primary-bg: #e6f4ff;
    --wt-primary-border: #91caff;
    --wt-primary-dark: #0958d9;
    --wt-success: #52c41a;
    --wt-success-bg: #f6ffed;
    --wt-success-border: #b7eb8f;
    --wt-warning: #faad14;
    --wt-warning-bg: #fffbe6;
    --wt-warning-border: #ffe58f;
    --wt-danger: #ff4d4f;
    --wt-danger-bg: #fff2f0;
    --wt-danger-border: #ffccc7;
    --wt-bg: var(--c-bg);
    --wt-card: var(--c-card);
    --wt-text: var(--c-text);
    --wt-text2: var(--c-text2);
    --wt-text3: var(--c-text3);
    --wt-border: var(--c-border);
    --wt-radius: 8px;

    --c1: var(--wt-primary);
    --c1b: var(--wt-primary-bg);
    --c1br: var(--wt-primary-border);
    --c1d: var(--wt-primary-dark);
    --c2: var(--wt-success);
    --c2b: var(--wt-success-bg);
    --c2br: var(--wt-success-border);
    --c3: var(--wt-warning);
    --c3b: var(--wt-warning-bg);
    --c3br: var(--wt-warning-border);
    --c4: #597ef7;
    --c4b: #f0f5ff;
    --c4br: #adc6ff;
    --c4d: #2f54eb;
    --cr: var(--wt-danger);
    --crb: var(--wt-danger-bg);
    --crbr: var(--wt-danger-border);
    --tx: var(--wt-text);
    --tx2: var(--wt-text2);
    --tx3: var(--wt-text3);
    --bd: var(--c-border);
    --bg: var(--c-bg);
    --w: var(--wt-card);
    --r: var(--wt-radius);

    --primary-color: var(--wt-primary);
    --primary: var(--wt-primary);
    --bg-main: var(--c-bg);
    --bg-content: var(--c-card);
    --text-dark: var(--c-text);
    --text-light: var(--c-text2);
    --text-muted: var(--c-text3);
    --border-color: var(--c-border);
    --radius-base: 6px;
    --radius-large: var(--wt-radius);
    --danger-color: var(--wt-danger);
    --success: var(--wt-success);
}

body {
    background: var(--c-bg);
    color: var(--c-text);
}

.crm-topbar {
    box-shadow: none !important;
    border-bottom: 1px solid var(--c-border2) !important;
    background: var(--c-card) !important;
}
.crm-topbar .tb-brand .dot {
    background: var(--c-blue);
    box-shadow: none !important;
    outline: 2px solid var(--c-blue-light);
    outline-offset: 1px;
}
.crm-topbar .tb-tabs a.is-active {
    background: var(--c-blue-light);
    color: var(--c-blue);
    border: 1px solid var(--c-border-accent);
}
.crm-topbar .tb-tabs a:hover {
    background: var(--c-bg-subtle);
    color: var(--c-blue);
}

.crm-btn-primary {
    background: var(--c-blue) !important;
    border-color: var(--c-blue-dark) !important;
    box-shadow: none !important;
    color: #fff !important;
}
.crm-btn-primary:hover {
    background: #4096ff !important;
    border-color: var(--c-blue) !important;
    color: #fff !important;
}
.crm-btn {
    box-shadow: none !important;
    border: 1px solid var(--c-border) !important;
    background: var(--c-card) !important;
}
.crm-btn.crm-btn-primary {
    background: var(--c-blue) !important;
    border-color: var(--c-blue-dark) !important;
    color: #fff !important;
}
.crm-btn.crm-btn-primary:hover {
    background: #4096ff !important;
    border-color: var(--c-blue) !important;
    color: #fff !important;
}
.crm-btn:hover {
    border-color: var(--c-blue) !important;
    color: var(--c-blue) !important;
    background: var(--c-blue-light) !important;
}

.crm-card {
    background: var(--c-card) !important;
    border: 1px solid var(--c-border2) !important;
    box-shadow: none !important;
}
.crm-card.is-hoverable:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--c-border-accent) !important;
}
.crm-card-head {
    background: var(--c-bg-muted) !important;
    border-bottom: 1px solid var(--c-border) !important;
}
.crm-card-head .ext a { color: var(--c-blue) !important; }

.crm-kpi {
    background: var(--c-card) !important;
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
}
.crm-kpi:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--c-border-accent) !important;
    background: #f8fbff !important;
}

.kpi-blue { background: var(--c-blue-light) !important; color: var(--c-blue) !important; border: 1px solid #bae0ff !important; }
.kpi-green { background: var(--c-green-light) !important; color: #389e0d !important; border: 1px solid #d9f7be !important; }
.kpi-orange { background: var(--c-orange-light) !important; color: #d48806 !important; border: 1px solid #ffe58f !important; }
.kpi-purple { background: var(--c-purple-light) !important; color: #597ef7 !important; border: 1px solid #d6e4ff !important; }

.wt-qa-item {
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
    background: var(--c-card) !important;
}
.wt-qa-item:hover {
    transform: none !important;
    border-color: var(--c-border-accent) !important;
    background: var(--c-blue-light) !important;
    color: var(--c-blue) !important;
}

.wt-task-row { border-bottom: 1px solid var(--c-border-inner) !important; }
.wt-task-row:hover { background: var(--c-bg-subtle) !important; }
.wt-task-row.type-responsible .tk-icon,
.wt-task-row.type-responsible .tk-tag { border: 1px solid #bae0ff; }
.wt-task-row.type-approval .tk-icon,
.wt-task-row.type-approval .tk-tag { border: 1px solid #ffe58f; }

.wt-filter-card {
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
}
.wt-table-panel {
    border: 1px solid var(--c-border2) !important;
    box-shadow: none !important;
}
.wt-table-panel .layui-table th {
    background: var(--c-bg-muted) !important;
    border-bottom: 1px solid var(--c-border) !important;
}
.wt-table-panel .layui-table td {
    border-bottom: 1px solid var(--c-border-inner) !important;
}
.wt-table-panel .layui-table-tool,
.wt-table-panel .layui-table-page {
    background: var(--c-bg-muted) !important;
    border-color: var(--c-border) !important;
}
.wt-page-head .cnt {
    background: var(--c-card) !important;
    border: 1px solid var(--c-border);
}
.wt-tabs-shell .layui-tab-title {
    border-bottom: 1px solid var(--c-border2) !important;
}

.wt-phase-p1 { background: #fffbe6; border: 1px solid #ffe58f; color: #d48806; }
.wt-phase-p2 { background: #e6f4ff; border: 1px solid #91caff; color: #0958d9; }
.wt-phase-p3 { background: #f9f0ff; border: 1px solid #d3adf7; color: #531dab; }
.wt-phase-done { background: #f6ffed; border: 1px solid #b7eb8f; color: #389e0d; }
.wt-phase-invalid { background: #fafafa; border: 1px solid #d9d9d9; color: #bfbfbf; }

.wt-link { color: var(--c-blue) !important; }

.wt-add-sec, .sec {
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
}
.wt-add-sec-hd, .sec-hd {
    background: var(--c-bg-muted) !important;
    border-bottom: 1px solid var(--c-border) !important;
}
.wt-add-bar, .bottom-bar {
    box-shadow: none !important;
    border-top: 1px solid var(--c-border2) !important;
}

.pg-hd { border-bottom: 1px solid var(--c-border2) !important; }
.frame-wrap { border: 1px solid var(--c-border2) !important; }
.summary-box {
    background: var(--c-bg-subtle) !important;
    border: 1px solid var(--c-border) !important;
    border-left: 3px solid var(--c1) !important;
}
.pill:hover { transform: none !important; box-shadow: none !important; }

.st-review .pill {
    box-shadow: none !important;
    border: 1px solid #d48806 !important;
}

.layui-btn-normal { box-shadow: none !important; }

.wt-upload-zone {
    border: 1px dashed var(--c-border2) !important;
    background: var(--c-bg-subtle) !important;
}
.wt-file-item {
    border: 1px solid var(--c-border) !important;
    border-left: 3px solid var(--c-blue) !important;
    background: var(--c-bg-subtle) !important;
}

/* 输入框聚焦：边框变色，无光晕 */
.layui-input:focus,
.layui-textarea:focus,
.layui-form-select .layui-input:focus {
    box-shadow: none !important;
    border-color: var(--c-blue) !important;
}

.wt-add-form .layui-input:focus,
.wt-add-form .layui-textarea:focus {
    box-shadow: none !important;
}