/* 粉色主题：明亮浅粉 + 深色文字，适合日间使用的粉色管理后台 */

body.theme-pink {
    /* 顶部导航 / 布局变量（浅粉背景 + 深色文字） */
    --admin-bg-primary: #fff1f2;          /* 整体背景：极浅粉 */
    --admin-bg-secondary: #ffe4e6;        /* 次级背景：淡粉 */
    --admin-bg-card: #ffffff;             /* 顶部导航、卡片背景：白色 */
    --admin-bg-hover: #ffe4e6;            /* 导航/菜单 hover 背景 */
    --admin-text-primary: #4a044e;        /* 主文字：深紫红 */
    --admin-text-secondary: #9f1239;      /* 次要文字：玫红 */
    --admin-accent-primary: #e11d48;      /* 主色粉：玫红 */
    --admin-accent-hover: #be123c;        /* hover：更深的玫红 */
    --admin-border-color: #fecdd3;        /* 边框/分割线：浅粉 */
    --admin-success-color: #16a34a;       /* 成功：绿色 */
    --admin-warning-color: #f97316;       /* 警告：橙色 */
    --admin-error-color: #dc2626;         /* 错误：红色 */
    --admin-nav-active-text: var(--admin-text-primary);
    --layout-main-columns: minmax(0, 3fr) minmax(0, 7fr);

    /* 管理页通用变量（与 um-* 协同） */
    --um-bg-primary: #fff1f2;             /* 页面底层背景：极浅粉 */
    --um-bg-secondary: #ffe4e6;           /* 二级背景：淡粉 */
    --um-bg-panel: #ffffff;               /* 列表/详情卡片背景：白色 */
    --um-bg-hover: #ffe4e6;               /* hover 背景 */
    --um-border: #fecdd3;                 /* 卡片和分割线边框：浅粉 */
    --um-text-primary: #4a044e;           /* 面板主文字：深紫红 */
    --um-text-secondary: #9f1239;         /* 面板次要文字：玫红 */
    --um-text-on-accent: #f9fafb;         /* 高亮渐变背景上的文字颜色（统一用浅色） */
    --um-accent: #e11d48;                 /* 通用主色：玫红 */
    --um-accent-hover: #be123c;           /* 主色 hover：更深玫红 */
    --um-danger: #dc2626;                 /* 危险色：红色 */
    --um-success: #16a34a;                /* 成功色：绿色 */
    --um-shadow: 0 18px 40px rgba(244, 114, 182, 0.18);
    --fibq-blank-bg: rgba(244, 114, 182, 0.16);
    --fibq-blank-border: rgba(244, 114, 182, 0.5);
    --mq-line-color: var(--um-accent);

    /* 通用列表 / 徽章 / 历史信息状态色 */
    --um-item-hover-bg: rgba(244, 114, 182, 0.08);      /* 列表 hover：淡粉 */
    --um-item-selected-bg: rgba(244, 114, 182, 0.18);   /* 选中行背景：浅粉高亮 */
    --um-item-selected-border: rgba(244, 63, 94, 0.45);

    --um-badge-bg: #ffe4e6;
    --um-badge-color: #be123c;
    --um-badge-inactive-bg: #e5e7eb;
    --um-badge-inactive-color: var(--um-text-secondary);

    /* 题型标签配色：在原有基础上偏向粉紫调，但保留语义差异 */
    --qtype-single-color: #bbf7d0;
    --qtype-single-bg: linear-gradient(135deg, rgba(34, 197, 94, 0.28), rgba(16, 185, 129, 0.16));
    --qtype-single-border: rgba(16, 185, 129, 0.7);

    --qtype-multiple-color: #f5d0fe;
    --qtype-multiple-bg: linear-gradient(135deg, rgba(217, 70, 239, 0.32), rgba(236, 72, 153, 0.22));
    --qtype-multiple-border: rgba(236, 72, 153, 0.8);

    --qtype-blank-color: #fed7aa;
    --qtype-blank-bg: linear-gradient(135deg, rgba(248, 153, 56, 0.32), rgba(251, 191, 36, 0.2));
    --qtype-blank-border: rgba(251, 146, 60, 0.8);

    --qtype-matching-color: #fecaca;
    --qtype-matching-bg: linear-gradient(135deg, rgba(248, 113, 113, 0.32), rgba(248, 113, 181, 0.26));
    --qtype-matching-border: rgba(248, 113, 113, 0.85);

    --qtype-tf-color: #e0f2fe;
    --qtype-tf-bg: linear-gradient(135deg, rgba(59, 130, 246, 0.32), rgba(147, 197, 253, 0.24));
    --qtype-tf-border: rgba(59, 130, 246, 0.8);

    --qtype-unknown-color: #e5e7eb;
    --qtype-unknown-bg: linear-gradient(135deg, rgba(148, 163, 184, 0.3), rgba(55, 65, 81, 0.24));
    --qtype-unknown-border: rgba(148, 163, 184, 0.75);

    --um-history-created-color: #f9a8d4;
    --um-history-created-bg: rgba(244, 114, 182, 0.22);
    --um-history-time-color: #bbf7d0;
    --um-history-time-bg: rgba(34, 197, 94, 0.24);

    /* 班级管理页专用配色（cm- 前缀），浅色粉主题 */
    --cm-btn-hover-bg: #ffe4e6;
    --cm-btn-hover-border: rgba(244, 114, 182, 0.6);

    --cm-primary-btn-shadow: 0 8px 18px rgba(244, 114, 182, 0.25);
    --cm-primary-btn-shadow-hover: 0 12px 24px rgba(244, 114, 182, 0.35);
    --cm-ghost-btn-hover-bg: rgba(250, 250, 250, 0.9);
    --cm-outline-btn-border-color: rgba(248, 187, 208, 0.7);

    --cm-accent-btn-bg: linear-gradient(135deg, #f9a8d4, #f472b6);
    --cm-accent-btn-bg-hover: linear-gradient(135deg, #f472b6, #ec4899);
    --cm-accent-btn-shadow: 0 8px 18px rgba(244, 114, 182, 0.25);
    --cm-accent-btn-shadow-hover: 0 12px 24px rgba(244, 114, 182, 0.35);

    --cm-danger-btn-bg: rgba(254, 202, 202, 0.9);
    --cm-danger-btn-bg-hover: rgba(254, 226, 226, 0.98);
    --cm-danger-btn-color: #b91c1c;

    --cm-panel-header-border: #fecdd3;
    --cm-panel-border-soft: #fecdd3;

    --cm-empty-border: rgba(248, 187, 208, 0.8);
	--cm-seat-border: rgba(248, 187, 208, 0.8);

    --cm-tree-node-hover-bg: rgba(244, 114, 182, 0.08);
    --cm-tree-node-focused-bg: rgba(244, 114, 182, 0.18);
    --cm-tree-node-focused-border: rgba(244, 63, 94, 0.5);
    --cm-tree-children-border: rgba(248, 187, 208, 0.8);

    --cm-node-toggle-border: rgba(248, 187, 208, 0.9);
    --cm-node-toggle-bg: #fff1f2;
    --cm-node-toggle-border-hover: rgba(244, 63, 94, 0.7);
    --cm-node-meta-bg: #fff7fb;

    --cm-footer-bg: rgba(254, 242, 242, 0.98);

    --cm-modal-overlay-bg: rgba(15, 23, 42, 0.25);
    --cm-modal-bg: #ffffff;
    --cm-modal-border: #fecdd3;
    --cm-modal-header-border: #fecdd3;
    --cm-modal-footer-border: #fecdd3;
    --cm-modal-tree-border: #fecdd3;
    --cm-modal-tree-bg: #fff1f2;

    --cm-checkbox-border: #fecdd3;
    --cm-checkbox-bg: #ffffff;
    --cm-checkbox-hover-border: rgba(244, 63, 94, 0.85);
    --cm-checkbox-hover-bg: #ffe4e6;

    --cm-history-created-color: #be123c;
    --cm-history-created-bg: rgba(254, 226, 226, 0.95);
    --cm-history-time-color: #15803d;
    --cm-history-time-bg: rgba(220, 252, 231, 0.95);

    --cm-input-readonly-bg: #fdf2ff;
    --cm-input-focus-shadow: 0 0 0 3px rgba(244, 114, 182, 0.35);

	/* 班级成员座位图面板与渐变（浅色粉主题） */
	--cm-seating-panel-bg: #ffffff;
	--cm-seating-stage-gradient-start: rgba(254, 226, 226, 0.95);
	--cm-seating-stage-gradient-end: rgba(252, 231, 243, 0.95);
	--cm-seat-occupied-gradient-start: rgba(252, 231, 243, 0.95);
	--cm-seat-occupied-gradient-end: rgba(244, 114, 182, 0.95);
	--cm-member-field-readonly-bg: #fdf2ff;

    --admin-theme-id: pink;
}

/* ========== 粉色主题：基础控件样式（参考 classic/dark） ========== */

/* 顶部按钮（header 区域） */
body.theme-pink .admin-btn {
    border-radius: 6px;
    font-weight: 500;
}

body.theme-pink .admin-btn--primary {
    background: linear-gradient(135deg, var(--admin-accent-primary), #ec4899);
    border-color: var(--admin-accent-primary);
    color: #0f172a;
}

body.theme-pink .admin-btn--primary:hover {
    background: linear-gradient(135deg, #fb7185, #f472b6);
    border-color: #fb7185;
}

body.theme-pink .admin-btn--ghost {
    background: transparent;
    border-color: var(--admin-border-color);
    color: var(--admin-text-secondary);
}

body.theme-pink .admin-btn--ghost:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

body.theme-pink .admin-btn--outline {
    border-color: var(--admin-error-color);
    color: var(--admin-error-color);
}

/* 通用按钮（各管理页 .um-btn）：浅粉底 + 玫红点缀 */
body.theme-pink .um-btn {
    background-color: #ffe4e6;
    border-color: #fecdd3;
    color: #9f1239;
    border-radius: 999px;
}

body.theme-pink .um-btn:hover {
    background-color: #fecdd3;
    border-color: #e11d48;
}

body.theme-pink .um-btn--primary {
    background: linear-gradient(135deg, #f973b9, #e11d48);
    border-color: #e11d48;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(244, 114, 182, 0.35);
}

body.theme-pink .um-btn--danger {
    background: linear-gradient(135deg, #fecaca, #ef4444);
    border-color: #fca5a5;
    color: #7f1d1d;
}

body.theme-pink .um-btn--ghost {
    background: transparent;
    border-color: transparent;
    color: #9f1239;
}

/* 输入框 / 下拉框 */
body.theme-pink .um-input,
body.theme-pink .um-select,
body.theme-pink select,
body.theme-pink input[type="text"],
body.theme-pink input[type="number"],
body.theme-pink input[type="url"],
body.theme-pink textarea {
    background-color: #ffffff;
    border: 1px solid var(--um-border);
    color: var(--um-text-primary);
}

body.theme-pink .um-input::placeholder,
body.theme-pink textarea::placeholder,
body.theme-pink input::placeholder {
    color: var(--um-text-secondary);
}

body.theme-pink .um-input:focus,
body.theme-pink .um-select:focus,
body.theme-pink select:focus,
body.theme-pink input:focus,
body.theme-pink textarea:focus {
    border-color: var(--um-accent);
    box-shadow: 0 0 0 1px rgba(244, 114, 182, 0.65);
    outline: none;
}

/* 列表/面板背景 */
body.theme-pink .um-list-panel,
body.theme-pink .um-detail-panel,
body.theme-pink .um-modal__content {
    background-color: var(--um-bg-panel);
    border-color: var(--um-border);
    box-shadow: var(--um-shadow);
}

/* 列表项文本与提示 */
body.theme-pink .um-user-item__name,
body.theme-pink .um-node__label {
    color: var(--um-text-primary);
}

body.theme-pink .um-user-item__meta,
body.theme-pink .um-page-info,
body.theme-pink .um-page-size-label,
body.theme-pink .um-modal__hint {
    color: var(--um-text-secondary);
}

/* 复选框与必填星号 */
body.theme-pink .um-user-item__checkbox,
body.theme-pink .um-checkbox input[type="checkbox"] {
    accent-color: var(--um-accent);
}

body.theme-pink .um-required {
    color: var(--um-danger);
}