/* 毛毛绒风格 GCLI 面板覆盖层
 * 与 dashboard.html / quant chat 保持视觉一致
 * 支持 auto / light / dark 三档主题
 */

/* ========== CSS 变量 ========== */
:root[data-mmr-skin] {
    --mmr-bg: #f5f7fa;
    --mmr-card: #ffffff;
    --mmr-border: #e5e7eb;
    --mmr-text: #1f2937;
    --mmr-text-secondary: #4b5563;
    --mmr-muted: #6b7280;
    --mmr-primary: #2196f3;
    --mmr-primary-hover: #1976d2;
    --mmr-primary-light: #e3f2fd;
    --mmr-success: #10b981;
    --mmr-warning: #f59e0b;
    --mmr-danger: #ef4444;
    --mmr-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);
    --mmr-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
}
@media (prefers-color-scheme: dark) {
    :root[data-mmr-skin][data-mmr-theme="auto"] {
        --mmr-bg: #0f172a;
        --mmr-card: #1e293b;
        --mmr-border: #334155;
        --mmr-text: #f1f5f9;
        --mmr-text-secondary: #cbd5e1;
        --mmr-muted: #94a3b8;
        --mmr-primary-light: #1e3a8a;
        --mmr-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
        --mmr-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    }
}
:root[data-mmr-skin][data-mmr-theme="dark"] {
    --mmr-bg: #0f172a;
    --mmr-card: #1e293b;
    --mmr-border: #334155;
    --mmr-text: #f1f5f9;
    --mmr-text-secondary: #cbd5e1;
    --mmr-muted: #94a3b8;
    --mmr-primary-light: #1e3a8a;
    --mmr-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
    --mmr-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
}

/* ========== 全局重置 ========== */
html[data-mmr-skin] {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
:root[data-mmr-skin] body {
    background: var(--mmr-bg) !important;
    color: var(--mmr-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    /* 保留 0 auto 让原 max-width 居中生效；扩到 1280 显示更多内容 */
    margin: 0 auto !important;
    max-width: 1280px !important;
    padding: calc(56px + env(safe-area-inset-top, 0px) + 16px) max(20px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px)) !important;
    transition: background 0.2s, color 0.2s;
    box-sizing: border-box !important;
}
/* 顶导航独立全宽，不受 body max-width 影响 */
#mmr-topbar {
    /* fixed 已经全宽，无需特殊处理 */
}
/* iOS 输入框聚焦不放大（>=16px 是 iOS 触发不缩放阈值）*/
:root[data-mmr-skin] input,
:root[data-mmr-skin] textarea,
:root[data-mmr-skin] select {
    font-size: 16px !important;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 6px !important;
}

/* gcli2api 用 vue/element 类组件，全部接管颜色 */
:root[data-mmr-skin] * {
    border-color: var(--mmr-border) !important;
}
:root[data-mmr-skin] h1,
:root[data-mmr-skin] h2,
:root[data-mmr-skin] h3,
:root[data-mmr-skin] h4 {
    color: var(--mmr-text) !important;
}
:root[data-mmr-skin] p,
:root[data-mmr-skin] span,
:root[data-mmr-skin] li,
:root[data-mmr-skin] td,
:root[data-mmr-skin] th,
:root[data-mmr-skin] label {
    color: var(--mmr-text) !important;
}
:root[data-mmr-skin] small,
:root[data-mmr-skin] .text-muted,
:root[data-mmr-skin] .muted {
    color: var(--mmr-muted) !important;
}

/* 输入框 */
:root[data-mmr-skin] input[type=text],
:root[data-mmr-skin] input[type=password],
:root[data-mmr-skin] input[type=email],
:root[data-mmr-skin] input[type=number],
:root[data-mmr-skin] textarea,
:root[data-mmr-skin] select {
    background: var(--mmr-card) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: border-color 0.15s, box-shadow 0.15s;
}
:root[data-mmr-skin] input:focus,
:root[data-mmr-skin] textarea:focus,
:root[data-mmr-skin] select:focus {
    outline: none !important;
    border-color: var(--mmr-primary) !important;
    box-shadow: 0 0 0 3px rgba(33,150,243,0.15) !important;
}

