refactor(web): esquinas como variables del tema (--radius)

Los radios estaban escritos en cada componente. Ahora salen de --radius
(campos), --radius-lg (botones), --radius-pill (insignias) y --radius-panel
(tablas y ventanas, 0 por defecto). Sin cambio visual: un tema nuevo puede
redondear la interfaz sin tocar componentes.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/shared/list/data-table.css

@@ -8,6 +8,7 @@
   min-height: 0;
   overflow: auto;
   border: 1px solid var(--line);
+  border-radius: var(--radius-panel);
   background: var(--panel);
 }
 .tablewrap.busy {
@@ -78,7 +79,7 @@ tr.none td {
   display: inline-block;
   padding: 0 8px;
   border: 1px solid var(--line);
-  border-radius: 10px;
+  border-radius: var(--radius-pill);
   font-size: 11.5px;
   color: var(--quiet);
 }

apps/web/src/app/shared/list/filter-bar.css

@@ -47,7 +47,7 @@
   gap: 3px;
   padding: 0 4px 0 6px;
   border: 1px solid var(--focus);
-  border-radius: 2px;
+  border-radius: var(--radius);
   background: var(--row-sel);
   color: var(--focus);
   font-size: 11.5px;

apps/web/src/app/shared/value-help/value-help.css

@@ -16,6 +16,8 @@
   min-height: 360px;
   background: var(--win);
   border: 1px solid var(--line);
+  border-radius: var(--radius-panel);
+  overflow: hidden;
   box-shadow: var(--shadow-pop);
 }
 header {