From 1d0957281a7565710ab6996906eb1b933476844a Mon Sep 17 00:00:00 2001
From: Codex Local <codex@local.invalid>
Date: Mon, 7 Sep 2026 07:07:16 +0800
Subject: [PATCH] fix: soften elder profile controls

---
 web/src/styles.css | 56 +++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 51 insertions(+), 5 deletions(-)

diff --git a/web/src/styles.css b/web/src/styles.css
index 4e17ceb..4c4d550 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -2437,17 +2437,63 @@ h3 { font-size: 16px; }
 .customer-page .subject-detail-modal__header > button,
 .customer-page .subject-modal-cancel {
   border-color: transparent !important;
-  color: #58423d !important;
-  background: transparent !important;
+  color: #786d68 !important;
+  background: #f5f2f0 !important;
   box-shadow: none !important;
 }
+.customer-page .subject-create-modal header button,
+.customer-page .subject-detail-modal__header > button {
+  display: inline-grid;
+  place-items: center;
+  width: 34px;
+  height: 34px;
+  padding: 0 !important;
+  border-radius: 50% !important;
+}
+.customer-page .subject-create-modal header button:hover,
+.customer-page .subject-detail-modal__header > button:hover {
+  color: #4f4845 !important;
+  background: #ebe7e4 !important;
+  transform: none !important;
+}
+.customer-page .subject-modal-cancel { background: transparent !important; }
+
+/* Profile presets are choices, so keep them calm and distinct from submit actions. */
+.customer-page .dialogue-presets button {
+  border-color: #e7dfda !important;
+  color: #3f3936 !important;
+  background: #fbf8f4 !important;
+  box-shadow: none !important;
+}
+.customer-page .dialogue-presets button:nth-child(2) {
+  border-color: #dce5ef !important;
+  background: #f3f7fb !important;
+}
+.customer-page .dialogue-presets button:nth-child(3) {
+  border-color: #dce7dc !important;
+  background: #f3f7f2 !important;
+}
+.customer-page .dialogue-presets button strong { color: #3f3936; }
+.customer-page .dialogue-presets button span { color: #7a706b; }
+.customer-page .dialogue-presets button:hover:not(:disabled) {
+  border-color: #cbbeb7 !important;
+  color: #2e2927 !important;
+  background: #fff !important;
+  box-shadow: 0 5px 14px rgba(76, 60, 54, .07) !important;
+}
 .customer-page .subject-tag-editor__chips > span button {
   border: 0;
-  color: #fff;
-  background: #58423d;
+  color: #8c7d77;
+  background: transparent;
   box-shadow: none;
 }
-.customer-page .subject-tag-editor__chips > span button:hover { background: #93000a !important; }
+.customer-page .subject-tag-editor__chips > span button:hover {
+  color: #7d3329 !important;
+  background: rgba(167, 57, 32, .09) !important;
+  transform: none !important;
+}
+.customer-page .subject-tag-editor--topic .subject-tag-editor__chips > span button { color: #64758a; }
+.customer-page .subject-tag-editor--avoid .subject-tag-editor__chips > span button { color: #a0655c; }
 .customer-page .subject-tag-editor__input button {
   border: 0;
   color: #fff;