/*
 * 「插件·技能·规则」页的「规则」tab（js/user-rules.js，V3.199；V3.201 起多条、卡片网格）。只取主题变量，不写色值。
 * 骨架与技能 tab 相同：.plugin-market-toolbar（搜索 + 新建）→ .skill-market-intro → .plugin-market-viewport > .plugin-market-grid，
 * 卡片直接用插件 / 技能那一套（.plugin-card），表单弹框用技能表单那一套（.skill-form），这里只补规则独有的几处。
 */

/* 滚动区纵向 flex：空态要能在剩余空间里水平 + 垂直居中（与 #skillMarketPane 同一条） */
.user-rules-viewport {
    display: flex;
    flex-direction: column;
}

/* 停用的规则与停用的技能同一种淡化 */
.user-rule-card.is-disabled .plugin-card-name,
.user-rule-card.is-disabled .plugin-card-desc {
    color: var(--kb-ink-muted);
}

.user-rules-empty .empty-state-description {
    max-width: 480px;
}

/* 规则正文用等宽字体：多是 Markdown 列表，对齐看得清 */
.utils-dialog .user-rule-textarea {
    min-height: 200px;
    font-family: var(--font-family-mono);
    font-size: 0.8125rem;
    line-height: 1.7;
}

.user-rule-count-row {
    display: flex;
    justify-content: flex-end;
}

.user-rule-count {
    color: var(--kb-ink-muted);
    font-variant-numeric: tabular-nums;
}

.user-rule-count.is-over {
    color: var(--color-error);
}

.user-rules-group-title { grid-column: 1 / -1; margin: 12px 0 2px; font-size: .875rem; color: var(--kb-ink-muted); }
.user-rule-source { overflow-wrap: anywhere; color: var(--kb-ink-muted); font-size: .8125rem; }
.plugin-market-view--web-rules { min-height: 0; }
.plugin-market-view--web-rules > .plugin-market-pane { flex: 1; min-height: 0; }

@media (max-width: 1023px) {
    .plugin-market-view--web-rules > .user-rules-pane { overflow-y: auto; overscroll-behavior: contain; }
}