/*
 * V5 只覆盖视觉颜色，不修改 DOM、接口、路由及点击事件。
 * 必须加载在 V2/V4 后面，以修复原样式优先级问题。
 */

html[data-mgt-home-v2="1"] {
    --mtc-v5-icon-fg: #25324a;
    --mtc-v5-icon-bg: rgba(255, 255, 255, 0.90);
    --mtc-v5-icon-border: rgba(83, 105, 145, 0.20);
    --mtc-v5-icon-shadow: 0 5px 14px rgba(24, 42, 78, 0.11);
}

/* 深色主题：图标采用浅色线条 + 半透明底，避免白线落在白色方块上 */
html[data-mgt-home-v2="1"][data-merchant-theme="midnight"] {
    --mtc-v5-icon-fg: #f6f9ff;
    --mtc-v5-icon-bg: rgba(126, 166, 255, 0.18);
    --mtc-v5-icon-border: rgba(157, 190, 255, 0.32);
    --mtc-v5-icon-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);
}

html[data-mgt-home-v2="1"][data-merchant-theme="violet"] {
    --mtc-v5-icon-fg: #fff7ff;
    --mtc-v5-icon-bg: rgba(193, 126, 255, 0.18);
    --mtc-v5-icon-border: rgba(222, 178, 255, 0.32);
    --mtc-v5-icon-shadow: 0 6px 16px rgba(5, 0, 17, 0.28);
}

html[data-mgt-home-v2="1"][data-merchant-theme="ocean"] {
    --mtc-v5-icon-fg: #efffff;
    --mtc-v5-icon-bg: rgba(91, 225, 235, 0.17);
    --mtc-v5-icon-border: rgba(144, 241, 247, 0.31);
    --mtc-v5-icon-shadow: 0 6px 16px rgba(0, 27, 32, 0.27);
}

html[data-mgt-home-v2="1"][data-merchant-theme="graphite"] {
    --mtc-v5-icon-fg: #f7f9fc;
    --mtc-v5-icon-bg: rgba(210, 220, 235, 0.14);
    --mtc-v5-icon-border: rgba(221, 229, 240, 0.25);
    --mtc-v5-icon-shadow: 0 6px 16px rgba(0, 0, 0, 0.30);
}

/* 浅色主题：保持深色图形，保证清晰度 */
html[data-mgt-home-v2="1"][data-merchant-theme="emerald"] {
    --mtc-v5-icon-fg: #0b6954;
    --mtc-v5-icon-bg: rgba(255, 255, 255, 0.92);
    --mtc-v5-icon-border: rgba(27, 143, 108, 0.22);
}

html[data-mgt-home-v2="1"][data-merchant-theme="sunset"] {
    --mtc-v5-icon-fg: #9e3f34;
    --mtc-v5-icon-bg: rgba(255, 255, 255, 0.92);
    --mtc-v5-icon-border: rgba(206, 84, 63, 0.22);
}

html[data-mgt-home-v2="1"][data-merchant-theme="ice"] {
    --mtc-v5-icon-fg: #344469;
    --mtc-v5-icon-bg: rgba(255, 255, 255, 0.94);
    --mtc-v5-icon-border: rgba(91, 121, 179, 0.20);
}

html[data-mgt-home-v2="1"][data-merchant-theme="sakura"] {
    --mtc-v5-icon-fg: #9b3e69;
    --mtc-v5-icon-bg: rgba(255, 255, 255, 0.93);
    --mtc-v5-icon-border: rgba(202, 87, 139, 0.22);
}

/* 首页常用功能图标：覆盖 V2 中把前景和背景同时设为浅色的问题 */
html[data-mgt-home-v2="1"] .mgt-home-action-v2 .mli-v4-action-icon,
html[data-mgt-home-v2="1"] .mli-v4-action-host .mli-v4-action-icon {
    color: var(--mtc-v5-icon-fg) !important;
    background: var(--mtc-v5-icon-bg) !important;
    border-color: var(--mtc-v5-icon-border) !important;
    box-shadow: var(--mtc-v5-icon-shadow) !important;
    opacity: 1 !important;
    filter: none !important;
}

