feedback.css

.review-pass, .banner { padding: 14px 18px; margin: 0 0 20px; border-radius: 8px; font-size: 12px; line-height: 1.5; white-space: pre-line; }
.review-pass { color: var(--accent-strong); background: var(--accent-tint); border: 1px solid var(--accent); }
.review-pass span { margin-inline-end: 8px; font-weight: 800; }
.banner { background: var(--surface-soft); border: 1px solid var(--line); }
.banner p { margin: 5px 0 0; }
.banner.warning { color: var(--warn); background: var(--warn-bg); border-color: var(--warn); }
.banner.error { color: var(--error); background: var(--error-bg); border-color: var(--error); }
.banner.success { color: var(--accent-strong); background: var(--accent-tint); border-color: var(--accent); }
.banner button { margin-top: 12px; }
.cancel-link { margin-top: 18px; background: transparent; border: 0; color: var(--muted); text-decoration: underline; font-size: 12px; padding: 5px 0; }
.result-card, .waiting-card { padding: 36px; max-width: 750px; }
.result-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-strong); font-size: 22px; }
.result-card h2, .waiting-card h2 { font-size: 21px; margin: 18px 0 10px; }
.result-card p, .waiting-card p { line-height: 1.6; color: var(--muted); font-size: 13px; }
.result-facts { margin: 24px 0; border: 1px solid var(--line); border-radius: 8px; padding: 20px; background: var(--surface-soft); }
.result-facts p { margin: 8px 0; }
.result-facts strong { color: var(--text); }
.result-effects { margin: 20px 0; border: 1px solid var(--line); border-radius: 8px; padding: 14px 17px; background: var(--surface-soft); }
.result-effects h3 { margin: 0 0 10px; color: var(--text); font-size: 13px; }
.result-effects ul { margin: 0; padding-left: 20px; }
.result-effects li { padding: 3px 0; overflow-wrap: anywhere; font-size: 12px; }
.result-links { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin: 22px 0; font-size: 12px; }
.result-links code { background: var(--surface-soft); padding: 8px; border-radius: 5px; }
.spinner { width: 25px; height: 25px; border: 3px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.result-facts h3 { margin: 0 0 16px; font-size: 15px; line-height: 1.5; }
.result-permissions { margin: 20px 0 0; padding-inline-start: 20px; font-size: 13px; line-height: 1.65; }
.result-permissions li + li { margin-top: 16px; }
.result-permissions p { margin: 6px 0 0; }