@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

  .table-responsive {
        overflow-x: auto;
    }
    
    /* Truncate text with ellipsis */
    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* Ensure table cells don't expand */
    .table td {
        word-wrap: break-word;
        /* word-break: break-word; */
    }
    
    /* Fixed width for specific columns */
    .table td:nth-child(1) { /* Name column */
        max-width: 200px;
    }
    
    .table td:nth-child(2) { /* URL column */
        max-width: 250px;
    }
    
    .table td:nth-child(3) { /* Type column */
        width: 120px;
    }
    
    .table td:nth-child(4) { /* Status toggle column */
        width: 80px;
    }
    
    .table td:nth-child(5) { /* Total builds column */
        width: 100px;
    }
    
    .table td:nth-child(6) { /* Last build date column */
        min-width: 120px;
        width: 150px;
    }
    
    .table td:nth-child(7) { /* Actions column */
        min-width: 100px;
        width: 120px;
    }
    
    /* Tooltip on hover for truncated text */
    [title] {
        cursor: help;
    }