/* Settings → قواعد یادآوری (Figma 468:3485 + drawer-edit 468:4565) */
.rr-alert { margin-bottom: 20px; padding: 16px 20px; }
.rr-alert .alert__title { margin-bottom: 4px; }
.rr-table th { height: 40px; }
.rr-table td { height: 56px; padding-block: 8px; }
.rr-table__active { width: 72px; }
.rr-table tr.is-muted td { color: var(--color-text-muted); }
.rr-version { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: var(--radius-full); border: 1px solid var(--color-border);
  background: var(--color-gray-50, #F8FAFC); font: var(--text-caption); color: var(--color-text-secondary); white-space: nowrap; text-decoration: none; }
.rr-version .icon { width: 14px; height: 14px; color: var(--color-text-brand); }
.rr-version:hover { border-color: var(--color-gray-300); color: var(--color-text-primary); text-decoration: none; }
.rr-table form { margin: 0; display: flex; }

.rr-drawer .select[disabled] { background: var(--color-gray-50, #F8FAFC); color: var(--color-text-muted); }
.rr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rr-grid--3 { grid-template-columns: repeat(3, 1fr); }
.rr-grid .field { margin: 0; min-width: 0; }
.rr-grid .select, .rr-grid .input-affix { width: 100%; }
.rr-hint { margin-top: 6px !important; }
.rr-fix { direction: rtl; font: var(--text-body); color: var(--color-text-secondary); }
.rr-drawer .input-affix input { text-align: right; }
.rr-fixed { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: var(--radius-md); background: var(--color-gray-50, #F8FAFC);
  border: 1px solid var(--color-border); color: var(--color-text-primary); }
.rr-fixed .icon { width: 16px; height: 16px; color: var(--color-text-secondary); }
.rr-seg { align-self: flex-start; width: max-content; display: inline-flex; gap: 4px; padding: 4px; border-radius: var(--radius-md); background: var(--color-gray-100); }
.rr-seg .segmented__item { position: relative; height: 32px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 6px; color: var(--color-text-secondary); font: var(--text-body); cursor: pointer; }
.rr-seg .segmented__item input { position: absolute; opacity: 0; pointer-events: none; }
.rr-seg .segmented__item:has(input:checked) { background: var(--color-surface-card); color: var(--color-text-brand); font: var(--text-body-strong); box-shadow: 0 1px 1px rgba(15, 23, 42, .06); }
.rr-seg .segmented__item:has(input:focus-visible) { box-shadow: var(--focus-ring); }
.rr-seg .segmented__item.is-disabled { opacity: .45; cursor: not-allowed; }

.rr-history { border-top: 1px solid var(--color-border); padding-top: 16px; }
.rr-history__title { font: var(--text-body-strong); margin-bottom: 12px; }
.rr-history__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rr-history__item { padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.rr-history__item.is-current { border-color: var(--color-brand-navy); }
.rr-history__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rr-history__meta { margin-inline-start: auto; font: var(--text-caption); color: var(--color-text-muted); }
.rr-history__sub { margin-top: 4px; font: var(--text-small); color: var(--color-text-secondary); }