Style checkboxes/pill in B3 bordeaux (force checkbox as pill, accent-color global); asset v33

web/src/main/resources/static/css/app.css

@@ -559,6 +559,12 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
 [data-theme="dark"] .tone-positive-text { color: #6ee7b7; }
 [data-theme="dark"] .tone-negative-text { color: #fca5a5; }
 .tone-label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; }
+/* Чекбоксы — в акцентной (бордовой) гамме */
+input[type="checkbox"] { accent-color: var(--c-accent); width: 1rem; height: 1rem; cursor: pointer; flex: 0 0 auto; }
+/* Галочка-«пилюля»: компактная опция с рамкой, подсвечивается при выборе */
+.tone-pill { border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0.4rem 0.7rem; background: var(--c-surface); cursor: pointer; user-select: none; }
+.tone-pill:hover { border-color: var(--c-border-strong); }
+.tone-pill:has(input:checked) { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-soft); }
 .pre-wrap { white-space: pre-wrap; word-break: break-word; }
 
 /* Редактируемая матрица: закреплённый столбец и компактные селекты */