/*
 * Qeel 最终状态颜色
 *
 * 检查项目：普通黑色
 * 通过：绿色
 * 失败：红色
 * 建议/未检测：黄色
 */

:root {
    --qeel-result-text: #111827;

    --qeel-success: #16a34a;
    --qeel-danger: #dc2626;
    --qeel-warning: #d97706;
}


/* 默认结果文字保持普通颜色 */

:is(
    [id*="result"],
    [class*="result"],
    [id*="audit"],
    [class*="audit"],
    [id*="health"],
    [class*="health"],
    [id*="check"],
    [class*="check"],
    [id*="report"],
    [class*="report"]
) {
    color: var(--qeel-result-text);
}


/* 只给真正结果值着色 */

[data-qeel-status="success"] {
    color: var(--qeel-success) !important;
}

[data-qeel-status="danger"] {
    color: var(--qeel-danger) !important;
}

[data-qeel-status="warning"] {
    color: var(--qeel-warning) !important;
}


/* 不给整行 / 整卡片染背景 */

[data-qeel-result-status],
tr[data-qeel-result-status],
td[data-qeel-result-status] {
    background: transparent !important;
}


/* 深色模式 */

html[data-theme="dark"] {
    --qeel-result-text: #e5edf7;

    --qeel-success: #4ade80;
    --qeel-danger: #f87171;
    --qeel-warning: #fbbf24;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --qeel-result-text: #e5edf7;

        --qeel-success: #4ade80;
        --qeel-danger: #f87171;
        --qeel-warning: #fbbf24;
    }
}


/* =========================================================
   FINAL RESULT COLOR RESET
   检查项普通黑色，仅状态词红绿黄
   ========================================================= */

:root {
    --qeel-result-normal: #111827;
}

/* 检测项目、名称、数值、说明全部普通黑色 */
:is(
    [id*="result"],
    [class*="result"],
    [id*="output"],
    [class*="output"],
    [id*="audit"],
    [class*="audit"],
    [id*="health"],
    [class*="health"]
) :is(
    td,
    th,
    p,
    span,
    strong,
    b,
    small,
    li,
    label
) {
    color: var(--qeel-result-normal) !important;
}

/* 禁止整行根据成功/失败变颜色 */
tr[data-qeel-result-status] > td,
[data-qeel-result-status] {
    background-color: transparent !important;
}

/* 只有真正状态值有颜色 */
[data-qeel-status="success"] {
    color: #16a34a !important;
}

[data-qeel-status="danger"] {
    color: #dc2626 !important;
}

[data-qeel-status="warning"] {
    color: #d97706 !important;
}


/*
 * 深色模式不能使用纯黑，否则看不见。
 * 所以深色模式使用正常浅色文字。
 */
html[data-theme="dark"] {
    --qeel-result-normal: #e6edf7;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --qeel-result-normal: #e6edf7;
    }
}