/* 按钮 */
:root[data-mmr-skin] button {
    border-radius: 6px !important;
    border: 1px solid var(--mmr-border) !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    font-family: inherit !important;
}
/* 主按钮 (绿色 / primary) */
:root[data-mmr-skin] button[type=submit],
:root[data-mmr-skin] .btn-primary,
:root[data-mmr-skin] .el-button--primary,
:root[data-mmr-skin] button.primary {
    background: var(--mmr-primary) !important;
    color: #fff !important;
    border-color: var(--mmr-primary) !important;
}
:root[data-mmr-skin] button[type=submit]:hover,
:root[data-mmr-skin] .btn-primary:hover {
    background: var(--mmr-primary-hover) !important;
}
/* 危险按钮 (红色) */
:root[data-mmr-skin] button.danger,
:root[data-mmr-skin] .btn-danger,
:root[data-mmr-skin] .el-button--danger,
:root[data-mmr-skin] button[class*="delete"],
:root[data-mmr-skin] button[class*="remove"] {
    background: rgba(239,68,68,0.10) !important;
    color: var(--mmr-danger) !important;
    border-color: rgba(239,68,68,0.4) !important;
}

/* 卡片 / 容器 */
:root[data-mmr-skin] .card,
:root[data-mmr-skin] .panel,
:root[data-mmr-skin] .box,
:root[data-mmr-skin] .container,
:root[data-mmr-skin] [class*="card"],
:root[data-mmr-skin] [class*="panel"] {
    background: var(--mmr-card) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--mmr-shadow-sm) !important;
}

/* 表格 */
:root[data-mmr-skin] table {
    background: var(--mmr-card) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
:root[data-mmr-skin] thead {
    background: var(--mmr-bg) !important;
}
:root[data-mmr-skin] thead th {
    color: var(--mmr-muted) !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
}
:root[data-mmr-skin] tbody td {
    border-top: 1px solid var(--mmr-border) !important;
    padding: 10px 12px !important;
}
:root[data-mmr-skin] tbody tr:hover {
    background: var(--mmr-bg) !important;
}

/* 链接 */
:root[data-mmr-skin] a {
    color: var(--mmr-primary) !important;
    text-decoration: none !important;
}
:root[data-mmr-skin] a:hover {
    text-decoration: underline !important;
}

/* 各种状态徽章 */
:root[data-mmr-skin] [class*="badge"],
:root[data-mmr-skin] [class*="tag"],
:root[data-mmr-skin] .pill {
    border-radius: 999px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* gcli2api 特有元素的优雅修饰：让"已启用 / 无错误 / Tier" 样的彩色徽章在暗色下也可读 */
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background: rgb(220, 252, 231)"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color: rgb(220, 252, 231)"] {
    background: #14532d !important;
    color: #bbf7d0 !important;
}
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background: rgb(254, 226, 226)"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color: rgb(254, 226, 226)"] {
    background: #7f1d1d !important;
    color: #fee2e2 !important;
}

/* ========== 顶导航 ========== */
#mmr-topbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 56px;
    z-index: 9999;
    background: var(--mmr-card);
    border-bottom: 1px solid var(--mmr-border);
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 16px;
    box-shadow: var(--mmr-shadow-sm);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.mmr-content-spacer {
    height: 0;  /* body padding-top: 56px 已经留位 */
}
#mmr-topbar .mmr-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--mmr-text);
    font-size: 15px;
}
#mmr-topbar .mmr-dot {
    width: 9px; height: 9px;
    border-radius: 50%;
    background: var(--mmr-primary);
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.5);
    animation: mmr-pulse 2s ease-in-out infinite;
}
@keyframes mmr-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(0.85); }
}
#mmr-topbar .mmr-nav {
    display: flex;
    gap: 6px;
    align-items: center;
}
#mmr-topbar .mmr-nav-link {
    color: var(--mmr-text-secondary) !important;
    text-decoration: none !important;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 13px;
    transition: all 0.15s;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
}
#mmr-topbar .mmr-nav-link:hover {
    background: var(--mmr-primary-light) !important;
    color: var(--mmr-primary) !important;
    border-color: var(--mmr-primary) !important;
    text-decoration: none !important;
}
#mmr-topbar .mmr-nav-link.active {
    background: var(--mmr-primary) !important;
    color: #fff !important;
    border-color: var(--mmr-primary) !important;
}
#mmr-topbar .mmr-right {
    margin-left: auto;
    display: flex;
    gap: 8px;
    align-items: center;
}
#mmr-topbar .mmr-theme-btn {
    background: transparent !important;
    border: 1px solid var(--mmr-border) !important;
    color: var(--mmr-text) !important;
    padding: 6px 10px !important;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    min-width: 36px;
    transition: all 0.15s;
}
#mmr-topbar .mmr-theme-btn:hover {
    background: var(--mmr-bg) !important;
    border-color: var(--mmr-primary) !important;
}