html[data-mgt-home-v2="1"] .mgt-home-action-v2 .mli-v4-action-icon svg,
html[data-mgt-home-v2="1"] .mli-v4-action-host .mli-v4-action-icon svg {
    color: inherit !important;
    stroke: currentColor !important;
    fill: none !important;
    opacity: 1 !important;
    filter: none !important;
    background: transparent !important;
}

html[data-mgt-home-v2="1"] .mgt-home-action-v2 .mli-v4-action-icon svg :is(path, circle, rect, line, polyline, polygon),
html[data-mgt-home-v2="1"] .mli-v4-action-host .mli-v4-action-icon svg :is(path, circle, rect, line, polyline, polygon) {
    stroke: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 修复深色主题下原页面遗留的黑色文字。 */
html[data-mgt-home-v2="1"] .mgt-home-section-v2 {
    color: var(--mgh-text) !important;
}

html[data-mgt-home-v2="1"] .mgt-home-section-v2 :is(
    h1, h2, h3, h4, h5, h6,
    strong, b,
    [class*="title"],
    [class*="name"]
) {
    color: var(--mgh-title) !important;
    -webkit-text-fill-color: var(--mgh-title) !important;
}

html[data-mgt-home-v2="1"] .mgt-home-section-v2 :is(
    p, small, em, label,
    [class*="desc"],
    [class*="sub"],
    [class*="hint"],
    [class*="label"]
) {
    color: var(--mgh-muted) !important;
    -webkit-text-fill-color: var(--mgh-muted) !important;
}

/* 统计卡片中的数值、标题和说明全部使用主题文字色。 */
html[data-mgt-home-v2="1"] .mgt-home-stat-v2,
html[data-mgt-home-v2="1"] .mgt-home-stat-v2 * {
    color: var(--mgh-text) !important;
    -webkit-text-fill-color: var(--mgh-text) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* 常用功能名称必须与卡片形成足够对比。 */
html[data-mgt-home-v2="1"] .mgt-home-action-v2,
html[data-mgt-home-v2="1"] .mgt-home-action-v2 * {
    color: var(--mgh-text) !important;
    -webkit-text-fill-color: var(--mgh-text) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* 图标自身必须在上面通用文字规则之后再次覆盖。 */
html[data-mgt-home-v2="1"] .mgt-home-action-v2 .mli-v4-action-icon,
html[data-mgt-home-v2="1"] .mgt-home-action-v2 .mli-v4-action-icon *,
html[data-mgt-home-v2="1"] .mli-v4-action-host .mli-v4-action-icon,
html[data-mgt-home-v2="1"] .mli-v4-action-host .mli-v4-action-icon * {
    color: var(--mtc-v5-icon-fg) !important;
    -webkit-text-fill-color: var(--mtc-v5-icon-fg) !important;
}

/* 图表区域标题和 DOM 文本跟随主题；不触碰图表数据和事件。 */
html[data-mgt-home-v2="1"] .mgt-home-chart-v2 {
    color: var(--mgh-text) !important;
}

html[data-mgt-home-v2="1"] .mgt-home-chart-v2 :is(
    h1, h2, h3, h4, h5, h6,
    p, span, strong, b, small, label,
    [class*="title"],
    [class*="label"],
    [class*="value"]
) {
    color: var(--mgh-text) !important;
    -webkit-text-fill-color: var(--mgh-text) !important;
    opacity: 1 !important;
}

/* 主彩色数据卡片继续保持白色字，不被上方规则误覆盖。 */
html[data-mgt-home-v2="1"] .mgt-home-primary-v2,
html[data-mgt-home-v2="1"] .mgt-home-primary-v2 * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 底部导航图标继续继承导航本身的主题色。 */
#mgt-global-bottom-nav-v1 .mli-v4-nav-icon,
#mgt-global-bottom-nav-v1 .mli-v4-nav-icon * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 主题按钮继续使用原 🎨 Emoji，不做颜色覆盖。 */
#mgt-global-bottom-nav-v1 .mli-v4-theme,
#mgt-global-bottom-nav-v1 .mli-v4-theme * {
    -webkit-text-fill-color: initial !important;
    color: initial !important;
}