:root { --cleanup-ink: #18271f; --cleanup-muted: #68766d; --cleanup-line: #dbe5dc; --cleanup-green: #226c4c; --cleanup-wash: #edf5ef; --cleanup-red: #8b3b32; --cleanup-red-wash: #fbefed; }
.cleanup-page { min-height: 100vh; background: #f7faf7; }
.cleanup-content { max-width: 1120px; margin: 0 auto; padding: 32px 26px 56px; }
.cleanup-heading { padding-bottom: 20px; border-bottom: 1px solid var(--cleanup-line); }
.cleanup-heading h2 { margin: 0; color: var(--cleanup-ink); font: 500 2rem Georgia, serif; }
.cleanup-heading p:last-child { margin: 8px 0 0; color: var(--cleanup-muted); }
.cleanup-page .eyebrow { margin: 0 0 6px; color: var(--cleanup-green); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.cleanup-toolbar { display: grid; grid-template-columns: minmax(230px, .7fr) minmax(280px, 1.3fr) auto; align-items: end; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--cleanup-line); }
.cleanup-toolbar label { display: grid; gap: 6px; color: var(--cleanup-ink); font-size: .78rem; font-weight: 650; }
.cleanup-toolbar select, .cleanup-toolbar textarea { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #bdccc0; border-radius: 3px; color: var(--cleanup-ink); background: #fff; font: inherit; }
.cleanup-results { margin-top: 22px; border-top: 3px solid var(--cleanup-green); background: #fff; }
.cleanup-results-heading { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid var(--cleanup-line); }
.cleanup-results-heading h3 { margin: 0; color: var(--cleanup-ink); font-size: 1rem; }
.cleanup-results-heading span { color: var(--cleanup-green); font-size: .75rem; font-weight: 700; }
.cleanup-summary { padding: 18px; }
.cleanup-summary table { width: 100%; border-collapse: collapse; }
.cleanup-summary th, .cleanup-summary td { padding: 9px 11px; border-bottom: 1px solid var(--cleanup-line); text-align: left; font-size: .82rem; }
.cleanup-summary th { color: var(--cleanup-muted); background: #f7faf8; font-size: .7rem; text-transform: uppercase; }
.cleanup-blocked { color: var(--cleanup-red) !important; background: var(--cleanup-red-wash); }
.cleanup-content > .cleanup-results > .primary-button { margin: 0 18px; padding: 9px 14px; }
.cleanup-content button:disabled { cursor: not-allowed; opacity: .5; }
#cleanupCommand { margin: 16px 18px; padding: 12px; overflow-wrap: anywhere; color: var(--cleanup-ink); background: var(--cleanup-wash); font-size: .82rem; }
#cleanupFootnote { margin: 14px 18px 18px; color: var(--cleanup-muted); font-size: .76rem; line-height: 1.5; }
@media (max-width: 760px) { .cleanup-content { padding: 22px 14px 40px; } .cleanup-toolbar { grid-template-columns: 1fr; } .cleanup-toolbar button { justify-self: start; } }