.rr-wrap .rr-msg { margin-left: .5rem; color: #b32d2e; }
.rr-wrap .rr-ok { color: #1a7f37; font-weight: 700; }
.rr-queue td { vertical-align: middle; }

.rr-step {
	background: #fff; border: 1px solid #dcdcde; border-left: 4px solid #dcdcde;
	border-radius: 4px; padding: .25rem 1.25rem 1rem; margin: 1rem 0; max-width: 760px;
}
.rr-step h2 { margin-bottom: .5rem; }
.rr-step-active { border-left-color: #2271b1; }
.rr-step-done { border-left-color: #1a7f37; }
.rr-step-locked { opacity: .6; }

.rr-empty {
	background: #fff; border: 1px solid #dcdcde; border-radius: 4px;
	padding: 2rem; margin: 1rem 0; max-width: 760px; text-align: center;
}
.rr-empty p:first-child { font-size: 14px; }

.rr-modal-overlay {
	position: fixed; inset: 0; background: rgba(0,0,0,.5);
	display: flex; align-items: center; justify-content: center; z-index: 100000;
}
.rr-modal {
	background: #fff; max-width: 760px; width: 92%; max-height: 86vh; overflow: auto;
	padding: 1.5rem; border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,.3);
}
.rr-modal h2 { margin-top: 0; }
.rr-diff-row { margin: 0 0 1rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
.rr-diff-row h4 { margin: 0 0 .4rem; }
.rr-old, .rr-new { padding: .5rem .6rem; border-radius: 4px; margin: .25rem 0; }
.rr-old { background: #fcebec; }
.rr-new { background: #edf7ee; }
.rr-tag {
	display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;
	color: #555; margin-bottom: .25rem;
}
.rr-modal-actions { display: flex; gap: .5rem; justify-content: flex-end; margin-top: 1rem; }

.rr-warn { color: #8a6d00; background: #fcf3cd; border-left: 4px solid #dba617; padding: 8px 12px; margin: 8px 0; }
.rr-paywall { display: inline-block; margin-left: 8px; color: #646970; }
.rr-paywall a { margin-left: 4px; }