/* 移动端 */
@media (max-width: 767px) {
    :root[data-mmr-skin] body {
        padding-top: 100px !important;  /* 双行导航高度 */
    }
    #mmr-topbar {
        flex-wrap: wrap;
        height: auto;
        padding: 8px 12px;
        gap: 8px;
    }
    #mmr-topbar .mmr-brand .mmr-title {
        font-size: 13px;
    }
    #mmr-topbar .mmr-nav {
        order: 3;
        width: 100%;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    #mmr-topbar .mmr-nav-link {
        padding: 4px 8px;
        font-size: 11px;
    }
}

/* 修正 gcli2api 自带的某些大白底卡片背景太刺眼 */
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background: white"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color: white"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background: #fff"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color: #fff"] {
    background: var(--mmr-card) !important;
}

/* gcli2api 的 modal/对话框 */
:root[data-mmr-skin] [class*="modal"],
:root[data-mmr-skin] [class*="dialog"] {
    background: var(--mmr-card) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--mmr-shadow-md) !important;
}

/* 暗色下 modal 遮罩 */
:root[data-mmr-skin][data-mmr-theme="dark"] [class*="overlay"],
:root[data-mmr-skin][data-mmr-theme="dark"] [class*="backdrop"] {
    background: rgba(0,0,0,0.7) !important;
}

/* 滚动条美化 */
:root[data-mmr-skin] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
:root[data-mmr-skin] ::-webkit-scrollbar-thumb {
    background: var(--mmr-border);
    border-radius: 5px;
}
:root[data-mmr-skin] ::-webkit-scrollbar-thumb:hover {
    background: var(--mmr-muted);
}
:root[data-mmr-skin] ::-webkit-scrollbar-track {
    background: var(--mmr-bg);
}

/* 隐藏 gcli2api 自身可能存在的 logo / banner（被我们的 brand 替代了） */
:root[data-mmr-skin] [class*="banner"]:has(> [class*="logo"]),
:root[data-mmr-skin] header[class*="header"]:not(#mmr-topbar) {
    display: none !important;
}

/* body 已 max-width 1280px 居中；container 占满 body 宽度 */

/* 日志/代码块 */
:root[data-mmr-skin] pre,
:root[data-mmr-skin] code {
    background: var(--mmr-bg) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-family: "Consolas", "Monaco", monospace !important;
}

/* 让 gcli2api 顶部"加载中..."提示也跟主题 */
:root[data-mmr-skin] .loading,
:root[data-mmr-skin] [class*="loading"] {
    color: var(--mmr-muted) !important;
}

/* ========== gcli2api 已知 class 强制覆盖 ========== */
/* container 主框架 */
:root[data-mmr-skin] .container {
    background: var(--mmr-card) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 12px !important;
    color: var(--mmr-text) !important;
    box-shadow: var(--mmr-shadow-sm) !important;
    padding: 24px !important;
    margin: 16px auto !important;
    max-width: 1280px !important;
}

