style(ui): soften sidebar card corners

Increase border-radius values for all left sidebar navigation elements:
- Nav items, session cards, expert cards
- Sidebar sections and containers
- Category items and expert items
- New session button
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

apps/ui/src/styles/chat.css

@@ -147,7 +147,7 @@
   position: relative;
   min-height: 46px;
   padding: 0 14px;
-  border-radius: 16px;
+  border-radius: 18px;
   border: 1px solid transparent;
   background: linear-gradient(135deg, rgba(242, 250, 255, 0.82), rgba(212, 236, 251, 0.74));
   color: #2e516c;
@@ -194,7 +194,7 @@
   min-height: 46px;
   justify-content: flex-start;
   padding: 0 16px;
-  border-radius: 16px;
+  border-radius: 18px;
   border-color: rgba(128, 192, 235, 0.58);
   background: linear-gradient(135deg, rgba(245, 252, 255, 0.92), rgba(199, 229, 248, 0.88));
   color: #0e6ec7;
@@ -252,7 +252,7 @@
 .conversation-shell .sidebar-experts-entry,
 .conversation-shell .sidebar-session-section {
   padding: 14px;
-  border-radius: 22px;
+  border-radius: 24px;
   border: 1px solid rgba(170, 213, 239, 0.54);
   background: linear-gradient(180deg, rgba(242, 250, 255, 0.82), rgba(213, 236, 249, 0.74));
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 20px 36px rgba(62, 126, 170, 0.14);
@@ -369,7 +369,7 @@
 
 .conversation-shell .expert-category-item {
   position: relative;
-  border-radius: 16px;
+  border-radius: 18px;
   border: 1px solid rgba(173, 214, 239, 0.48);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(235, 247, 255, 0.62));
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 12px 22px rgba(85, 147, 192, 0.08);
@@ -431,7 +431,7 @@
 .conversation-shell .expert-category-expert-item {
   min-height: 36px;
   padding: 7px 10px 7px 14px;
-  border-radius: 12px;
+  border-radius: 14px;
   border: 1px solid rgba(174, 215, 239, 0.56);
   background: rgba(255, 255, 255, 0.66);
   color: #42617d;

apps/ui/src/styles/shell.css

@@ -81,7 +81,7 @@
 .nav-item {
   min-height: 48px;
   padding: 0 var(--space-4);
-  border-radius: var(--radius-lg);
+  border-radius: var(--radius-xl);
   text-align: left;
   background: transparent;
   color: var(--color-text-secondary);
@@ -155,7 +155,7 @@
   display: grid;
   gap: 10px;
   padding: var(--space-4);
-  border-radius: 22px;
+  border-radius: 24px;
   border: 1px solid rgba(217, 231, 227, 0.92);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 250, 0.94));
   box-shadow: 0 18px 34px rgba(17, 24, 39, 0.06);
@@ -210,7 +210,7 @@
   gap: var(--space-1);
   padding: var(--space-4);
   text-align: left;
-  border-radius: var(--radius-lg);
+  border-radius: var(--radius-xl);
   border: 1px solid var(--color-border-light);
   background: linear-gradient(
     180deg,
@@ -271,7 +271,7 @@
   gap: var(--space-2);
   align-items: center;
   padding: var(--space-2);
-  border-radius: var(--radius-lg);
+  border-radius: var(--radius-xl);
   border: 1px solid transparent;
   background: rgba(255, 255, 255, 0.98);
   box-shadow: var(--shadow-xs);
@@ -305,7 +305,7 @@
   border: none;
   background: transparent;
   color: #20304b;
-  border-radius: 16px;
+  border-radius: 18px;
   text-align: left;
   align-content: center;
   transition: all 0.15s ease;

apps/ui/src/styles/theme-openclaw.css

@@ -153,7 +153,7 @@
   position: relative;
   min-height: 42px;
   padding: 0 12px 0 14px;
-  border-radius: 10px;
+  border-radius: 14px;
   border: 1px solid rgba(96, 165, 250, 0.18);
   background: rgba(255, 255, 255, 0.36);
   color: #2e516c;
@@ -203,7 +203,7 @@
   min-height: 42px;
   justify-content: center;
   padding: 0 12px;
-  border-radius: 10px;
+  border-radius: 14px;
   border-color: rgba(29, 78, 216, 0.18);
   background: linear-gradient(135deg, #2563eb, #0f6eea);
   color: #ffffff;
@@ -325,7 +325,7 @@
   gap: 8px;
   overflow: hidden;
   padding: 12px;
-  border-radius: 12px;
+  border-radius: 16px;
   background: rgba(255, 255, 255, 0.82);
   border-color: rgba(59, 130, 246, 0.32);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
@@ -337,7 +337,7 @@
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
   padding: 12px;
-  border-radius: 12px;
+  border-radius: 16px;
   background: rgba(255, 255, 255, 0.82);
   border-color: rgba(59, 130, 246, 0.32);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
@@ -436,7 +436,7 @@
 .shell.openclaw-theme .expert-category-item {
   position: relative;
   overflow: hidden;
-  border-radius: 10px;
+  border-radius: 14px;
   border-color: rgba(59, 130, 246, 0.2);
   background: #ffffff;
   box-shadow: none;
@@ -525,7 +525,7 @@
 .shell.openclaw-theme .expert-category-expert-item {
   min-height: 34px;
   padding: 6px 9px 6px 12px;
-  border-radius: 8px;
+  border-radius: 12px;
   border-color: rgba(59, 130, 246, 0.14);
   background: rgba(255, 255, 255, 0.74);
   color: #31516f;
@@ -560,7 +560,7 @@
   height: 50px;
   min-height: 50px;
   padding: 3px;
-  border-radius: 10px;
+  border-radius: 14px;
   border-color: rgba(59, 130, 246, 0.2);
   background: #ffffff;
   box-shadow: none;
@@ -583,7 +583,7 @@
 .shell.openclaw-theme .sidebar-session-main {
   min-height: 42px;
   padding: 0 8px 0 14px;
-  border-radius: 8px;
+  border-radius: 12px;
 }
 
 .shell.openclaw-theme .sidebar-session-main strong {
@@ -1272,7 +1272,7 @@
   display: grid;
   gap: 10px;
   padding: 12px 14px 11px;
-  border-radius: 14px;
+  border-radius: 20px;
   border: 1px solid rgba(147, 197, 253, 0.42);
   background:
     linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));