Fix settings toggles layout and add processing-log retention controls

frontend/src/styles.css

@@ -74,7 +74,7 @@
   min-height: 2rem;
 }
 
-input,
+input:not([type='checkbox']):not([type='radio']),
 select,
 textarea {
   width: 100%;
@@ -86,24 +86,39 @@ textarea {
   transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
 }
 
-input::placeholder,
+input:not([type='checkbox']):not([type='radio'])::placeholder,
 textarea::placeholder {
   color: #72819e;
 }
 
-input:hover,
+input:not([type='checkbox']):not([type='radio']):hover,
 select:hover,
 textarea:hover {
   border-color: var(--color-border-strong);
 }
 
-input:focus,
+input:not([type='checkbox']):not([type='radio']):focus,
 select:focus,
 textarea:focus {
   border-color: var(--color-accent);
   box-shadow: 0 0 0 2px rgba(63, 141, 255, 0.2);
 }
 
+input[type='checkbox'],
+input[type='radio'] {
+  width: 1rem;
+  height: 1rem;
+  margin: 0;
+  accent-color: var(--color-accent);
+  cursor: pointer;
+}
+
+input[type='checkbox']:focus-visible,
+input[type='radio']:focus-visible {
+  outline: 2px solid rgba(63, 141, 255, 0.6);
+  outline-offset: 2px;
+}
+
 select {
   appearance: none;
   padding-right: 1.9rem;
@@ -966,12 +981,23 @@ button:disabled {
   grid-template-columns: auto 1fr;
   align-items: center;
   gap: 0.45rem;
+  min-height: 1.95rem;
+  padding: 0.35rem 0.45rem;
+  border: 1px solid rgba(70, 89, 122, 0.55);
+  border-radius: var(--radius-xs);
+  background: rgba(18, 27, 41, 0.62);
   font-size: 0.79rem;
   color: #cad7ed;
+  cursor: pointer;
 }
 
 .inline-checkbox input {
   margin: 0;
+  flex-shrink: 0;
+}
+
+.inline-checkbox input:disabled {
+  cursor: not-allowed;
 }
 
 .settings-toggle {