/* tab 选项卡 */
:root[data-mmr-skin] .tab {
    color: var(--mmr-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    padding: 8px 14px !important;
    transition: all 0.15s !important;
}
:root[data-mmr-skin] .tab:hover {
    color: var(--mmr-text) !important;
    background: var(--mmr-bg) !important;
}
:root[data-mmr-skin] .tab.active {
    background: var(--mmr-primary) !important;
    color: #fff !important;
    border-color: var(--mmr-primary) !important;
}
:root[data-mmr-skin] .tabs {
    background: var(--mmr-bg) !important;
    padding: 6px !important;
    border-radius: 8px !important;
    gap: 4px !important;
}
:root[data-mmr-skin] .tab-slider {
    background: var(--mmr-primary) !important;
}

/* 输入框 placeholder 必须可见！gcli2api 默认 placeholder 太淡 */
:root[data-mmr-skin] input::placeholder,
:root[data-mmr-skin] textarea::placeholder,
:root[data-mmr-skin] .config-input::placeholder {
    color: var(--mmr-muted) !important;
    opacity: 0.85 !important;
}

/* config 系列文字 */
:root[data-mmr-skin] .config-info,
:root[data-mmr-skin] .config-note,
:root[data-mmr-skin] .config-group,
:root[data-mmr-skin] .form-group label,
:root[data-mmr-skin] .input-group label {
    color: var(--mmr-text-secondary) !important;
}
:root[data-mmr-skin] .config-input,
:root[data-mmr-skin] .filter-select,
:root[data-mmr-skin] .page-size-select {
    background: var(--mmr-bg) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
}

/* btn 通用 */
:root[data-mmr-skin] .btn,
:root[data-mmr-skin] .batch-btn,
:root[data-mmr-skin] .pagination-btn,
:root[data-mmr-skin] .refresh-btn,
:root[data-mmr-skin] .download-all-btn {
    background: var(--mmr-card) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
}
:root[data-mmr-skin] .btn:hover,
:root[data-mmr-skin] .batch-btn:hover,
:root[data-mmr-skin] .pagination-btn:hover,
:root[data-mmr-skin] .refresh-btn:hover {
    background: var(--mmr-primary-light) !important;
    color: var(--mmr-primary) !important;
    border-color: var(--mmr-primary) !important;
}
/* 危险按钮（删除/禁用）*/
:root[data-mmr-skin] .batch-delete,
:root[data-mmr-skin] .batch-disable {
    background: rgba(239,68,68,0.10) !important;
    color: var(--mmr-danger) !important;
    border-color: rgba(239,68,68,0.4) !important;
}
:root[data-mmr-skin] .batch-delete:hover,
:root[data-mmr-skin] .batch-disable:hover {
    background: rgba(239,68,68,0.20) !important;
}
/* 启用按钮（绿色）*/
:root[data-mmr-skin] .batch-enable {
    background: rgba(16,185,129,0.10) !important;
    color: var(--mmr-success) !important;
    border-color: rgba(16,185,129,0.4) !important;
}
:root[data-mmr-skin] .batch-enable:hover {
    background: rgba(16,185,129,0.20) !important;
}
/* email 按钮 */
:root[data-mmr-skin] .batch-email {
    background: rgba(245,158,11,0.10) !important;
    color: var(--mmr-warning) !important;
    border-color: rgba(245,158,11,0.4) !important;
}

/* stat 卡片（总计 / 正常 / 禁用） */
:root[data-mmr-skin] .stat-item {
    background: var(--mmr-bg) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    color: var(--mmr-text) !important;
}
:root[data-mmr-skin] .stat-item.total .stat-number { color: var(--mmr-primary) !important; }
:root[data-mmr-skin] .stat-item.normal .stat-number { color: var(--mmr-success) !important; }
:root[data-mmr-skin] .stat-item.disabled .stat-number { color: var(--mmr-muted) !important; }
:root[data-mmr-skin] .stat-number {
    font-size: 28px !important;
    font-weight: 700 !important;
}
:root[data-mmr-skin] .stat-label {
    color: var(--mmr-muted) !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}
:root[data-mmr-skin] .stats-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
}

