style(scrollbar): Aumentar ancho scrollbars (8/12→14px)

Z-Design V2: Scrollbars más anchos para mejor usabilidad.
- list.zig: 8→14px
- grid.zig: 8→14px
- advanced_table/drawing.zig: 12→14px
- virtual_advanced_table/drawing.zig: 12→14px
- virtual_scroll.zig: 12→14px (default config)
- table/render.zig: 12→14px

El bisel interno Laravel ya estaba implementado en drawBeveledRect.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/widgets/advanced_table/drawing.zig

@@ -130,7 +130,7 @@ pub fn drawScrollbar(
     const total_rows = table_state.getRowCount();
     if (total_rows == 0) return;
 
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
     const header_h: u32 = if (config.show_headers) config.header_height else 0;
     const scrollbar_h = bounds.h -| header_h;
 

src/widgets/grid.zig

@@ -346,7 +346,7 @@ pub fn gridRect(
 }
 
 fn drawScrollbar(ctx: *Context, bounds: Layout.Rect, scroll_y: i32, total_height: u32, visible_height: u32, colors: Colors) void {
-    const scrollbar_width: u32 = 8;
+    const scrollbar_width: u32 = 14; // Z-Design V2: más ancho
     const scrollbar_x = bounds.x + @as(i32, @intCast(bounds.w)) - @as(i32, @intCast(scrollbar_width)) - 2;
     const scrollbar_y = bounds.y + 2;
     const scrollbar_h = bounds.h -| 4;

src/widgets/list.zig

@@ -236,7 +236,7 @@ pub fn listRect(
 
     // Draw scrollbar if needed
     if (items.len > visible_count) {
-        const scrollbar_w: u32 = 8;
+        const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
         const scrollbar_x = bounds.x + @as(i32, @intCast(bounds.w)) - @as(i32, @intCast(scrollbar_w + 1));
 
         // Scrollbar track

src/widgets/table/render.zig

@@ -367,7 +367,7 @@ pub fn drawScrollbar(
 ) void {
     _ = config;
 
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho
     const header_h: u32 = 28; // Assume header
 
     const track_x = bounds.right() - @as(i32, @intCast(scrollbar_w));

src/widgets/virtual_advanced_table/drawing.zig

@@ -446,7 +446,7 @@ pub fn drawScrollbar(
     total_rows: usize,
     colors: *const VirtualAdvancedTableConfig.Colors,
 ) void {
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
     const content_h = bounds.h -| header_h -| footer_h;
 
     table_core.drawVerticalScrollbar(ctx, .{

src/widgets/virtual_scroll.zig

@@ -129,8 +129,8 @@ pub const VirtualScrollState = struct {
 pub const VirtualScrollConfig = struct {
     /// Show scrollbar
     show_scrollbar: bool = true,
-    /// Scrollbar width
-    scrollbar_width: u16 = 12,
+    /// Scrollbar width (Z-Design V2: 14px para mejor visibilidad)
+    scrollbar_width: u16 = 14,
     /// Overscan (render extra items above/below viewport)
     overscan: u16 = 2,
     /// Enable smooth scrolling