.reference-pattern{max-width:660px;width:100%;color:var(--ui-body);font-size:14px}
.reference-pattern .pattern-field{margin-top:12px}.reference-pattern .el-date-editor,.reference-pattern .el-input{max-width:100%}
.pattern-hint{color:var(--ui-help)!important;font-size:12px!important;line-height:18px!important;margin:8px 0!important;min-height:18px}.pattern-hint.is-error{color:var(--ui-danger)!important}
.pattern-privacy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.pattern-privacy button:disabled{color:var(--ui-disabled);cursor:not-allowed}
.pattern-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.pattern-options label{display:flex;align-items:center;gap:8px}.pattern-options .el-select{width:150px}
.reference-note{font-size:12px!important;color:var(--ui-help)!important;padding:12px 0;border-top:1px solid var(--ui-divider);margin-top:20px!important}

.pattern-checks{margin-top:12px;max-height:160px;overflow:auto;padding:8px;border:1px solid var(--ui-border)}.pattern-checks .el-checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.reference-pattern .el-table__footer-wrapper td{color:var(--ui-body)!important;font-weight:600!important}

.editable-rows-pattern { max-width: 820px; }
.editable-rule-row { display: grid; grid-template-columns: minmax(140px, 1.2fr) minmax(100px, .7fr) minmax(150px, 1fr) auto; gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--ui-divider); }
.editable-rule-field label { display: block; margin-bottom: 6px; color: var(--ui-body); font-size: 14px; font-weight: 400; line-height: 21px; }
.editable-rule-field.is-error .el-input__inner { border-color: var(--ui-danger) !important; }
.editable-rule-field .el-input__inner[readonly] { background: var(--ui-white); color: var(--ui-body); cursor: text; }
.editable-rule-action { padding-top: 31px; }
.editable-rule-action .ui-danger-text { border: 0 !important; background: transparent !important; padding: 0 !important; min-height: 24px; color: var(--ui-danger) !important; font-size: 12px !important; font-weight: 400 !important; }
.editable-rule-action .ui-danger-text:disabled { color: var(--ui-disabled) !important; cursor: not-allowed; text-decoration: none; }
.editable-rules-footer, .field-history-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.editable-rules-footer .ui-text-action:disabled { color: var(--ui-disabled) !important; cursor: not-allowed; text-decoration: none; }
.field-history-pattern .ui-text-action, .editable-rules-footer .ui-text-action { font-size: 12px !important; font-weight: 400 !important; }
.field-history-demo-dialog { max-width: calc(100vw - 32px); }
.field-history-demo-dialog .el-table .cell { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .editable-rule-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .editable-rule-action { padding-top: 27px; }
}

.reference-supplement{margin-top:24px;padding-top:16px;border-top:1px solid var(--ui-divider)}

.reference-pattern .pattern-field.is-error .el-range-editor{border-color:var(--ui-danger)!important}

.pattern-field>label{display:block;margin-bottom:6px;color:var(--ui-body);font-size:14px;line-height:21px}