/* 文件列表 / 凭证 */
:root[data-mmr-skin] .file-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
:root[data-mmr-skin] .credentials,
:root[data-mmr-skin] .credentials > div {
    background: var(--mmr-bg) !important;
    color: var(--mmr-text) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

/* 项目信息 tab 的浅色信息卡片 — 强力修复 */
:root[data-mmr-skin] [style*="background-color: #f0f8ff"],
:root[data-mmr-skin] [style*="background-color:#f0f8ff"],
:root[data-mmr-skin] [style*="background-color: #e3f2fd"],
:root[data-mmr-skin] [style*="background-color:#e3f2fd"],
:root[data-mmr-skin] [style*="background-color: #e8f4ff"],
:root[data-mmr-skin] [style*="background-color:#e8f4ff"],
:root[data-mmr-skin] [style*="background-color: #f8f9fa"],
:root[data-mmr-skin] [style*="background-color:#f8f9fa"],
:root[data-mmr-skin] [style*="background-color: #fff3cd"],
:root[data-mmr-skin] [style*="background-color:#fff3cd"],
:root[data-mmr-skin] [style*="background: #f0f8ff"],
:root[data-mmr-skin] [style*="background:#f0f8ff"],
:root[data-mmr-skin] [style*="background: #f8f9fa"],
:root[data-mmr-skin] [style*="background:#f8f9fa"],
:root[data-mmr-skin] [style*="background: rgb(240, 248, 255)"],
:root[data-mmr-skin] [style*="background-color: rgb(240, 248, 255)"],
:root[data-mmr-skin] [style*="background: rgb(232, 244, 255)"],
:root[data-mmr-skin] [style*="background: rgb(248, 249, 250)"],
:root[data-mmr-skin] [style*="background-color: rgb(248, 249, 250)"] {
    background: var(--mmr-card) !important;
    color: var(--mmr-text) !important;
    border-color: var(--mmr-border) !important;
}

/* 暗色专用：所有内联浅色背景 → 深色卡片 */
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color"][style*="#f"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background-color"][style*="#e"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background:"][style*="#f"],
:root[data-mmr-skin][data-mmr-theme="dark"] [style*="background:"][style*="#e"] {
    background: var(--mmr-card) !important;
    color: var(--mmr-text) !important;
    border-color: var(--mmr-border) !important;
}
@media (prefers-color-scheme: dark) {
    :root[data-mmr-skin][data-mmr-theme="auto"] [style*="background-color"][style*="#f"],
    :root[data-mmr-skin][data-mmr-theme="auto"] [style*="background-color"][style*="#e"],
    :root[data-mmr-skin][data-mmr-theme="auto"] [style*="background:"][style*="#f"],
    :root[data-mmr-skin][data-mmr-theme="auto"] [style*="background:"][style*="#e"] {
        background: var(--mmr-card) !important;
        color: var(--mmr-text) !important;
        border-color: var(--mmr-border) !important;
    }
}

/* 项目信息卡片内的所有文字（h1/h2/h3/p/li/strong）都用主色 */
:root[data-mmr-skin] [class*="info"] h1,
:root[data-mmr-skin] [class*="info"] h2,
:root[data-mmr-skin] [class*="info"] h3,
:root[data-mmr-skin] [class*="info"] h4,
:root[data-mmr-skin] [class*="info"] p,
:root[data-mmr-skin] [class*="info"] li,
:root[data-mmr-skin] [class*="info"] strong,
:root[data-mmr-skin] [class*="info"] span,
:root[data-mmr-skin] [class*="info"] div,
:root[data-mmr-skin] [class*="project"] h1,
:root[data-mmr-skin] [class*="project"] h2,
:root[data-mmr-skin] [class*="project"] h3,
:root[data-mmr-skin] [class*="project"] p,
:root[data-mmr-skin] [class*="project"] li,
:root[data-mmr-skin] [class*="project"] strong,
:root[data-mmr-skin] [class*="project"] span,
:root[data-mmr-skin] [class*="project"] div {
    color: var(--mmr-text) !important;
}

/* 兜底：tab-content 下所有元素强制可读色 */
:root[data-mmr-skin] .tab-content,
:root[data-mmr-skin] .tab-content * {
    color: var(--mmr-text) !important;
}
/* 但保持链接、按钮的特殊色 */
:root[data-mmr-skin] .tab-content a,
:root[data-mmr-skin] .tab-content a * {
    color: var(--mmr-primary) !important;
}
:root[data-mmr-skin] .tab-content button {
    color: inherit !important;  /* 让按钮自身规则生效 */
}

/* 复选框容器 */
:root[data-mmr-skin] .checkbox-container,
:root[data-mmr-skin] .filter-container,
:root[data-mmr-skin] .pagination-container,
:root[data-mmr-skin] .batch-controls,
:root[data-mmr-skin] .batch-actions,
:root[data-mmr-skin] .manage-actions {
    color: var(--mmr-text) !important;
}
:root[data-mmr-skin] .selected-count,
:root[data-mmr-skin] .pagination-info {
    color: var(--mmr-muted) !important;
}

/* 进度条 */
:root[data-mmr-skin] .progress-bar {
    background: var(--mmr-border) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}
:root[data-mmr-skin] .progress-fill {
    background: linear-gradient(90deg, var(--mmr-primary), #1976d2) !important;
}

/* 上传区 */
:root[data-mmr-skin] .upload-area {
    background: var(--mmr-bg) !important;
    border: 2px dashed var(--mmr-border) !important;
    color: var(--mmr-text-secondary) !important;
    border-radius: 12px !important;
    padding: 32px !important;
}
:root[data-mmr-skin] .upload-area:hover {
    border-color: var(--mmr-primary) !important;
    background: var(--mmr-primary-light) !important;
}

/* status 提示框 */
:root[data-mmr-skin] .status.info {
    background: rgba(33,150,243,0.10) !important;
    color: var(--mmr-primary) !important;
    border: 1px solid rgba(33,150,243,0.30) !important;
    border-radius: 8px !important;
    padding: 12px !important;
}
:root[data-mmr-skin] .status.success {
    background: rgba(16,185,129,0.10) !important;
    color: var(--mmr-success) !important;
    border: 1px solid rgba(16,185,129,0.30) !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

/* OAuth 链接框 */
:root[data-mmr-skin] .auth-url {
    background: var(--mmr-bg) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    color: var(--mmr-primary) !important;
    word-break: break-all !important;
    font-family: "Consolas", monospace !important;
}

/* 登录表单 */
:root[data-mmr-skin] .login-form {
    background: var(--mmr-card) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    box-shadow: var(--mmr-shadow-md) !important;
    color: var(--mmr-text) !important;
}

/* footer 区（GitHub 链接 + 免责声明） — 用户截图主要痛点 */
:root[data-mmr-skin] footer,
:root[data-mmr-skin] .footer,
:root[data-mmr-skin] [class*="footer"] {
    background: var(--mmr-bg) !important;
    color: var(--mmr-text-secondary) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 16px !important;
    text-align: center !important;
    font-size: 12px !important;
}
:root[data-mmr-skin] footer a,
:root[data-mmr-skin] .footer a,
:root[data-mmr-skin] [class*="footer"] a {
    color: var(--mmr-primary) !important;
    font-weight: 500 !important;
}

/* 对所有"看不清的浅灰色"做兜底覆盖 */
:root[data-mmr-skin] [style*="color: #999"],
:root[data-mmr-skin] [style*="color:#999"],
:root[data-mmr-skin] [style*="color: #aaa"],
:root[data-mmr-skin] [style*="color:#aaa"],
:root[data-mmr-skin] [style*="color: #ccc"],
:root[data-mmr-skin] [style*="color:#ccc"],
:root[data-mmr-skin] [style*="color: #bbb"],
:root[data-mmr-skin] [style*="color:#bbb"],
:root[data-mmr-skin] [style*="color: rgb(153"],
:root[data-mmr-skin] [style*="color:rgb(153"],
:root[data-mmr-skin] [style*="color: rgb(170"],
:root[data-mmr-skin] [style*="color:rgb(170"],
:root[data-mmr-skin] [style*="color: rgb(204"],
:root[data-mmr-skin] [style*="color:rgb(204"] {
    color: var(--mmr-text-secondary) !important;
}

/* 顶部的项目 ID 小标签（vccb75bd 这种） */
:root[data-mmr-skin] h1 + span,
:root[data-mmr-skin] h1 + small,
:root[data-mmr-skin] h2 + span,
:root[data-mmr-skin] h2 + small {
    background: var(--mmr-bg) !important;
    color: var(--mmr-muted) !important;
    border: 1px solid var(--mmr-border) !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-family: "Consolas", monospace !important;
    font-size: 11px !important;
    margin-left: 8px !important;
}

/* 隐藏 .hidden */
:root[data-mmr-skin] .hidden {
    display: none !important;
}

/* 标题 + 检查更新按钮 区域 */
:root[data-mmr-skin] h1, :root[data-mmr-skin] h2 {
    color: var(--mmr-text) !important;
    font-weight: 700 !important;
}

/* 退出登录按钮（红色）显眼但不刺眼 */
:root[data-mmr-skin] button[onclick*="logout"],
:root[data-mmr-skin] button[onclick*="logOut"],
:root[data-mmr-skin] button:contains("退出"),
:root[data-mmr-skin] button.logout {
    background: rgba(239,68,68,0.10) !important;
    color: var(--mmr-danger) !important;
    border-color: rgba(239,68,68,0.4) !important;
}

/* 点击复制 API 地址区域美化 */
:root[data-mmr-skin] [class*="api"][class*="address"],
:root[data-mmr-skin] [class*="endpoint"] {
    background: var(--mmr-bg) !important;
    border: 1px solid var(--mmr-border) !important;
    border-radius: 8px !important;
    padding: 12px !important;
}